html[xmlns^="http"]{
	 /* Mozilla-Scrollbar */
	overflow-y: scroll;
}

html, body{
	margin:0;
	padding:0;
	color: #666666;
	background-color: #ffffff;
	background-image: url(images/bg_html.gif);
	background-position: center top;
	background-repeat: no-repeat;
}


/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */

body{
	position: relative;
	width: 735px;
	margin: 0 auto 0 auto;
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

div#website{
	position: relative;
	width:735px;
	text-align: left;
	padding-top:142px;
}

#signet{
	position:absolute;
	width:184px;
	height:88px;
	top:27px;
	left:536px;
}

div#maincontent{
	float:right;
	width:570px;
	overflow:hidden;
}

div#leftcontent{
	float:left;
	width:130px;
	padding-bottom:15px;
	overflow:hidden;
}


/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div{
	font-size: 12px;
	line-height:1.3em;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

h2{
	margin:0;
	padding:3px 5px 3px 9px;
	color:#ffffff;
	background-color:#188FCF;
	font-size:13px;
	line-height:14px;
	background-position: left top;
	background-repeat: no-repeat;
}
div.size-s   h2{ background-image: url(images/bg_h2_s.gif);   }
div.size-mm div.size-m  h2,
div.size-m   h2{ background-image: url(images/bg_h2_m.gif);   }
div.size-mm  h2{ background-image: url(images/bg_h2_mm.gif);  }
div.size-l   h2{ background-image: url(images/bg_h2_l.gif);   }
div.size-xl  h2{ background-image: url(images/bg_h2_xl.gif);  }
div.size-xxl h2{ background-image: url(images/bg_h2_xxl.gif); }
h2 a{
	display:block;
	padding:0 0 0 13px;
	color:#ffffff;
	background-color:transparent;
	background-position: 0 -3px;
	background-repeat: no-repeat;
	background-image: url(images/bg_h2_a.gif);
}

p{
	margin: 0 0 12px 2px;
	padding:0;
}
div#footer{
	color:#999999;
	background-color:inherit;
	font-size:10px;
	text-align:center;
	line-height:1.2em;
	padding-top:1em;
}
p#breadcrumb{
	font-size:11px;
	margin:3px 0 6px 0;
	padding:0;
}
p#breadcrumb a{
	color:#666666;
	background-color:inherit;
}


a{
	color:#0056A5;
	background-color:inherit;
	text-decoration:none;
}

img{
	border:none;
}

h1{
	border-top:1px solid #0056A5;
	border-bottom:1px solid #0056A5;
	color:#0056A5;
	background-color:inherit;
	font-size:13px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0;
}

div#maincontent ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
div#maincontent li{
	margin:0;
	padding:0 0 0 1em;
	background-image: url(images/bg_ul_li.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div#maincontent li.csc-textpic-image{ padding-left:0; background-image:none; }

/* Formulare: */
form{
	margin:0;
	padding:0;
}
fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{ display:block; }
div.checkbox label,
div.radio label{ display:inline; }

div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea,
input.csc-mailform-input{
	width:205px;
}
input.mf-submit{ margin-top:1em; }


/* BOXEN */

DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image,
DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image{
	margin:0;
}

DIV.csc-textpic-clear { height:16px; }
div.box-l DIV.csc-textpic-clear,
div.image-without-space DIV.csc-textpic-clear{
	height:0;
}
div.image-without-space .csc-textpic{
	border-bottom:1px solid #ffffff;
}

DIV.csc-textpic{
	margin:0;
}
div.box-l DIV.csc-textpic{
	margin:0 3px 0 1px;
}
DIV.csc-textpic p{
	margin:0;
}

div.box-l{
	margin: 0 0 16px 0;
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(images/bg_box_l.gif);
}

div.box-l .csc-textpic-text{
	padding-top:5px;
}

/* ############################################################ */
/* #### Shortcuts (Navigation oben) ########################### */

div#shortcuts{
	position:absolute;
	left:12px;
	top:80px;
	line-height:50px;
	width:570px;
	overflow:hidden;
	text-align:left;
	font-weight:bold;
	color:#0056A5;
	background-color:transparent;
}
div#shortcuts a{
	color:#0056A5;
	background-color:inherit;
	text-decoration: none;
}
div#shortcuts a:hover,
div#shortcuts a.cur{
	text-decoration:underline;
}


/* ############################################################ */
/* #### Flags / Flaggen ####################################### */

div#flags{
	position:absolute;
	left:12px;
	top:0;
	width:265px;
	padding-top:19px;
	padding-left:110px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/bg_flags.gif);
}
div#flags img{
	margin-left:6px;
}


/* ############################################################ */
/* #### Navigation ############################################ */

ul.nav{
	margin:0 0 5px 0;
	padding:0 0 4px 0;
	list-style-type:none;
	background-image: url(images/bg_nav.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
ul.nav li{
	margin:0;
	padding:0;
	display:block;
}
ul.nav li a,
ul.nav li span{
	display:block;
	padding: 0 0 0 10px;
	color:#333333;
	background-color:inherit;
	font-size:11px;
	line-height:1.3em;
}
ul.nav li.first a,
ul.nav li.first span{
	margin:0 0 2px 0;
	font-weight:bold;
	color:#ffffff;
	background-color:#6699CC;
	background-image: url(images/bg_nav_first.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:13px;
	line-height:20px;
}

ul.nav li a.act,
ul.nav li a:hover{
	text-decoration:underline;
}
ul.nav li.first a.act{
	text-decoration:none;
}

ul.nav-nosub{
	margin:0 0 10px 0;
	padding:0 0 4px 0;
	list-style-type:none;
}
ul.nav-nosub li{
	margin:0;
	padding:0;
	display:block;
}
ul.nav-nosub li a{
	display:block;
	margin:0;
	padding: 0 0 0 10px;
	font-weight:bold;
	color:#ffffff;
	background-color:#6699CC;
	background-image: url(images/bg_nav_first_nosub.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height:20px;
}


/* ########################### */
/* #### Rueckruf-Formular #### */

ul.nav li.rueckruf{ padding: 0 0 0 10px; }

ul.nav li.rueckruf div{ font-size:11px; }

ul.nav li.rueckruf div,
ul.nav li.rueckruf fieldset{ margin:0; padding:0; }

ul.nav li.rueckruf form{
	margin: 0 1px 0 0;
	border-top:1px solid #e9f3fb;
}

ul.nav li.rueckruf .csc-mailform-field textarea,
ul.nav li.rueckruf input.csc-mailform-input{
	width:100px;
}

ul.nav li.rueckruf input.mf-submit{ margin-top:0.5em; }


/* ############################################################ */
/* #### Templates / Content-Layout ############################ */

div.floatleft{
	float:left;
}
div.floatright{
	float:right;
}

div.size-s{
	width:110px;
	overflow:hidden;
	font-size:11px;
	padding-top:10px;
}
div.size-m{
	width:180px;
	overflow:hidden;
}
div.size-mm{
	width:375px;
	overflow:hidden;
}
div.size-l{
	width:277px;
	overflow:hidden;
}
div.size-xl{
	width:444px;
	overflow:hidden;
}
div.size-xxl{
	width:570px;
	overflow:hidden;
}

div.xl-s-box{
	height:345px;
	background-image: url(images/bg_xl-s-box.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

div.clearer{
	clear:both;
	height:0px;
	overflow:hidden;
}