
* {
	margin: 0;
	padding: 0;
	
}
a {color: #EF7C00; }
a:hover {color: #EF7C00; text-decoration: none}
a:focus { outline: none;} 
body {

	background: #FFFFFF;
	color: #333;
	font: normal 12px "Arial",sans-serif;
	line-height: 17px;
	height:100%;
}

.text {

	color: #333;
	font: normal 12px "Arial",sans-serif;
	line-height: 17px;
	
}

.kurzanleitung img {
vertical-align: bottom;
}

.textklein {

	color: #333;
	font: normal 11px "Arial",sans-serif;
	line-height: 15px;
	
}
.trenner {

	width: 100%;
	height:1px;
	border-top:1px dashed #00255D;
	}
	
.clearpixel {

width: 100%;
height:5px;

	}

td {

	
	font: normal 12px "Arial",sans-serif;
	line-height: 17px;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.0em;
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}

.li_bullet {     
	background:none;
	background: url(img/li_small.gif) no-repeat ;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px -17px;
	/* *margin: 0px 0px 0px -17px; */
	line-height: 17px;
	}
	
.li_sec_bullet {     
	background: url(img/li_small.gif) no-repeat ;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 2px;
	*margin: 0px 0px 0px -17px;
	line-height: 17px;
	}

.li_sec {     
	list-style: none;
	background:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	*margin: 0px 0px 0px -14px;
	line-height: 17px;
	}

li {     
	list-style: none;
	background: url(img/li.gif) no-repeat;
	margin-bottom: 1px;
	*margin-bottom: 3px;
	background-position: 0px 4px;
	line-height: 17px;
	padding: 0px 0px 0px 18px; 
	}
	
	
h1 {font-size: 1.2em;}
/*blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}*/
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}

/* struktur */
.container {
	background: #FFFFFF;
	margin: 0 auto;
	width: 736px;
	
	/*height:100%;*/
}

/* popup */
.popup .item {
    clear: both; 
	
	}
.popup .item .content {
	float: left;
	width: 99%;
	border: 1px dotted #28294E;
}
.popup_drucken {
	height: 20px;
	width: 99%;
	border: 1px dotted #ffffff;
	margin-bottom: 2px;
	
}
.popupbody {

	background: #30353F;
	color: #333;
	font: normal 12px "Arial",sans-serif;
	line-height: 18px;
	height:100%;
}

/* item */
.item {clear: both; }
.item .date {
	background: url(img/bgdate.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 25px;
	text-align: center;
	width: 25px;
}
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .dateohnepfeil {
	
	color: #FDD;
	float: left;
	height: 25px;
	text-align: center;
	width: 25px;
}
.item .content {
	float: left;
	width: 510px;
}
.item .content2 {
	float: left;
	width: 710px;
}
.item .content3 {
	float: left;
	width: 610px;
}
.item h1 {
	background: #fff;
	color: #003B83;
	line-height: 18px;
	margin-top: 6px;
	margin-bottom: 10px;
	padding-left: 12px;
}
.item .body {padding: 2px 12px;
}
.item .body2 {padding: 2px 12px;
	font: normal 11px "Arial",sans-serif;
	line-height: 15px;}

/* main */
.main {float: left; margin-top: 20px; }

/* navigation */

.spalterechtsgesamt {
	float: left;
	width: 188px;
	
	

}
.spalterechts {
	float: left;
	background: #EAF2FF;
	margin-top: 0px;
	margin-left: 1px;
	width: 186px;
	border-left: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-bottom: 1px;
	
}

.spalterechts h1 {
	margin-left: 12px;
	margin-top: 4px;
	background: #EAF2FF; /* 003C84 */
	color: #003C84;
	font-size: 1.3em;
	line-height: 17px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid  #666666;
}
.spalterechts .body {
	margin-left: 12px;
}

.spalterechts td {

	
	font: normal 11px "Arial",sans-serif;
	
}
.spalteunten {
	float: left;
	background: #EAF2FF;
	margin-top: 0px;
	margin-left: 10px;
	width: 710px;
	border-left: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-bottom: 1px;
	
}

.spalteunten h1 {
	margin-left: 12px;
	margin-top: 10px;
	background: #EAF2FF; /* 003C84 */
	color: #003C84;
	font-size: 1.3em;
	line-height: 17px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid  #666666;
}
.spalteunten .body {
	margin-left: 12px;
}

.spalteunten td {

	
	font: normal 11px "Arial",sans-serif;
	
}
.navigation li a:hover {
	background: #F0FFC6;
	color: #553;
}


/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #000000;
	font-size: 11px;
	height: 70px;
	line-height: 50px;
	margin: 0 auto;
	text-align: left;
	width: 760px;
	margin-top: 0px;
	word-spacing: 0px;
	text-indent: 20px;
	
	

}
.footer a {color:#999999; text-decoration:none; }
.footer a:hover {color: #EF7C00;}


sup, sub { 
  padding-left:1px;
  padding-right:0px; 
  margin-right: -1px; 
  line-height: 0px;
  
  font-family: Verdana, Helvetica, sans-serif;
  }


  .tableheader a.infobox {width:400px;  text-decoration: none; color:#ffffff;  }
  a.infobox {width:400px;  text-decoration: none; color:#000000;  }
  a.infobox:hover { width:400px; cursor:help; color:#000000; background:white; }
  a.infobox span { width:400px; visibility:hidden; position:absolute; left:16em;
                   margin-top:1.5em; padding:1em; text-decoration:none; line-height: 18px; text-align:left; font-size:11px;}
  a.infobox:hover span { width:400px; visibility:visible; border:1px solid #EF7C00;
                         color:black; background:white; }
						 
 .tableheader a.infobox3 {width:170px;  text-decoration: none; color:#ffffff;  }
  a.infobox3 {width:170px;  text-decoration: none; color:#000000;  }
  a.infobox3:hover { width:170px; cursor:help; color:#000000; background:white; }
  a.infobox3 span { width:170px; visibility:hidden; position:absolute; left:16em;
                   margin-top:1.5em; padding:1em; text-decoration:none; line-height: 18px; text-align:left; font-size:11px;}
  a.infobox3:hover span { width:170px; visibility:visible; border:1px solid #EF7C00;
                         color:black; background:white; }
	
[if IE]>
  a.infobox2:hover span { margin-top:1.5em; width:22em; }
<![endif]		
  
.Kontakformular {
border:1px solid #11478A; padding: 5px;
} 	

.shadow {
   float: left;
   background-color: #bbb;
   padding: 0;
   
   }

.shadow table {
   
   border: 1px solid #11478A;
   position: relative;
   top: -3px;
   left: -3px;
   }
						 
.Kontakformular_abstandlinks {
padding-left: 12px;
font-size: 90%;
}


#expand {
    color: #ffffff;
    text-align:center;
    text-decoration:none;
    border:1px solid #ffffff;
    margin-bottom:3px;
    padding-left:1px;
    width:15px;
    float:left;
	
  }
 
				 
.kurzanleitung {
border-left: 1px solid #EF7C00;
border-bottom: 1px solid #EF7C00;
} 


.DEInputAddress {
	width:264px; 
	height:18;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DEDropDown {
	width:150px; 
	height:18;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DEDropDownPhone {
	width:52; 
	height:18;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DETextArea {
	width:200; 
	height:60;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DEInputPostal {
	width:53px; 
	height:18;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DEInputCity {
	width:204px; 
	height:18;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}
.DEInputPhone {
	width:73; 
	height:20;
	color: #001E4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
  margin-bottom:5px;
  margin-top:5px;
}

/*-------------------------------------------------------*/
/* 4. Klassen für Tabellen, div. für Medionmobile        */
/*-------------------------------------------------------*/
td {
	vertical-align:top;
}

td.headline {
	height: 38px;
	padding-top: 7px;
}

td.tableheader {
	/*background-color:#17479E;*/
	background: url(img/tableheader.jpg) no-repeat;
	height:24px;
	padding-left:5px;
	padding-top: 3px;
	color: #ffffff;
}

td.tableheaderbig {
	/*background-color:#17479E;*/
	background: url(img/tableheaderbig.jpg) no-repeat;
	height:24px;
	padding-left:5px;
	padding-top: 3px;
	color: #ffffff;
}

td.mehr {
	vertical-align:bottom;
	text-align:right;
	border-bottom:1px solid #A0A0A0;
	padding-bottom:5px;
	padding-right: 5px;
}

td.details {
	vertical-align:middle;
	text-align:right;
	padding-right:5px;
}

td.mehrweiss {
	text-align:right;
	background-color: #A0A0A0;
	border-right:1px solid #B3B3B3;
	border-left:1px solid #B3B3B3;
 	height: 15px;
	padding-right: 5px;
	vertical-align:middle;
}

.ContShopSiteInfohellblau { 
	text-decoration: none; 
	color: #17479E; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
} 

a.DELinkhellblau:link, a.DELinkhellblau:visited, a.DELinkhellblau:active, a.DELinkhellblau:hover {
	text-decoration: underline;
	color: #17479E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.DETextWeiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

ul.Liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #17479E;
	line-height:14px;
	list-style-image:url(../handys/images/img_ultype.html);
	/* list-style-type:square; */
	list-style-position:outside;
	margin: 5px 15px 10px 10px;
	padding: 5px 15px 10px 10px;
	line-height:14px;
}
li.Aufzaehlung {
	vertical-align:baseline;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17479E;
	line-height:14px;
}

.blau ul {
	list-style-type: none;
	margin: 5px 15px 5px 2px; 
	padding: 5px 15px 5px 2px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17479E;
}
.blau li {
	background: url(../handys/images/img_ulblau.html) no-repeat;
	background-position: 0px 6px;
	margin: 0px 0px 0px 5px; 
	padding: 0px 0px 0px 5px; 
	line-height: 14px;
}
.dblau ul {
	list-style-type: none;
	margin: 5px 15px 5px 2px; 
	padding: 5px 15px 5px 2px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001E4B;
}
.dblau li {
	background: url(../handys/images/img_uldblau.html) no-repeat;
	background-position: 0px 6px;
	margin: 5px 0px 0px 5px; 
	padding: 0px 0px 0px 5px; 
	line-height: 14px;
}
.DetailHeadline {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #001E4B;
}
