@charset "utf-8";
/* CSS Document: Style */

/* Farben 
	Dunkelblau: 		 #002f56;
	Mittelblau: 		 #778aa2;
	Schrift + Headlines: #01213f;
*/


/* ##### Reset-Skript ##### */

center, isindex, html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, h6,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
}


html {
 height:100%;
 margin-bottom:0px;
}

/*################################################################*/



/* WEBSITE - Struktur */
/* Header */
body {
	margin:0px;
	background:url(img/site_bg.jpg) repeat-x top #c6d9e6;
	height:101%;
}

#container {
	position:absolute;
	width:950px;
	height:auto;
	min-height: 500px;
	left:50%;
	margin-left:-475px;
	margin-top:20px;
}

#head {
	width:910px;
	height:172px;
	float:left;
	background:url(img/head_bg.png) no-repeat top;
	padding:20px;
}

.logo, .logo:hover {
	margin-left:46px;
	margin-top:48px;
	float:left;
}

.kunden-login {
	position:absolute;
	top:115px;
	left:855px;
}


.fernwartung {
	position:absolute;
	top:115px;
	left:855px;
}

#buehne {
	height:267px;
	width:935px;
	float:left;
	background:url(img/container_bg.png);
	overflow: hidden;
	padding-left: 14px;
}


#content {
	float:left;
	width:905px;
	height:auto;
	min-height:300px;
	background:url(img/content_bg.png) repeat-y;
	padding: 20px 20px 0 20px;
}

#content_top { 
  position:absolute;
	width:915px;
	height:24px;
	background:url(img/content_top.png) no-repeat;
	margin-left:-4px;
	margin-top:-64px;
	padding-top:20px;
	z-index:90;
	left:20px;
}

#inhalt_links {
	float:left;
	height:auto;
	width:500px;
	margin-bottom:25px;
	margin-top:15px;
	border-right: solid 1px #d7d7d7;
	margin-left:5px;
}

#inhalt_rechts {
	float:left;
	height:auto;
	width:350px;
	margin-bottom:25px;
	margin-top:15px;
	margin-left:5px;
}

/* Inhalt Unterseite */

#content_inhalt_links {
	float:left;
	height:auto;
	width:185px;
	margin:20px 0 25px 0;
	padding-left:15px;
}

#content_inhalt_mitte {
	float:left;
	height:auto;
	min-height:220px;
	width:407px;
	margin-bottom:25px;
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	padding: 0 30px 0 30px;
}

#content_inhalt_rechts {
	float:left;
	height:auto;
	width:215px;
	margin-bottom:25px;
	padding-left:15px;
}

/* ----------------- */


/* Footer */

#footer_container {
	width:865px;
	height:85px;
	float:left;
	background:url(img/footer_bg.png) no-repeat bottom left;
	padding:0 45px 0 40px;
}

#footer {
  width:100%;
  height:auto;
  border-top: solid 1px #d7d7d7;
  margin-top:30px;
}

#footer p {
  font-size: 10px;
  color: #0072bd;
  font-family:verdana;
}

/* ### Navigation ### */

ul#mainnavi {width:680px; height:150px; margin-top:27px; float:right;}
ul#mainnavi  li {float:left;border-left: solid 1px #d7d7d7; list-style-type:none; /* height:145px; */ width:135px;} 
ul#mainnavi  li a {width:auto; float:left; margin-left:5px; }
ul#mainnavi  li a:hover, .current, .active {width:auto;}
ul#mainnavi  li#active {width:auto;}
ul#mainnavi li.current a {width:auto;}
ul#mainnavi li.current a:hover {width:auto;}


ul#mainnavi li a{
  color:#0072bd;
	line-height:17px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
  cursor: default; 
}

ul.subnav1 {
   cursor: pointer;
}


ul#mainnavi li a.level2{
	color: #616161;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	padding-left: 5px;
	width: 120px;
	text-align: left;
}

ul#mainnavi li a.level2:hover {
	color: #FFFFFF;
	cursor: pointer;
	width: 120px;
}

ul#mainnavi ul.subnav1 li{
	border:none;	
}





ul#mainnavi ul.subnav1 li.active a.active, ul.subnav1 li a:hover {
	background-color:#0072bd;
	color: #FFFFFF;	
	cursor: pointer;
	width: 120px;
}




/* ### Subnavi ## */

ul#subnavi {margin-top:30px; height:110px; width:100%;}
ul#subnavi  li {border:none; height:16px; margin: 3px 0 3px 0;} 
ul#subnavi  li a {}
ul#subnavi  li a:hover, .current, .active {/* background:#0072bd; */ width:125px;} 
ul#subnavi  li#active {/* background:#0072bd; */ width:125px; }

