/*
<!---------------------------------------
  Design, Programmierung
-----------------------------------------
  Metz Konzept Design
  Nina Metz-Frank . Dipl. Designerin
  Fon 0911 7499396 . mail@ninametz.de
  www.ninametz.de
  copyright 2008
---------------------------------------->
*/

/*
<!--------------------------------------- 
	Edit by Marcus Stemmer
	computer scientist
	2011
---------------------------------------->
*/

/* Styles allgemein*/



html, body, textarea {
  background-color:#FFFFFF;
  color:#FFFFFF;
  font-family:Arial;
}

body { background-repeat: no-repeat;}
	
.mehr_head {
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	color:#00317d; 
	font-size:11px; 
	font-weight: bold; 
	text-transform:uppercase; 
}



A {text-decoration:none; color:#00aee3;}				
A:hover {text-decoration:none; color:#00317d;}

A.link_nav_leistung {text-decoration:none; color:#ffffff;}				
A.link_nav_leistung:hover {text-decoration:none; color:#00aee3;}

A.link_nav_allgemein {text-decoration:none; color:#049ecd;}				
A.link_nav_allgemein:hover {text-decoration:none; color:#ffffff;}

A.link_nav_allgemein_aktiv {text-decoration:none; color:#049ecd; font-weight:bold;}				
A.link_nav_allgemein_aktiv:hover {text-decoration:none; color:#ffffff; font-weight:bold;}

A.link_nav_suche {text-decoration:none; color:#ffffff;}				
A.link_nav_suche:hover {text-decoration:none; color:#00aee3;}

A.link_footer {text-decoration:none; color:#000000;}				
A.link_footer:hover {text-decoration:none; color:#747474;}





.bild_box  	{ 
		width: 980px;
		text-align: center;
		border: none; 
		background-color: #ffffff; 
		padding: 3px 0px 3px 0px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #000000; 
}

.bild_untertitel  	{ 
		/* width: 1200px; */
		background-color: #ffffff; 
		padding: 3px 0px 3px 0px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 10px; 
		color: #bbbbbb; 
		text-align: left; }

.bild_partner  	{ 
		width: 230px; 
		height: 70px;
		border: none;
		background-color: #ffffff;
		padding: 3px 0px 3px 0px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		text-align: center; 
}

.bild_partner_head  	{ 
		width: 230px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		font-weight:bold;
}

.bild_partner_untertitel  	{ 
		width: 230px;
		background-color: #ffffff;
		padding: 0px 0px 0px 10px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		text-align: left; 
		vertical-align: bottom; 
}

.tabelle_textspalte_1  	{ 
		position: relative; top: 0px; left: 0px;
		background-color: #ffffff; 
		padding-bottom: 3px;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #00aee3; font-weight:bold;
		text-align: left; }

.tabelle_textspalte_2  	{ 
		position: relative; top: 0px; left: 0px;
		background-color: #ffffff; 
		padding-bottom: 3px;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #000000;
		text-align: left; }


/* Styles Rahmen*/


.space_vertical  	{ 
		position: relative; top: 0px; left: 0px; width: 1px;
		background-color: #ffffff; }

.space_horizontal  	{ 
		position: relative; top: 0px; left: 0px; height: 2px;
		background-color: #ffffff; }

.auge  	{ 
		position: relative; top: 0px; left: 0px; width: 220px; height: 118px;
		background-color: #e1f0f4; background-image: url(../img_a/auge.jpg); background-repeat: no-repeat;
		text-align: right;}

.balken_1  	{ 
		position: relative; top: 0px; left: 0px; height: 80px;
		background-color: #00579c; }

.balken_2_mehr  	{ 
		position: relative; top: 0px; left: 0px; width: 220px; height: 80px;
		background-color: #00aee3; background-image: url(../img_a/mehrzumthema.gif); background-repeat: no-repeat;
		text-align: right;}

.header  	{ 
		position: relative; top: 0px; left: 0px; height: 118px;
		padding-left: 50px; 
		background-color: #e1f0f4; background-image: url(../img_a/bogen_1.gif); background-repeat: no-repeat;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #00317d; 
		text-align: left; vertical-align: middle;}

.headline  	{ 
		position: relative; top: 0px; left: 0px; height: 80px;  
		padding-left: 50px; padding-bottom: 15px;
		background-color: #00aee3; background-image: url(../img_a/bogen_2.gif); background-repeat: no-repeat;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #ffffff; 
		text-align: left; vertical-align: bottom; }

.nav  	{ 
		position: relative; top: 0px; left: 0px; width: 200px;
		padding-top: 30px; padding-bottom: 40px;
		background-color: #00317d; background-image: url(../img_a/bogen_3.gif); background-repeat: no-repeat;
		text-align: left; vertical-align: top;}

.inhalt  	{ 
		padding: 30px 40px 0px 50px; 
		background-color: #ffffff;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px;
		color: #000000;	
		line-height: 15px;  
		text-align: justify; 
		vertical-align: top; }

.mehr  	{ 
		width: 220px;
		border: none;
		padding-top: 2px; 
		background-color: #ffffff;
		/* text-align: right;  */
		vertical-align: top; 
}

.footer  	{ 
		position: relative; top: 0px; left: 0px; height: 30px;
		padding-right: 1px; background-color: #ffffff;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; color: #000000; 
		text-align: right; vertical-align: middle; }



/* Styles Navigation*/

.nav_leistung  	{ 
		position: relative; top: 0px; left: 0px; width: 200px;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #ffffff; 
		text-align: left; line-height: 22px; }

.nav_allgemein  	{ 
		position: relative; top: 0px; left: 0px; width: 200px;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #049ecd; 
		text-align: left; line-height: 22px; }

.suche  	{ 
		position: relative; top: 0px; left: 0px; width: 200px;
		font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #ffffff; 
		text-align: left; line-height: 22px; }

.nav_leer  	{ 
		position: relative; top: 0px; left: 0px; width: 200px; height: 30px; }



/* Styles Mehr zum Thema*/

.mehr_box  	{ 
		width: 220px;
		border-bottom:1px solid #00aee3; 
		background-color: #ffffff; 
		padding: 30px 8px 18px 8px;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		text-align: left; 
		line-height: 14px; 
}


/* Styles Formulare*/

input.Suche {color:#00317d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:300; background-color:#FFFFFF; width:110px; height:14px; border:1px solid; border-color:#00aee3; size:5; }
textarea.Kont {color:#66676D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:300; background-color:#FFFFFF; width:235px; height:100px; border:1px solid; border-color:#66676D; size:10; scrollbar-base-color: #FFFFFF;}
input.Button {color:#94E90E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; background-color:#FFFFFF; width:100px; height:17px; border:1px solid; border-color:#656F6E; size:10;}
select.Kont {color:#66676D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:300; background-color:#FFFFFF; width:235px; height:16px; border:1px solid; border-color:black; size:10;}




