/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#1cabe5;
	background-image: url(../images/bgr_startseite.png);
	background-position:top center;
	margin-bottom: 1px;
	text-align:center;
	
	font-size:small;
	color:#3e3d40;
}


div#verlauf {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0 11px 0;
	width:1018px;
	
	background-image: url(../images/bgr_verlauf.png);
	background-position:top center;
	background-repeat:repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	text-align:left;
	z-index:10;
}

* html div#verlauf {background-image:none;}
* html div#bommeln {background-image:none;display:none;}

div#container {position:absolute;
	margin:8px 0 0;
	padding:0 14px;
	width:990px;
	
	background-color:#FFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	text-align:left;
	z-index:10;
}

div#header {height:115px;background-color:#FFF;background-image:url(../images/logo.gif); background-position: left top; background-repeat:no-repeat;}
div.mainMenu {background-color:#FFF;}

div#content {padding:0 0 40px;background-color:#FFF;background-image:url(../images/bgr_content.gif); background-position: left top; background-repeat:no-repeat; }
/*div#content { padding:0 0 80px; margin:0 !important; margin:0 0 80px; }*/


div#footer {position:absolute;width:100%;bottom:0; /* stick to bottom */}

div#hintergrund_bild {position: absolute; left: 50%;top: 110px;width: 174px;height: 548px;margin-left: -670px; 
background-image:url(../images/ranke.gif); background-position: left top; background-repeat:no-repeat; z-index:1;}

.metanav, .footer_col4 {font-size:10px; line-height:10px;}
.column{float:left;margin-right:0px;padding:0;}
.span-1  { width: 242px;}
.span-2  { width: 484px;} /* 484px */
.span-3  { width: 706px;} /* 726px; */
#header .span-3, #footer .span-3  { width: 726px;} /* 726px; */
.span-4  { width: 928px;} /*968*/

#content .span-1  { width: 222px;padding:0 0 0 20px;}
#content .span-inh-1  { width: 222px;padding:0;}
#content .span-inh-12  { width: 222px;padding:0 0 0 20px;}
#content .span-inh-13  { width: 222px;padding:0 0 0 20px;}
#content .span-2  { width: 454px;padding:0 10px 0 20px;} 
#content .span-3  { width: 706px;padding:0 0 0 20px;} 
.header_col4 {background-image:url(../images/bgr_header_footer_col4.gif); background-position:top left; background-repeat:no-repeat; padding-top:27px;}
.footer_col4 {background-image:url(../images/bgr_header_footer_col4.gif); background-position:bottom left; background-repeat:no-repeat; padding: 0px 0 27px 0;}