ul#subnavi li.current a {/* background:#0072bd; */ width:125px; margin-left:2px;}
ul#subnavi li.current a:hover {/* background:#0072bd; */ width:125px;}


ul#subnavi li a{
  font-size:11px;
  font-weight:normal;
  color:#58595b;
  line-height:16px;
  text-align:left;
}

ul#subnavi li a:hover {
  font-size:11px;
  font-weight:normal;
  color:#fff;
  line-height:16px;
  text-align:left;
}

ul#subnavi li.active a {	
  font-size:11px;
  line-height:11px;
  font-weight:normal;
  color:#fff;
  text-align:left;
  background:none;
  margin-top:-8px;
}

ul#subnavi li.active a:hover {	
  font-size:11px;
  font-weight:normal;
  color:#fff;
  text-align:left;
  text-decoration:underline;
  line-height:11px;
  background:none;
  margin-top:-8px;
}


/* ### Breadcrumb ## */

ul#breadcrumb {
	margin:8px 0 20px 230px;
}

ul#breadcrumb li {
	font-size: 10px;
	text-transform:uppercase;
	list-style-type:none;
	display: inline;
}

ul#breadcrumb li a{
    color:#0072bd;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
}

ul#breadcrumb li a:hover{
	text-decoration:underline;
}

/* ### Navigation 3. Ebene ## */

ul.rex-navi1 {
	/* margin: -15px 0 30px 0; */
}

ul.rex-navi1 li {
	font-size: 12px;
	list-style-type:none;
	line-height:30px;
}

ul.rex-navi1 li a{
    color:#686868;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding:6px;
}

ul.rex-navi1 li a:hover{
    color:#000000;
    background-color:#d2d2d2;
}

ul.rex-navi1 li.rex-current a {
    color:#000000;
    background-color:#d2d2d2;
}


/*###########################################################################*/



/* ### Schriftformatierungen ### */

body {
  font-size: 11px;
	font-family: Verdana;
	color: #58595b;
	text-align:left;
}


/* Textauszeichnungen */
p, .fieldset, .forminfo, #form-module-thanks, td, th, ul, li {
	font-size: 11px;
	font-family: Verdana;
	color: #58595b;
	line-height: 16px;
	text-align:left;
	word-spacing:1px;
}

i {
	font-weight: bold;
	font-style: normal;
}

legend {
  font-weight: bold;
	color:#c3022e;
  font-size: 12px;
}

em {
  color:#c3022e;
}

strong {
  font-weight: bold;
	color:#646464;
  font-size: 12px;
}

.text ul, .text li {
	font-size: 11px;
	font-family: Verdana;
	color: #58595b;
	line-height: 16px;
	text-align:left;
	word-spacing:1px;
	margin: 0 0 0 10px;
}


/* Überschriften */
h1 {
 	color: #0072bd;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:italic;
	margin:1px;
	line-height:20px;
	margin-bottom:30px;
	text-transform:uppercase;
}

h2 {
 	color: #0072bd;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	margin:1px;
	line-height:20px;
	margin-bottom:15px;
}


h3 {
  	color: #002f56;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  	margin-bottom: 10px;
	margin-top:1px;

}

h4 {
    color: #002f56;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  	margin-top: 1px;
  	margin-bottom: 1px;	
}

h5 {
  	color: #002f56;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

h6 {
  	color: #003158;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	line-height:14px;
	margin:0px;
  	text-transform:uppercase;	
}


.Stil1, .Stil2 {
   color: #ffffff;
}


/* Text-Links */
a {
   color:#778aa2;
   font-weight:normal;
   text-decoration: none;
   margin:0px;
}

a:hover {
   text-decoration: underline;
}

a img {
   text-decoration: none;
   margin:0px;
}

a img:hover {
   text-decoration: none;
   /* margin:0px; */
}

/* ######################################################################### */

sub {font-size:9px; color:#a6a6a6; margin-top:30px;}


/* ######################################################################### */
.liste_downloads{
 margin-bottom:15px;
 }
 
.liste_downloads h2{
   margin-bottom:-10px;
   font-size:14px;
   width: 385px;
}

.liste_downloads p {
    float: left;
    padding: 0;
}
 
/*.liste_downloads a.link_icon.ico_pdf{
    float: right;
    position: relative;
    top: -9px;
  }*/
  
  .liste_downloads a.link_icon.ico_def, .liste_downloads a.link_icon.ico_pdf {
    background-image: url("../tools/mime_iconset/fico_def.gif");
    float: right;
    height: 15px;
    padding-top: 2px;
    margin-top: -8px;
}