/*------------------------------------------------------------------------
	Dr. Koehler CSS // © Frederic K. Herring 2010 | cmXs
--------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #eaf0f8;
	background-image: url(/img/bg.gif);
	background-repeat: repeat-x;
}


img {
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

.high {
	position:relative;
	top: -0.4em;
	font-size: 70%;
	line-height: 0%;
	color: #333333;
}


.iehack {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
	clear: both;
	float: left;
}




/*---------------- inputfields / inputbox / dropdown ----------------*/


.dropdown, .dropdown:visited {
	width: 250px;
	font-family: arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 20px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	box-shadow: 0 0 5px rgba(227, 227, 227, 1);
	-webkit-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}

.dropdown:hover {
	width: 250px;
	font-family: arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 20px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #e4e4e4;
	box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-webkit-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}





.inputbox, .inputbox:visited {
	width: 250px;
	height: 150px;
	font-family: arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	box-shadow: 0 0 5px rgba(227, 227, 227, 1);
	-webkit-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}


.inputbox:hover {
	width: 250px;
	height: 150px;
	font-family: arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #e4e4e4;
	box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-webkit-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}





.inputfield, .inputfield:visited {
	width: 250px;
	font-family: arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	box-shadow: 0 0 5px rgba(227, 227, 227, 1);
	-webkit-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-box-shadow: 0 0 5px rgba(227, 227, 227, 1); 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}


.inputfield:hover {
	width: 250px;
	font-family: arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #cccccc;
	background-color: #e4e4e4;
	box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-webkit-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	
}





.button-senden, .button-senden:visited {
	width: 120px;
	font-family: arial;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 22px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #2558a7;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #2558a7;
	padding-bottom: 2px;
	text-transform: capitalize;
	box-shadow: 0 0 10px rgba(227, 227, 227, 1);
	-webkit-box-shadow: 0 0 10px rgba(227, 227, 227, 1); 
	-moz-box-shadow: 0 0 10px rgba(227, 227, 227, 1); 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}


.button-senden:hover {
	width: 120px;
	font-family: arial;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 22px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #e6750d;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #e6750d;
	padding-bottom: 2px;
	text-transform: capitalize;
	box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-webkit-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}



.button-loeschen, .button-loeschen:visited {
	width: 140px;
	font-family: arial;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 22px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #666666;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #666666;
	padding-bottom: 2px;
	text-transform: none;
	box-shadow: 0 0 10px rgba(227, 227, 227, 1);
	-webkit-box-shadow: 0 0 10px rgba(227, 227, 227, 1); 
	-moz-box-shadow: 0 0 10px rgba(227, 227, 227, 1); 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}


.button-loeschen:hover {
	width: 140px;
	font-family: arial;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 22px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #0b0b0b;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #0b0b0b;
	padding-bottom: 2px;
	text-transform: none;
	box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-webkit-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-box-shadow: 0 0 5px rgba(136, 192, 252, 1);
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}















/*---------------------- container -------------------------------*/


.container {
	width: 956px;
	margin-right: auto;
	margin-left: auto;
}


.innencontainer {
	width: 956px;
	float: left;
	clear: left;
	padding-bottom: 30px;
}




/*----------- leftside rightside ---------------*/

.leftside {
	width: 245px;
	padding-left: 38px;
	float: left;
}


.rightside {
	width: 650px;
	float: right;
	padding-top: 25px;
}




/*---------------------- topnav -------------------------------*/


.topnavbox {
	width: 956px;
	float: left;
	clear: left;
	background-image: url(/img/topnav.gif);
	background-repeat: no-repeat;
	height: 45px;
}



.topnav {
	width: 600px;
	float: left;
	clear: left;
	padding-top: 10px;
	padding-left: 38px;
}

.topnav a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #e5e5e5;
	text-decoration: none;
	padding-right: 18px;
}

.topnav a:hover {
	color: #ffffff;
}









/*---------------------- mainnav -------------------------------*/


.mainnavbox {
	width: 956px;
	float: left;
	clear: left;
	background-image: url(/img/mainnav.gif);
	background-repeat: no-repeat;
	height: 60px;
}



.mainnav {
	width: 600px;
	float: left;
	clear: left;
	padding-left: 24px;
	overflow: hidden;
	height: 43px;
}

.mainnav a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
	color: #0f7bba;
	text-decoration: none;
	padding-right: 14px;
	font-weight: bold;
	padding-left: 14px;
	margin-top: 4px;
	padding-top: 11px;
	padding-bottom: 30px;
}

.mainnav a:hover {
	color: #ec9705;
	background-color: #ffffff;
}


a.mainnav-selected {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
	color: #ec9705;
	background-color: #ffffff;
	text-decoration: none;
	padding-right: 14px;
	font-weight: bold;
	padding-left: 14px;
	margin-top: 4px;
	padding-top: 11px;
	padding-bottom: 30px;
}





/*---------------- subnav ----------------*/


.subnav {
	width: 245px;
	float: left;
	clear: left;
	padding-bottom: 25px;
}

