@charset "iso-8859-1";

body { 			
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px; 
	line-height: 145%;
	color:#383838;
	background-image:url(back.gif); background-repeat:repeat; 
	text-align:center;
}

#wrapper	{
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	text-align:center;
}

html>#wrapper {
	width: 760px;
}

div.content {
	background-color:#ffffff; 
	width:760px;
	padding:0;
	margin:0;
	border: 5px solid #e5e6df;
	float:left;   
}
	/* height:800px; */
div.quernavi {
	background-color:#fafaf9;
	font-size:11px;
	font-weight:bold;
	height:20px;
	font-family:Helvetica,Arial,sans-serif;
	color:#003a78;
	letter-spacing:1px;
	border-top: 1px solid #b9bbab;
	border-bottom: 1px solid #b9bbab;
	vertical-align:bottom;
	margin-bottom:27px;
	padding-top:4px;
	width: 760px;
	float: left;
}
/*div.quernavi2 {
	background-color:#fafaf9;
	font-size:11px;
	font-weight:bold;
	height:20px;
	font-family:Helvetica,Arial,sans-serif;
	color:#003a78;
	letter-spacing:1px;
	border-top: 1px solid #b9bbab;
	border-bottom: 1px solid #b9bbab;
	vertical-align:bottom;
	margin-bottom:27px;
	padding-top:4px;
	width: 70px;
	float: right;
}
*/

a.leading {
	padding-right:13px;
}
a.following {
	background-image:url(spot_orange.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	padding-left:25px;
	padding-right:13px;
}

/* *******************************************
 allgemein
********************************************/
h1 { 		
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#444444;
}
h2 { 		
	font-family:Myriad,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:lighter; 
	letter-spacing:1px;
	color:#003a78;
	margin-bottom:6px;
}

h3 { 		
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	margin-bottom:3px;
	color:#003a78;
}

p { 		
	margin: 8px 0px 3px 0px;
	padding:0;
}

p.intro {
	font-style: italic;
}


ul {
	margin: 3px 0px 3px 20px;
	padding:0;
}

ol {
	margin: 3px 0px 3px 20px;
	padding:0;
}

img { 	border:0;  }
		  
a 	{ color:#003a78; text-decoration:none; }
a:link	{ color:#003a78; text-decoration:none; }
a:visited { color:#003a78; text-decoration:none; }
a:hover { 	color:#336dab; text-decoration:none;	}

/* *******************************************
 	Formular
********************************************/
div.zeile {
	
	border-top: 1px solid #cccccc;
	width:550px;
	clear:both;
	padding: 5px 0px;
	height:27px;
}

div.zeile label {
	width:140px;
	float:left;
}
div.zeile div.eingabe {
	width:260px;
	float:left;
}

div.zeile div.comment {
	width:150px;
	float:left;
	float:left;
	font-size:90%;
	 
}

div.zeilefehler {
	border-top: 1px solid #cccccc;
	width:550px;
	clear:both;
	padding: 5px 0px;
	height:27px;
	background-color: #fde7be;
}

div.zeilefehler label {
	width:140px;
	float:left;
	
}
div.zeilefehler div.eingabe {
	width:260px;
	float:left;
	
}

div.zeilefehler div.comment {
	width:150px;
	float:left;
	float:left;
	font-size:90%;
	color: #aa3333;
}

form input {
	font-size:100%;
	color:#585858;
	
}

form select {
	font-size:100%;
	color:#585858;
	
}
form textarea.comment {
	font-family: Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#585858;
	
}
/* *******************************************
 Column 1
********************************************/
div.col1 {
	width:132px;
	float:left;
	margin:0px 18px 0px 10px;
}
div.testimonial h1 {
	font-size:11px;
 	font-weight: bold;
    height:20px;  
    font-family:Helvetica,Arial,sans-serif;
	color:#003a78; 
	background-image:url(feature_top_orange.gif); 
	background-repeat:no-repeat; 
	background-position:center;
	margin-bottom:0px;
	
}

div.testimonial p {
	font-size:95%;
	line-height:130%;
	margin-top:3px;
	margin-bottom:3px;
	text-align: left;
}

div.testimonial ul {
	font-size:95%;
	line-height:130%;
	margin-top:3px;
	margin-bottom:3px;
	text-align: left;
}

div.testimonial img {
	margin: 0px 3px 3px 0px;
	padding:0px;
	border:0;
}

div.testimonial img.embedScreen {
	border:1px solid #333333;
	float:left;
}

a.beispiel {
	background-image:url(spot_blue.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	padding-left:15px;
	/*white-space: nowrap; */
	
}

div.col1 div.testimonial div {
	background-image:url(feature_bottom_orange.gif); 
	background-repeat:no-repeat; 
	background-position:center;
	margin-bottom: 20px;
}
/* *******************************************
 * Column 2
 ********************************************/

div.col2 {
	width:400px;
	padding:0;
	margin:0;
	text-align:left;
	float:left;
	
	
}


/********************************************
 * Column 3
 ********************************************/
div.col3 {
	width:166px;
	/* padding:0px 0px 20px 8px; */
	padding:0px;
	margin:0px 5px 0px 10px;
	float:left;   
}
div.col3 div.testimonial h1 {
	font-size:11px;
 	font-weight: bold;
    height:20px;  
    font-family:Helvetica,Arial,sans-serif;
	color:#003a78; 
	background-image:url(feature_top_beige.gif); 
	background-repeat:no-repeat; 
	background-position:center;
	margin-bottom:0px;
	
}

div.col3 div.testimonial div {
	background-image:url(feature_bottom_beige.gif); 
	background-repeat:no-repeat; 
	background-position:center;
	margin-bottom:20px;
}

/* *******************************************
 * Column 2 / inkl Column 3
 ********************************************/

div.col23 {
	width:560px;
	text-align:left;
	float:left;
}