/* typography.css */
body{font-size:13px;line-height:140%;}
body{font-family:Lucida Grande, Helvetica, Arial, sans-serif;}
pre{font-family:Lucida Grande, Helvetica, Arial, sans-serif;}
code{font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Monaco,Courier,monospace;}
h1,h2,h3,h4,h5,h6{color:#16a6e3;clear:both;}
h1{font-size:17px;line-height:22px;padding:0 30px 18px 0;margin:0;/*text-transform:uppercase;*/ font-weight:normal;}
h2{font-size:17px;line-height:22px;margin:0 0 18px;font-weight:normal;}
h3{font-size:13px;line-height:36px;}
h4{font-size:14px;font-weight:bold;}
h5{font-size:13px;margin:0;}
h6{font-size:13px;}
p{margin:0 20px;text-align:left;}
div#content p{margin:0;text-align:left;}
p.last{margin-bottom:0;}
p img{float:left;margin:0;padding:4px 0;}
p img.top{margin-top:0;}
a{color:#3E3D40;text-decoration:underline;}
/*#content a{font-weight:bold;}*/
#content .menu_leistungen a{font-weight:normal;}
a:hover{color:#3E3D40;text-decoration:underline;}
div.tx-qdkunden-pi1 a, div.mainMenu a, div.menu_leistungen a, div.metanav a {color:#3e3d40;text-decoration:none;}
div.tx-qdkunden-pi1 a:hover, div.mainMenu a:hover, div.menu_leistungen a:hover, div.metanav a:hover{color:#10a4e2;text-decoration:none;}
ul,ol{margin:0 0 40px 0; padding:0 0 0 20px;}
ul {list-style-type: none;}
ol{list-style-type:decimal;}
dl{margin:0 0 18px 0;}
dl dt{font-weight:bold;}
blockquote{margin:0 0 18px 18px;color:#666;font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:18px;background:#eee;border:1px solid #ddd;padding:16px;}
hr{ border-left:0; border-right:0; border-top:0;border-bottom: 1px dotted #3e3d40; margin:0 0 18px 0; background-color:#fff; height: 2px;}
table{margin-bottom:16px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
th,td{height:13px;padding:2px 4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
th{font-weight:bold;}
p.small{font-size:10px;margin-bottom:18px;}
p.large{font-size:14px;line-height:36px;}
p.quiet{color:#666;}
.skip,.hideme,.print,.txt_left{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-size:1.2em;line-height:1%;font-style:italic;}
.dquo{margin-left:-.7em;}
p.incr,.incr p{font-size:10px;line-height:1.44em;margin-bottom:18px;}
.caps{font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;}

.menu_header { height:35px;}

.mainMenu ul li { width:100%; margin:0; padding:0; }

a.button_buero, a.button_buero_akt { width:245px; height:35px; line-height:35px; background-image:url(../images/button_buero.gif); background-position:left top; background-repeat:no-repeat; display:block;}
a.button_buero:hover, a.button_buero:active, a.button_buero_akt, a.button_buero_akt:hover, a.button_buero_akt:active  {width:245px; height:35px; background-image:url(../images/button_buero_akt.gif); background-position:left top; background-repeat:no-repeat;}

a.button_showroom, a.button_showroom_akt { width:245px; height:35px; line-height:35px; background-image:url(../images/button_showroom.gif); background-position:left top; background-repeat:no-repeat; display:block;}
a.button_showroom:hover, a.button_showroom:active, a.button_showroom_akt, a.button_showroom_akt:hover, a.button_showroom_akt:active  {width:245px; height:35px; background-image:url(../images/button_showroom_akt.gif); background-position:left top; background-repeat:no-repeat;}

a.button_kontakt, a.button_kontakt_akt { width:245px; height:35px; line-height:35px; background-image:url(../images/button_kontakt.gif); background-position:left top; background-repeat:no-repeat; display:block;}
a.button_kontakt:hover, a.button_kontakt:active, a.button_kontakt_akt, a.button_kontakt_akt:hover, a.button_kontakt_akt:active {width:245px; height:35px; background-image:url(../images/button_kontakt_akt.gif); background-position:left top; background-repeat:no-repeat;}

a.button_aktuelles, a.button_aktuelles_akt { width:245px; height:35px; line-height:35px; background-image:url(../images/button_aktuelles.gif); background-position:left top; background-repeat:no-repeat; display:block;}
a.button_aktuelles:hover, a.button_aktuelles:active, a.button_aktuelles_akt, a.button_aktuelles_akt:hover, a.button_aktuelles_akt:active {width:245px; height:35px; background-image:url(../images/button_aktuelles_akt.gif); background-position:left top; background-repeat:no-repeat;}

div.span-1 p.bodytext {padding-right:30px;}
div.span-1 h1 {padding:0 30px 3px 0;}
span.Fett {font-weight:bold;}
span.blaueSchrift {color:#16a6e3;}
span.grosseBlaueSchrift {color:#16a6e3;font-size:18px;line-height: 22px;/*text-transform:uppercase;*/}
span.hellblaueSchrift {color:#DBEDFA;}
span.gelbeSchrift {color:#FFD60D;}
span.graueSchrift {color:#C8C7C7;}

li.mM_CUR_first, .mM_CUR_first a:link, .mM_CUR_first a:visited, .mM_CUR_first a:link, .mM_CUR_first a:active, .mM_CUR_first a:hover,
li.mM_CUR_middle, .mM_CUR_middle a:link, .mM_CUR_middle a:visited, .mM_CUR_middle a:link, .mM_CUR_middle a:active, .mM_CUR_middle a:hover,
li.mM_CUR_last, .mM_CUR_last a:link, .mM_CUR_last a:visited, .mM_CUR_last a:link, .mM_CUR_last a:active, .mM_CUR_last a:hover,
li.mM_CURIFSUB_first, .mM_CURIFSUB_first a:link, .mM_CURIFSUB_first a:visited, .mM_CURIFSUB_first a:link, .mM_CURIFSUB_first a:active, .mM_CURIFSUB_first a:hover,
li.mM_CURIFSUB_middle, .mM_CURIFSUB_middle a:link, .mM_CURIFSUB_middle a:visited, .mM_CURIFSUB_middle a:link, .mM_CURIFSUB_middle a:active, .mM_CURIFSUB_middle a:hover,
li.mM_CURIFSUB_last, .mM_CURIFSUB_last a:link, .mM_CURIFSUB_last a:visited, .mM_CURIFSUB_last a:link, .mM_CURIFSUB_last a:active, .mM_CURIFSUB_last a:hover,
li.mM_ACTIFSUB_first, .mM_ACTIFSUB_first a:link, .mM_ACTIFSUB_first a:visited, .mM_ACTIFSUB_first a:link, .mM_ACTIFSUB_first a:active, .mM_ACTIFSUB_first a:hover,
li.mM_ACTIFSUB_middle, .mM_ACTIFSUB_middle a:link, .mM_ACTIFSUB_middle a:visited, .mM_ACTIFSUB_middle a:link, .mM_ACTIFSUB_middle a:active, .mM_ACTIFSUB_middle a:hover,
li.mM_ACTIFSUB_last, .mM_ACTIFSUB_last a:link, .mM_ACTIFSUB_last a:visited, .mM_ACTIFSUB_last a:link, .mM_ACTIFSUB_last a:active, .mM_ACTIFSUB_last a:hover
{color:#16a6e3;height:18px;}

span.pfeil1 {position:relative;top:-1px;}

.bodytext {}

div#content ul {margin: 0; padding-left: 0; list-style: none; }
div#content li{padding-left: 11px;background-image: url(../images/li_ul.gif);background-repeat: no-repeat;background-position: 0 4px;}
div#content div.menu_leistungen li{padding-left: 0;background-image: none;background-position: 0;}

/* tt_news */
.news-latest-item {border-bottom:1px dotted #3e3d40;margin:0 0 14px 0;padding:0;}
.news-latest-item .bodytext {padding-bottom:0;}
.news-latest-container table {border:0 none;margin:0 0 14px 0;padding:0;}
div#c687 .news-latest-container table {border:0 none;margin:0;padding:0;}
.news-latest-container th, .news-latest-container td {border:0 none;padding:0;}

.news-latest-item td.rechts {width:120px;}
.news-latest-item td.mitte {width:40px;}
.news-latest-item h3, .news-latest-item h3 a {line-height:12px;margin:0 0 3px 0;padding:0;color:#16a6e3;text-decoration:none;}

.news-single-item-left {width:222px;float:left; padding-right:20px;}
.news-single-item-left .date {color:#3e3d40;}
.news-single-item-right {width:444px;float:left;border-bottom:1px dotted #3E3D40;border-top:1px dotted #3E3D40;}
.news-single-item-right img {border-bottom:2px solid #FFFFFF;border-top:2px solid #FFFFFF;}

.news-latest-highlight .news-latest-item {border-top:1px dotted #3e3d40;}
.news-latest-highlight td.rechts {width:220px;}
.news-latest-highlight td.mitte {width:1px;}
.news-latest-highlight .news-latest-item h3, .news-latest-highlight .news-latest-item h3 a {line-height:18px;margin:22px 0 3px 0;padding:0;color:#16a6e3;text-decoration:none;}
.news-latest-highlight .news-latest-item h3 {margin-bottom:18px;}
.news-latest-highlight .news-latest-item h3 a {font-size:17px;font-weight:normal;}
div.news-single-img {margin-right:20px;border-top:1px dotted #3e3d40;;border-bottom:1px dotted #3e3d40;}
div.news-single-img img {border-bottom:2px solid #FFFFFF;border-top:2px solid #FFFFFF;}

.news-single-item h3 {line-height:18px;padding:0;margin:0;color:#3e3d40;}

.news-single-backlink a {
	display:block;
	width:150px;
	height:18px;
	background:url(../images/news-single-backlink.png) no-repeat;
	cursor:pointer;
	padding-left:22px;
}

div.menu_leistungen {margin-top:18px;}
.menu_leistungen ul {margin:0; padding:0;}
.menu_leistungen ul.menu-level2 {margin:0; padding:0 0 0 25px;}
.menu_leistungen a, .menu_leistungen a:link, .menu_leistungen a:visited, .menu_leistungen a:active, .menu_leistungen a:hover {margin:0; padding:0;}
.menu_leistungen a:hover {color:#16a6e3;}
.menu-level1-current-active a, .menu-level1-current-active a:link, .menu-level1-current-active a:visited, .menu-level1-current-active a:active, .menu-level1-current-active a:hover {margin:0; padding:0;color:#ffb017;}

.span-1 .csc-textpic {margin-bottom:24px;}

.parent_36 .span-2 img, .parent_37 .span-2 img, .parent_38 .span-2 img, .parent_39 .span-2 img {border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
.parent_36 .span-2 .csc-textpic-imagewrap, .parent_37 .span-2 .csc-textpic-imagewrap, .parent_38 .span-2 .csc-textpic-imagewrap, .parent_39 .span-2 .csc-textpic-imagewrap {border-top:1px dotted #3e3d40;border-bottom:1px dotted #3e3d40;margin-bottom:24px;}

/* Form */
.csc-mailform {display:block;margin:0 0 3em;padding:0 0 1em;width:100%;border:0px solid #0aa2e1;}
.csc-mailform-field {margin:5px 0;width:50%;float:left;}
.field-Firma, .field-Ansprechpartner, .field-Strasse, .field-PLZOrt, .field-Telefon, .field-EMail, .field-Bitte_um_Rueckruf, .field-formtype_mail {width:224px;}
.field-Firma, .field-Strasse, .field-Telefon {float:right;}
.field-Ihre_Nachricht {margin:5px 0;width:100%;float:left;border:0px solid #0aa2e1;}
label {display:block;margin-bottom:2px;}
input {display:block;width:210px;border:1px solid #0aa2e1;background-color:#e0f2fc;padding:2px;}
textarea {display:block;width:440px;border:1px solid #0aa2e1;background-color:#e0f2fc; padding:2px;}
input.csc-mailform-submit {float:right;width:93px;height:19px;border:0;color:#FFF;background-color:#009ee1;background-image:url(../images/bgr_submitformular.gif);background-position:left center;background-repeat:no-repeat;cursor:pointer}
.field-Bitte_um_Rueckruf label {display:inline;}
.field-Bitte_um_Rueckruf input.csc-mailform-check {display:inline;clear:both;width:auto;}
input#mailformBitte_um_Rueckruf {border:0px solid #0aa2e1;background-color:#fff;padding:2px;vertical-align:middle;}
.field-formtype_mail input {margin-bottom:5px;}

div.login_header {font-weight:bold;}
div.login_header, div.user, div.pass {margin-bottom:10px;}
input.submit_login {width:26px;height:20px;border: none; background: url('../images/submit_login.gif') no-repeat top left;overflow: hidden;text-indent: -999px;font-size: 0px;display:block;line-height: 0px;}
div.felogin-hidden input {background-color:#fff;border:none;display:none;padding:0;margin:0;}

table.kunden {border-left:none;border-top:none;margin-bottom:16px;}
table.kunden th.th1, table.kunden td.td1 {width:464px;border-bottom:1px dotted #DDDDDD;border-right:1px solid #DDDDDD;height:13px;padding:2px 4px 2px 0;}
table.kunden td.td2, table.kunden td.td3, table.kunden td.td4, table.kunden td.td5 {text-align:center;}
table.kunden th.th2, table.kunden th.th3, table.kunden th.th4, table.kunden th.th5 {width:46px;text-align:center;border-bottom:1px solid #DDDDDD;border-right:1px solid #FFF;height:13px;padding:2px 4px;color:#FFF;background-color:#fab911;}
table.kunden img {border:none;text-decoration:none;}
table.kunden caption {border:none;display:none;padding:0;margin:0;}

table.header {border-left:none;border-top:none;}
table.header th, table.header td {border-bottom:none;border-right:none;}

body#page_52 .news-latest-container table {margin:0;border-bottom:16px solid #FFF;}
dd {margin:0;}

div.news-single-additional-info,div.news-single-backlink{margin-top:18px;}

/* News scroll */
#thumbs a:link {color:#16A6E3; text-decoration:none}
#thumbs a:visited {color:#16A6E3; text-decoration:none}
#thumbs a:active {color:#16A6E3; text-decoration:none}
#thumbs a:hover {color:#16A6E3; text-decoration:underline}

#thumbs .blue a:link, .news-latest-highlight .news-latest-morelink a:link {color:#3E3D40; text-decoration:none;font-weight:bold;}
#thumbs .blue a:visited, .news-latest-highlight .news-latest-morelink a:visited {color:#3E3D40; text-decoration:none;font-weight:bold;}
#thumbs .blue a:active, .news-latest-highlight .news-latest-morelink a:active {color:#3E3D40; text-decoration:none;font-weight:bold;}
#thumbs .blue a:hover, .news-latest-highlight .news-latest-morelink a:hover {color:#3E3D40; text-decoration:underline;font-weight:bold;}

div.scrollable {  
	position:relative;
	overflow:auto;
	width: 706px;	 
	height:342px;
	z-index:999999;
}

#thumbs {	
	position:absolute;
	width:1452px;		
	clear:both;
}

#thumbs h3 {line-height:16px;font-weight:normal;}

#thumbs div {
	float:left;
	padding:10px;
	margin-right:20px;
	width:200px;
	height:300px;
	background:#fff;
	color:#333;
	border:1px solid #ffb214;
	cursor:pointer;
	overflow:hidden;
}

#thumbs div.hover {
	background-color:#fff;	
}

#thumbs div.active {
	background-color:#fff;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:0 0 13px;
}
#thumbs span {
	padding:0;margin:0;
}
#thumbs span.thumbs_date a, .date {color:#3E3D40;text-decoration:none;font-size:11px;}
#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

div.scrollable {
	float:left;	margin-top:10px;
}

.scroll_header {height:30px;margin-bottom:10px;}
.scroll_header {width:286px;color:#16a6e3;float:left;font-size:17px;line-height:30px;margin:0;font-weight:normal;}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:none;
	width:67px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	cursor:pointer;
	margin:10px 0 0;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* 
a.disabled {
	visibility:hidden !important;		
}
*/

a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}



/* navigation*/


div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}

div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -16px;     
} 	

#c754, #c755 {margin-left:20px;}

#page_29 a {text-decoration: none;}