.subnav a {
	float: left;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #0f7bba;
	text-decoration: none;
	background-image: url(/img/subnav_dotted.gif);
	background-repeat: no-repeat;
	background-position: 0px 17px;
	width: 250px;
	padding-bottom: 7px;
}

.subnav a:hover {
	color: #e47d0b;
}










/*---------------- suche ----------------*/



.suche {
	width: 191px;
	height: 21px;
	float: right;
	background-repeat: no-repeat;
	margin-top: 6px;
	padding-right: 18px;
}

.suchepadding {
	float: left;
	padding-left: 3px;
	background-image: url(/img/suchmaske.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 191px;
	padding-top: 2px;
}


.suchmaske-input, .suchmaske-input:visited {
	width: 162px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #777777;
	text-decoration: none;
	height: 15px;
	background-color: transparent;
	padding-top: 2px;
	float: left;
	padding-left: 3px;
}

.suchmaske-input:hover {
	width: 162px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #0b0b0b;
	text-decoration: none;
	height: 15px;
	background-color: transparent;
	padding-top: 2px;
	float: left;
	padding-left: 3px;
}








/*---------------------- nopic -------------------------------*/


.nopicbox {
	width: 956px;
	height: 252px;
	float: left;
	clear: left;
	background-image: url(/img/nopicbg.gif);
	background-repeat: no-repeat;
}


.nopic {
	float: right;
	padding-right: 18px;
	margin-top: 11px;
}

.nopic img {
	float: left;
}






/*---------------------- contentbox -------------------------------*/


.contentbox {
	width: 956px;
	float: left;
	clear: left;
	background-image: url(/img/contentshader.gif);
	background-repeat: repeat-y;
}







/*---------------------- topnav -------------------------------*/


.footerbox {
	width: 956px;
	float: left;
	clear: left;
	background-image: url(/img/footer.gif);
	background-repeat: no-repeat;
	height: 57px;
}



.footerbox div.copy {
	width: 900px;
	float: left;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #e5e5e5;
	padding-top: 16px;
	padding-left: 38px;
}

.footerbox div.copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #e5e5e5;
	text-decoration: none;
	padding-right: 18px;
}

.footerbox div.copy a:hover {
	color: #ffffff;
}






/*----------- infobox ---------------*/

.infobox {
	width: 245px;
	clear: left;
	float: left;
}

.infobox h1 {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #195ba2;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

.infobox h2 {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	padding-bottom: 8px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	line-height: 17px;
}


.infobox h2 a, .infobox h2 a:visited {
	color: #999999;
	text-decoration: underline;
}

.infobox h2 a:hover {
	color: #0b0b0b;
	text-decoration: none;
}


.infobox div.copy {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	padding-bottom: 10px;
	line-height: 14px;
}

.infobox div.copy a, .infobox div.copy a:visited {
	color: #333333;
	text-decoration: underline;
}

.infobox div.copy a:hover {
	color: #ec9705;
	text-decoration: none;
}



.infobox div.more {
	width: 100%;
	clear: left;
	float: left;
	padding-bottom: 10px;
	line-height: 18px;
}

.infobox div.more a, .infobox div.more a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0f7bba;
	text-decoration: none;
	background-image: url(/img/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 9px;
	float: left;
}

.infobox div.more a:hover {
	color: #ec9705;
}





















/*----------- artikel ---------------*/

.artikel {
	width: 525px;
	clear: left;
	float: left;
	padding-bottom: 20px;
}

.artikel h1 {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #195ba2;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}


.artikel h2 {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #999999;
	padding-bottom: 8px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
}


.artikel div.copy {
	width: 100%;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 18px;
}


.artikel div.copy p {
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}



.artikel div.copy a, .artikel div.copy a:visited {
	color: #0f7bba;
	text-decoration: underline;
}

.artikel div.copy a:hover {
	color: #ec9705;
	text-decoration: none;
}

.artikel div.more {
	width: 100%;
	clear: left;
	float: left;
	padding-bottom: 10px;
}

.artikel div.more a, .artikel div.more a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0f7bba;
	background-image: url(/img/smallarrow_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	text-decoration: none;
	padding-bottom: 4px;
}

.artikel div.more a:hover {
	background-position: 0px -31px;
	color: #ec9705;
}


.artikel div.back {
	width: 100%;
	clear: left;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.artikel div.back a, .artikel div.back a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0f7bba;
	background-image: url(/img/smallarrow_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	text-decoration: none;
	padding-bottom: 4px;
}

.artikel div.back a:hover {
	color: #ec9705;
}



.artikel div.print {
	width: 100%;
	clear: left;
	float: left;
	padding-bottom: 8px;
	line-height: 18px;
	padding-top: 8px;
}

.artikel div.print a, .artikel div.print a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #0f7bba;
	background-image: url(/img/drucken.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
	text-decoration: none;
	padding-bottom: 4px;
}

.artikel div.print a:hover {
	color: #ec9705;
}