/* ---- reset ---- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ul, li { list-style-type:none; }
/*---- navigation - main ----*/
#mainnav { font-size:1em; clear:both; position:absolute; top:205px; padding:0; font-weight:bold; line-height:1; float:left; }
#mainnav ul, #mainnav li { margin:0; padding:0; list-style-type:none; }
#mainnav li { float:left; }
#mainnav a { text-transform:lowercase; display:block; padding:8px 24px 9px 0px; color:#990000; line-height:1em;}
#mainnav a:hover { color:#565656; text-decoration:none; }
#mainnav a.trail { text-decoration:none; color:#ffffff;}
#mainnav .active { margin:0px; padding:4px 12px 0px 0px; color:#fff; }
#mainnav .active .active { text-transform:lowercase; font-size:0.9em; line-height:1em; }
/*---- navigation - sub ----*/
#subnav .active .active { font-size:0.8em; }
/*---- general ----*/
html { height:101%; }
body, .textarea, .text { font-family:"trebuchet MS", arial, sans; color:#777777; }
h1 { text-transform:lowercase; color:#990000; font-size:1.2em; margin-bottom:12px; border-bottom:1px solid #cccccc; font-weight:bold; }
h2 { font-size:0.9em; margin-top:20px; margin-bottom:9px; color:#666666; }
h3 { font-size:0.8em; margin-top:10px; margin-bottom:5px; }
p, label, span, .caption { font-size:0.8em; line-height:1.3em; }
p { margin-bottom:8px; margin-right:14px; }
a { font-size:0.8em; color:#990000; text-decoration:none; }
a:focus { outline:none; }
a:hover, .mod_newslist a:hover, .mod_newsarchive .layout_short a:hover, h1 a:hover, p a:hover { color:#565656; border:none; }
p a, dl dd a, h2 a, h1 a, .info a, p span, li span { font-size:1em; }
p a, dl dd a, .subcolumn_right a, .subcolumn_left .mod_newslist a, .mod_rss_reader a { border-bottom: 1px dotted #999999; }
p.qod-text { margin-bottom:-10px; margin-right:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; }
p.qod-author { background:#eee; margin-right:0; padding-bottom:20px; text-indent:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; }
.ce_text li, .ce_list li { font-size:80%; line-height:160%; background:url("pfeil.gif") no-repeat left top; padding: 0 0 0 20px; }
.ce_text li li, .ce_list li li { font-size:100% }
dl { font-size:80%; margin-bottom:1em; }
dl dt { float:left; margin:0 5px 0 0; line-height:1.7em;}
dl dd { margin-left:180px;line-height:1.7em;}
p.wichtig { padding:5px; border:1px dotted #999; margin:0 0 20px 0; }
.mod_article img { margin-bottom:15px; padding:5px; border:1px solid #cccccc; }
.ce_image .caption { width:180px; }
#kontakt dl dd { margin-left: 60px; }
/*---- Pojekte & Referenzen - Liste ----*/
.mod_cataloglist { text-transform:lowercase; }
.mod_cataloglist .label {display:none;}
.mod_cataloglist .item.even { height:90px;border:1px solid#ccc; padding:12px 0 12px 10px; background:#fff; margin:0 0 8px 0; }
.mod_cataloglist .item.odd { height:90px; border:1px solid #ccc; padding:12px 0 12px 10px; background:#efefef;margin:0 0 8px 0; }
.mod_cataloglist .field.projekt { margin:0 0 5px 0; font-size:1.2em; font-weight:bold; border-botttom:1px solid #333; }
.mod_cataloglist .field.titelbild .value { width:120px; height:80px; display:block; float:left; clear:left; }
/*---- Partner ----*/
.ce_text.partner { border-bottom:1px solid #ccc; margin:8px 0 15px 0;}
.ce_text.partner h2 { margin:0 0 2px 0; }
.ce_text.partner .image_container { float:left; margin:0 20px 0 0; }
/*---- Projekte & Referenzen - Leser ----*/
.mod_catalogreader .layout_full { text-transform:lowercase; }
.mod_catalogreader .layout_full .label { display:none; }
.mod_catalogreader .layout_full .field.auftraggeber .label {display:block; float:left; margin:0 40px 0 0;}
.mod_catalogreader .layout_full .field.projekt .value { font-size:1.2em; font-weight:bold; border-botttom:1px solid #ccc; color:#990000; }
.mod_catalogreader .layout_full .field.kategorie .value { font-size:0.8em; }
.mod_catalogreader .layout_full .field.auftraggeber { font-size:0.8em; margin:0 0 10px 0; border-bottom:1px solid #ccc; padding:0 0 10px 0;}
.mod_catalogreader .layout_full .field.beschreibung .value { clear:both; margin:0 20px 0 0;}
.mod_catalogreader .image { margin:0 10px 0 0; }
/*---- Accordeon ----*/
.toggler { margin-top:5px; padding:3px 0px 3px 25px; background-image:url("pfeil_acc.gif"); background-position:left center; background-repeat:no-repeat; border:1px solid #990000; }
.accordion div { padding:3px 7px; border-right:1px solid #990000; border-bottom:1px solid #990000; border-left:1px solid #990000; }
/*---- layout ---- */
body { background-color: #E7E8E9; background-image: url("header.gif"); background-repeat: repeat-x; }
#right { margin-left:40px; }
#left { margin-right:40px; }
#footer { background-image: url("footer.gif"); background-repeat: repeat-x; }
.logo { float: left; padding: 86px 0 0 0; }
.img_top { float: right; margin-right: 0; }
html, body { height:100%; }
#wrapper {min-height: 100%; margin-left: 4%; margin-right: 4%; min-width: 850px;}
#main {overflow:auto; padding-bottom: 50px;} /* must be same height as the footer */
#footer {position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
/* ---- Navigation - Custom ----*/
.mod_customnav { }
.mod_customnav ul { margin:0% 8% 0% 0%; padding:15px 0px 0px 0px; list-style-type:none; }
.mod_customnav li { float:right; margin-right:10px; border-right:1px solid #990000; text-transform:lowercase; }
.mod_customnav a { margin:0px; padding:0px 10px 0px 0px; font-weight:bold; text-decoration:none; }
.mod_customnav a:hover { color:#565656; }
.mod_customnav .active { margin:0 10px 0 0; padding:0px 5px 0px 0px; font-weight:bold; color:#565656; }
.mod_customnav .active .active { font-size:0.9em; }
/* ---- Float-Boxen ----*/
div.kontakt, div.formular { clear:none;float:left; width:45%; margin:0 9% 0 0; }
.ce_text div.recht { clear:none; width:45%px; }
div.konzept {clear:both; }
div.formular { }
div.leistungen { float:left; width:18%; margin:0 2% 0 0; }
/*---- Formular ----*/
.text, .textarea, .select, .ce_form label, .submit, .multiselect { font-size:80% }
.submit { font-weight:bold; color:#666666; }
.row_1 .col_0.col_first, .row_0 .col_0.col_first { vertical-align:top; }
#text_form { width:380px; margin-bottom:20px; }
div.checkbox_container { margin:0px 0px 1px 0px; }
div.checkbox_container span { display:block; padding-right:6px; }
input.checkbox { margin:3px 3px 0px 1px; padding:0px; }
select { width:306px; margin:1px 0px; padding:2px; border:1px solid #dddddd; background:#efefef; }
div.error { color:#ff8000; font-size:70%; font-weight:bold; }
.ce_form fieldset { width:400px; display:block; margin:12px 0px 24px 0px; padding:12px 12px 0px 12px; }
.ce_form table .col_0 { width:120px; padding-right:10px; }
legend { color:#00b1bf; }
input.file { margin:1px 0px; }
.submit_container input { margin:1px 0px; padding:2px; text-align:center; border:1px solid #dddddd; background:#efefef; float:right; }
div.radio_container { margin:0px 0px 1px 0px; }
div.radio_container span { display:block; padding-right:6px; }
input.radio { top:2px; position:relative; margin:1px 2px 0px 1px; padding:0px; }
input.text, input.password, .textarea { width:290px; margin:2px 0px; padding:2px; }
textarea { margin:2px 0px; padding:2px; }
.explanation { padding:15px 0 8px 0; }
.captcha_text { font-size:80%; }
.captcha {width:70px; margin:1px 0px; padding:2px; border:1px dotted #999; background:#fff;}
.submit_container input { background:#990000; color:#fff; font-weight:bold; border:1px solid #fff; height:28px; cursor:pointer; padding:0px 3px 3px 3px; margin-top:10px;}
.textarea { height:125px; }