/* CSS-STYLES for hollpage.de */

body {font-family: Arial, Helvetica, sans-serif; FONT-SIZE:12px; COLOR:#181818; BACKGROUND-COLOR:#EFEFEF; margin:0px; line-height:17px; }

a:link {color:#181818; font-size:1em; text-decoration:none;}
a:visited {color:#181818; text-decoration:none; }
a:hover {color:#181818; text-decoration:underline; }
a:active {color:#181818; text-decoration:none;}

/* Überschriften-Klassen */
h1 {color:#000000; font-size:30px; line-height:33px; padding: 10px 0px 0px 0px;  font-weight:normal; text-indent:-2px; margin:0px; }
h1.ce_headline { padding:75px 0 0 40px;  }
h2 {color:#181818; font-size:1em; line-height:15px; font-weight:bold; padding: 20px 0px 10px 0px; margin:0px; }
h3 {color:#bbbbbb; font-size:1em; line-height:15px; font-weight:normal; padding: 10px 0px 10px 0px; margin:0px; }
h4 {color:#181818; font-size:18px; line-height:20px; font-weight:normal; padding: 30px 0px 18px 0px; margin:0px; }
h5 {color:#181818; font-size:1em; line-height:15px; font-weight:bold; padding: 0px 0px 10px 0px; margin:0px; }
h6 { color:#181818; font-weight:bold; font-size:1.4em; line-height:1.3em; padding: 5px 5px 3px 5px; margin:0; }

/* Framing */
#wrapper { position:absolute; left: 50%; margin-left:-290px; padding-bottom:200px; }
#header {height:30px; margin: 0px; padding: 0px; width:702px;}
#container { width:700px; background-color:#ffffff; padding: 0px; margin:0px; overflow:hidden; min-height:350px; overflow:hidden; border:1px solid #999999; -moz-box-shadow: 0 1px 2px #888888; box-shadow: 0 1px 2px #888888; -webkit-box-shadow: 0 1px 2px #888888; }
#left { position: absolute; left: -130px; top: 30px; overflow:visible; padding: 0px 0px 20px 0px; height:180px; }
#main { margin:0px; padding:0; overflow:hidden; }
#footer {padding:20px 0 40px 40px; float:none; clear:both; width:662px; }




/* Schrift usw. */
.grautext { color:#666666; font-size:0.8em; }
b { font-weight:bold; font-size:1em; }
p { margin:0px 0px 15px 0px; }

/* Formulare */
input { margin:0px 5px 15px 15px; }
td { vertical-align:text-top;  }

/* Bilder und Bildklassen */
img { margin:0px; border:0; }
.link_pic { width:15px; height:10px; margin-right:5px; }

/* Internet Explorer PNG-Transparenz */
img, div { behavior:url(iepngfix.htc); }


/* Seitentypen */
.inblock, .homepage, .listsite, .groupsite, .categorysite, .loginsite { padding-left:40px; }
.homepage, .menusite, .listsite, .groupsite, .categorysite, .burosite, .loginsite { margin-bottom:40px; }
.homepage { padding-top:60px; }
.menusite { padding-top:99px; }
.listsite { padding-top:99px; }
.groupsite { padding-top:60px; }
.categorysite { padding-top:100px;  }
.burosite { }
.loginsite { padding-top:56px; }


.clear, #clear { height:0px; }
.mod_breadcrumb { font-style:italic; padding: 17px 5px 5px 20px;}
div.ce_text { padding:26px 0 0 0; }

/*  Header */
.header_kategorie { height:17px; width:680px; color:#fff; padding:3px 0 0 20px; font-size:0.9em; }
.header_kategorie:hover { opacity:0.8;}
.header_kategorie a { color:#FFFFFF; height:18px; left:0; padding:2px 0 0 20px; position:absolute; text-decoration:none; top:0; width:680px; }
.header_kategorie a:visited { color:#FFFFFF; }
.header_kategorie a:hover { color:#FFFFFF; text-decoration:none; background: transparent url(../mainpics/pfeil_nav_white.gif) no-repeat 5px 5px; }
.categorysite .header_kategorie, .listsite .header_kategorie, .menusite .header_kategorie, .homepage .header_kategorie, .groupsite .header_kategorie, .loginsite .header_kategorie { position:absolute; top:0px; left:0px; }
.listsite .header_kategorie:hover, .menusite .header_kategorie:hover, .homepage .header_kategorie:hover, .loginsite .header_kategorie:hover { opacity:1;}

.loginsite .header_kategorie { padding-left:73px; }
.header_kategorie a.logout { text-align:right; background-color:#A10006; padding:2px 7px 0 20px; text-decoration:none; width:auto; }
.header_kategorie a.logout:visited { color:#FFFFFF; }
.header_kategorie a.logout:hover {  }


/* fieldbox, FLAG UND Trenner */

.fieldbox {margin-bottom:40px;}
.fieldheadline { border-bottom:1px solid #bbbbbb; padding-left:35px; height:22px; margin-bottom:20px;}
.fieldheadline span { font-size:1em;  padding:1px 5px 2px; line-height:1.5em; text-indent:0; display:block; float:left;  border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-top:1px solid #bbbbbb; border-bottom:1px solid #fff; font-weight:bold; height:18px; background-color:#fff; }


.flag {}


div.trenner { width:620px; height:20px;  clear:both; margin: 0px 0px 20px 0px; background-image:url(../mainpics/trenner_line.gif); position:relative; }
div.trenner_zweizellen { width:395px; height:20px;  clear:both; margin: 40px 0px 20px 0px; background-image:url(../mainpics/trenner_line.gif); position:relative; float:; }
div.trenner_einezelle { width:195px; height:20px;  margin: 0px 20px 20px 0px; background-image:url(../mainpics/trenner_line.gif); float:left; }
span.trennertypo { color:#666666; background-color:#FFFFFF; padding-right:5px;}

#welcome { background-color:#000000;}
.flagged_project { float: left; padding-top: 20px; width:215px; overflow:hidden; }


/*  Transparente Balken */
#p_hgbalken { background:#fff; filter:Alpha(opacity=80); opacity:0.7; position:absolute; top:0px; left:0px; width:700px; height:123px; margin:0px; padding:0px; z-index:40;}
#b_hgbalken { background:#fff; filter:Alpha(opacity=80); opacity:0.7; position:absolute; top:20px; left:0px; width:700px; height:77px; margin:0; padding:0 0 26px 0; }


/* Freie Zeilen in main */
.zelle { float:left; padding:0px 20px 20px 0px; }
.einezelle { width:195px; float:left; padding:0px 20px 20px 0px; display:block; }
.zweizellen { width:406px; float:left; padding:0px 20px 20px 0px; }
.zeile { width:597px; padding: 10px 0px 0px 0px; clear:both; position:relative; float:none; min-height:20px; }
.halbezeile { width:300px; float:left; padding:0px 20px 20px 0px;  } 
.spalte { float:left; margin:10px 0 20px 0; width:320px; overflow:hidden;}

.sitemenu { clear:both; text-align:right; padding-right:30px; margin:20px 0px 40px 0px; }

.image_container { font-size:0px; line-height:0px; }

.welcometext { width:500px; }


/* Projekt Kategorie-Farben */
.root { background: #BBBBBB; }
.none { background: #888888; }
.Produkt { background: #000363; }
.Visuelle { background: #A10006; }
.Design { background: #004626; }
.Analyse { background: #F13F00; }
.Modelle { background: #BF8900; }
.holl { background: #000000; }


/* Projekt und Beitrag Previews */
.projektcontainer { width:193px; height:200px; margin: 0px 20px 20px 0px; position:relative; float:left; curser:pointer; border:1px solid #666; -moz-box-shadow: 0 1px 2px #888888; box-shadow: 0 1px 2px #888888; -webkit-box-shadow: 0 1px 2px #888888;  }
.projektkategorie {height:20px; width:193px; position:absolute; top:0px; left:0px; margin:0px;}
.projektkategorietype {color:#ffffff; font-size:0.9em; font-weight:normal; line-height:18px; margin: 1px 5px 0px 6px;}
.projekthead {width:193px; background:#fff; filter:Alpha(opacity=85); opacity:0.85; margin:0px; position:absolute; top:20px; left:0px; }

.projektgruppe { color:#000000; font-weight:normal; font-size:0.9em; line-height:1em; margin: 0px 5px 0px 5px; padding-bottom:5px; }
.beitraghead {width:193px; background:#fff; filter:Alpha(opacity=80); opacity:0.75; margin:0px; padding-bottom:5px; position:absolute; top:20px; left:0px; } 
 .beitragtitel { color:#ffffff; font-weight:bold; font-size:16px; line-height:18px; margin: 5px 5px 3px 5px; overflow:hidden;}
img.preview { width:193px; height:200px; margin:0px; position:absolute; top:0px; left:0px; scrolling:no;}

a.prev_link:link {color:#ffffff; text-decoration:none; display: block; width:193px; height:200px;  position:absolute; z-index:10; scrolling:no; }
a.prev_link:visited {color:#ffffff; text-decoration:none; display: block; width:193px; height:200px;  position:absolute; z-index:10; scrolling:no; }
a.prev_link:hover { width:193px; height:200px;  background:#FFFFFF; filter:Alpha(opacity=20); opacity:0.2; }

/* Projekt FIlter-Menü */
div#category_filter_menu { margin-bottom:20px; }

/* Projekt Kategorie-Menu */
div#category_menu { }
.kasten { width:20px; height:20px; float:left; margin: 0px 5px 0px 0px; -moz-box-shadow: 0 1px 2px #888888; box-shadow: 0 1px 2px #888888; -webkit-box-shadow:0 1px 2px #888888;  }
.category { line-height:1.6em; }
.categorytype_not_active {  }

/* Gruppen-Übersicht */
.g_bild { float:left; margin: 0 10px 8px 0; width:62px; height:62px; padding:0px; -moz-box-shadow: 0 1px 2px #888888; box-shadow: 0 1px 2px #888888; -webkit-box-shadow: 0 1px 2px #888888; }
.g_bild img { border:1px solid #666666; width:60px; height:60px; padding:0; margin:0;}
img.g_bildlink:hover { filter:Alpha(opacity=80); opacity:0.8; }
.g_daten { float:left; font-size:0.9em; color:#666666; width:190px; line-height:14px }
.g_daten a, .g_titel  { color:#181818; font-size:16px; line-height:18px; font-weight:normal;}
div.g_description { color:#666666; padding-bottom:40px; }
.gbild a { text-decoration:none; }
.gdaten a { color:#181818; }
.g_header { overflow:visible; }


/* Projekt Sortier-Menu */
.sortier_menu { width:597px; margin: 10px 0px 20px 0px; clear:both; position:relative; float:none; min-height:20px; }
.select {  }
.form { border:1px solid #000000; }




/* Projekt und Beitrag Inhalt-Seiten */
.p_breadcrumb { position:absolute; top:0px; left:0px; padding: 17px 5px 5px 20px; }
.p_inhalt {  }
.p_header {  position:absolute; top:0px; left:0px; padding:0; width:700px; height:130px; oveflow:hidden; z-index:50;}
td.p_head { vertical-align:bottom; padding:10px 0px 0px 18px;  }



.p_gruppenverweis, .p_categoryfield, .p_projectfield  { overflow:visible; clear:both; }
.p_related_content { clear:both; }

.p_container { width:; background:none;}
.p_infos { padding: 0px 5px 2px 0px; }
.p_kategorie { height:10px; width:10px; float:left; margin: 15px 0px 5px 0px;}
.p_kategorietype {margin: 15px 0px 5px 3px; line-height:10px; font-weight:normal; float:left;}
.p_gruppe_datum { clear:both; padding: 5px 0px 10px 0px; line-height:17px; }

#p_hgbilder { border:0; margin:0px; line-height:0px; }
#p_head { vertical-align:bottom; padding:0; width:530px; height:89px; }


.p_hgimages { width:790px; margin:0px; padding:0px; border:0;}
.p_hg_bild_ersatz { height:200px; line-height:0px;}
#p_longtext {  text-align:left; width:300px; float:left; margin: 0px 30px 0px 0px;}
#p_features { float:left; width:300px; margin: 0px 30px 0px 0px; }

.mod_catalogrelated { width:630; margin-bottom:0px; display:inline; }
p.back {display:none; line-height:0px; }


#b_hgbalken_e { position:absolute; top:10px; left:120px; width:630px; height:120px; margin:0; padding:60px 20px 30px 20px; }
#b_inhaltsfeld_auf_HG { position:absolute; top:220px; left:120px; padding:0px; width:597px;  }
#b_inhaltsfeld { padding:40px 0 0 40px; width:597px;  }
#b_hgbild { border:0 none; margin:0; padding:0; position:absolute; width:790px; }
.b_transwhite { float:left; text-align:left; background:url(../mainpics/trans_white.png);  margin-right:10px; }
#text { margin-top:30px; }
.b_transwhite_innen { margin: 20px 20px 30px 20px; text-align:justify; }


/* NEWS __________________________________________ */

.news_field { width:627px; margin:0 20px 0 0; }
.news_img { width:124px; margin: 10px 20px 0 0; float:left; }
.news_data { width:360px; margin: 10px 20px 0 0; float:left; }
h1.news { padding-top:0px; text-indent:0; font-size:21px; line-height:24px; margin-bottom:4px; }
.news_links { float:left; margin-right:10px; }
.news_links a { color:#888888; }

/* LOGIN - BEREICH __________________________________________ */
.m_logo { padding:0; margin-top:12px;  }
.mime_icon { vertical-align:bottom; }
.m_halbezeile { width:288px; float:left;  padding: 10px 10px 0px 0px; } 
.formbody { padding: 10px 0px 0px 0px; }