HTML {
	BORDER-RIGHT: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px;
}
BODY {
	BORDER-RIGHT: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px;
	TEXT-ALIGN: center;
	background-color: #FFFFFF;
}

body, td
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.bluetext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c82bf;
}

.kleintext
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #8a8b8d;
}

a:link, a:visited
{
	color: #0c82bf;
	text-decoration: none;
}

a:hover
{
	color: #11aefe;
	text-decoration: none;
}

a:link.menue2, a:visited.menue2
{
	color: #FFFFFF;
	text-decoration: none;
}

.portorechner{
font-size:16px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}

.portorechner2{

font-size:18px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}

.portorechner3{

font-size:18px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}

.kopier_schrift{
font-size:14px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}

a:hover.menue2
{
	
	text-decoration: none;
}

.header11
{
	background: #FFFFFF url(img/12.jpg) repeat-x;
}

.header12
{
	background: #FFFFFF url(img/13.jpg) repeat-x;
	text-align: right;
	font-size: 8pt;	
}

.header13
{
	background: #FFFFFF url(img/14.jpg) repeat-x;
	text-align: right;
	font-size: 8pt;		
}

.header14
{
	background: #FFFFFF url(img/15.jpg) repeat-x;
	text-align: right;	
	font-size: 8pt;		
}

.header21
{
	background: #107dbe url(img/22.jpg) repeat-x;
}

.o_kalk_hintergrund
{
background:url(img/o_kalk_hintergrund.jpg) repeat-x;
	  
}
.menue
{
	padding-top: 10px;
	padding-bottom: 50px;
	color: #FFFFFF;
	background-color: #0c82bf;
}

.menue_subj
{
	background: #0c82bf url(img/menue_subj.jpg) repeat-x;
	color: #000000;
	font:14px Arial;
}



.content-bestellen
{
	padding-top: 00px;
	padding-bottom: 30px;
	padding-left: 150px;
	padding-right: 20px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	vertical-align: top;
	background-repeat:no-repeat;
}
.content-vorschalt
{
	padding-top: 00px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 20px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	vertical-align: top;
	background-repeat:no-repeat;
}

.content
{
	padding-top: 0px;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 0px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	vertical-align: top;
	background-repeat:no-repeat;
	
}
.content-kalkulator
{
	padding-top: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	vertical-align: top;
	background-repeat:no-repeat;
	
	
}
.schrift_klein{
font-size:10px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;
}

.formfeld 	{

				color: #000000;

				font-size: 14px;

				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

				background-color: #ffffff;

				border: solid 1px #696969;

				height: 20px;
				width: 110px;
				

			}	
			
.formfeld1	{

				color: #000000;

				font-size: 14px;

				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

				background-color: #ffffff;

				border: solid 1px #696969;

				height: 20px;
				width: 225px;
				

			}	
			
.formfeld2	{


				border: solid 1px #696969;

				height: 20px;
				width: 225px;
				

			}						
	
.form_design1{

				color: #000000;

				font-size: 11px;

				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

				background-color: #ffffff;

				border: solid 1px #696969;

				width: 35em;
				
				

			}
			.form_design2{

				color: #000000;

				font-size: 11px;

				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

				background-color: #ffffff;

				border: solid 1px #696969;

				width: 32.7em;
				
				

			}
			
.o_kalk_tab{ 
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;


}			
		
.o_kalk_port{   

				text-align:right;
				
}			
			
.o_kalk_schrift{ 

font-size:16px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000; 
font-weight:bold;
vertical-align:text-top;

}
.o_vorschalt_groß{ 

font-size:36px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000; 


}
.o_vorschalt_mittel{ 

font-size:28px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000; 


}

.o_vorschalt{ 

font-size:14px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000; 


}
.o_kalk_preis{

font-size:28px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #ff0000;
font-weight:bold;

}		

.o_kalk_euro{

font-size:28px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}
.o_kalk_klein{

font-size:10px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000000;

}	

		
			
.bem_text{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 6pt;
	color: #000000;
}



.textfeld {height:100px;
width:380px; 



}	

.schrift{

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;

}

.schrift_groß{

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;

}


.footer
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #06adf1;
}
body {
background-image:url('img/testblau.jpg');
background-repeat: repeat-x
}


h1 {
color:#990000;
font-style:italic;
}

.arrowlistmenu{
	width:100%;/*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-weight: lighter;
color: #000000;
border:0px #EEE;
background: #0c82bf url(img/menue_subj.jpg) repeat-x;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 7px 0 8px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #0c82bf url(img/menue_subj.jpg) repeat-x;
color: #000000;
border:0px #FFF;
cursor:pointer;
}

.arrowlistmenu ul{
list-style:none; /*CSS for UL of each sub menu*/
text-align:left;
margin: 0;
padding-left: 20px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/ 
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul  li  a{
 background:url(img/dots.jpg) no-repeat center left;
 display:block;
 padding-left: 20px; /*link text is indented 19px*/
 text-decoration: none;
 font-weight: normal;
 border-bottom: 0px solid #dadada;
 font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #ffffff;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #999999;

}