﻿* { margin: 0; padding: 0; }
option { padding-left: 0.4em; }
html { height: 100%; margin-bottom: 1px; }


body {
	width:					100%;
	height: 				100%;
	position: 			relative; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			left;
	color: 					#002364;
	font-size:			76%;
	line-height:		1.3;
	margin:					0 0px 0 0px; 
	padding:				0;
	background:			#fff;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 				15px 0;
}

p {
	margin: 				10px;
}

.feldtext {
	font-size: 			1em;
	margin: 				0 0 5px 0;
	padding:				0 0 5px 0;
}

table { 
	border-width:		0px; 
	border-color:		#000000; 
	border-style:		solid; 
	border-collapse: collapse;
}

td { 
	font-family:		Verdana,Arial,Helvetica,sans-serif; 
	font-size:			76%;
	font-weight:		normal; 
	text-align:			left;
	color: 					#002364;
	line-height:		1.3;
}

.tds { 
	font-family:		Verdana,Arial,Helvetica,sans-serif; 
	font-size:			0.8em; 
	font-weight:		normal; 
	line-height: 		24px;
	color:					#002364; 
}

.tdl { 
	background-color:	#ffffff; 
	border-style:		solid; 
	border-width:		1px; 
	border-color:		#97aee5; 
	line-height: 		24px;
}

.tdc { 
	text-align:			center;
	background-color:	#ffffff; 
	border-style:		solid; 
	border-width:		1px; 
	border-color:		#97aee5; 
	line-height: 		24px;
}

.tdback { 
	background-color:	#f1f5fd; 
	border-style:		solid; 
	border-width:		1px; 
	border-color:		#97aee5; 
	line-height: 		24px;
}

input, textarea, select { 
	font-family:		Verdana,Arial,Helvetica,sans-serif; 
	font-size:			13px; 
	color:					#666666; 
	padding: 				1px; 
	margin: 				0px 10px 5px 10px;
}

.button {
	width: 					auto; 
	color:					white;
	font-weight:		bold;
	background: 		#79b321;
	padding:				1px 10px 0px 10px;
	border-top:			1px solid #adde62; 
	border-left:		1px solid #adde62; 
	border-right:		1px solid #4d8000; 
	border-bottom:	1px solid #4d8000; 
}

hr {
	height: 				1px; 
	color: 					#DDDDDD; 
	margin: 				10px 0px;
}

a {
	font-size: 			1em;
	font-weight:		normal; 
	color:					#0000E1;     
	text-decoration: none; 
}
a:hover { 
	color:					#FF4B00; 
	text-decoration: none;
}

div#wrapper {
	position: 			absolute;
	top: 						0;
	left: 					50%;
	width: 					900px;
	margin-left: 		-450px; 
}

/*-- Header ---------------------------- */

div#header {
	width:					880px;
	font-size:			1em;
	text-align: 		left;
	margin:					0 0px 0px 0px; 
	padding: 				12px 10px 0 10px;
	border: 				0px dashed silver;
}
div#header h1 {
	font-size: 			18px;
	color:					#447dbe;
	margin: 				16px 0 2px 0;
}
div#header h2 {
	font-size: 			17px;
	color:					#6da4df;
	margin: 				0 0 0 0;
}

/*-- Topnavi --------------------------- */

#navi {
	font-size: 			1.1em; 
	background: 		url(../images/navi_bg.gif) #fff repeat-x 50% bottom; 
	float: 					left; 
	width: 					900px; 
	line-height: 		normal;
	border: 				0px dashed silver;
}
#navi UL {
	padding:				10px 10px 0 10px;
  margin: 				0px; 
  list-style-type: none;
}
#navi LI {
	padding:				0 0 0 9px;
  margin: 				0px; 
  background: 		url(../images/navi_left.gif) no-repeat left top; 
  float: 					left; 
}
#navi A {
	padding:				5px 15px 4px 6px;
  display: 				block; 
  font-weight: 		bold; 
  background: 		url(../images/navi_right.gif) no-repeat right top; 
  float: 					left; 
  color: 					#765; 
  text-decoration: 	none;
}
#navi A {
  float: 					none;
}
#navi A:hover {
  color: 					#002364;
}
#navi #current {
  background-image:	url(../images/navi_left_on.gif)
}
#navi #current A {
  background-image:	url(../images/navi_right_on.gif); 
  padding-bottom: 5px; 
  color: 					#002364;
}

/*-- Greeting ----------------------- */

div#greeting {
	float:					left; 
	width:					899px;
	font-size:			1em;
	text-align: 		justify;
	margin:					0 0 0 0; 
	padding: 				0;
	border-right:		1px solid #0346b0; 
	border-left:		1px solid #0346b0; 
	border-bottom:	1px solid #0346b0; 
}
div#greeting h1 {
	font-size: 			1.7em;
	color:					#3264AF;
	margin: 				15px 0 15px 0;
}

div#greeting h2 {
	font-size: 			1.2em;
	color:					#3264AF;
	margin: 				0 0 14px 0;
}

.text {
	float:					left; 
	width:					598px;
	padding:				0 10px; 
}

.bild {
	float:					right;
	width:					280px;
}

/*-- Menü --------------------------- */

#menu ul {
  list-style: 		none;
  margin: 				0;
  padding: 				0;
}

#menu {
  width: 					150px;
	float: 					left; 
  margin: 				20px 30px 0 0;
}

#menu li a {
  height: 				32px;
  text-decoration: 	none;
}

#menu li a:link, #menu li a:visited {
  color: 					#fff;
	font-size: 			1.1em; 
  font-weight: 		bold; 
  display: 				block;
  background:  		url(../images/menu.jpg);
  padding: 				8px 0 0 10px;
}

#menu li a:hover, #menu li #current {
  color: 					#fff;
  background:  		url(../images/menu.jpg) 0 -32px;
  padding: 				8px 0 0 10px;
}

/*-- Kategorien --------------------------- */

div#kategorien {
	float: 					left; 
	font-size:			1.0em;
	text-align: 		left;
	margin:					0 0 0 0; 
	padding: 				0;
	border: 				0px dashed silver;
}
div#kategorien h1 {
	font-size: 			1.1em;
	color:					#3264AF;
	margin: 				20px 0 10px 0;
}
div#kategorien h2 {
	font-size: 			1.2em;
	color:					#3264AF;
	margin: 				20px 0 10px 0;
}
div#kategorien h3 {
	font-size: 			1.3em;
	color:					#3264AF;
	margin: 				20px 0 10px 0;
}
div#kategorien a {
	font-size: 			1.0em;
	font-weight:		normal; 
	color:					#31499b;     
	text-decoration: 	none; 
}
div#kategorien a:hover { 
	color:					#FF4B00; 
	text-decoration: 	none;
}

/*-- Content --------------------------- */

div#inhalt {
	float: 					left; 
	width:					700px;
	font-size:			1em;
	text-align: 		justify;
	margin:					0 0 15px 0; 
	padding: 				0;
	border: 				0px dashed silver;
}
div#inhalt h1 {
	font-size: 			1.7em;
	color:					#3264AF;
	margin: 				20px 0 10px 0;
}
div#inhalt h2 {
	font-size: 			1.4em;
	color:					#1d9017;
	margin: 				20px 0 10px 0;
}
div#inhalt h3 {
	font-size: 			1.2em;
	color:					#3264AF;
	margin: 				15px 0 10px 0;
}

div#inhalt p {
	font-size: 			1em;
	margin: 				10px 0;
}

div#inhalt a {
	font-size: 			1em;
	font-weight:		normal; 
	color:					#0000E1;     
	text-decoration: 	none; 
}
div#inhalt a:hover { 
	color:					#FF4B00; 
	text-decoration: 	none;
}

div#inhalt a.bewerten {
	font-size: 			1em;
	font-weight:		normal; 
	color:					#002364;     
	text-decoration: 	none; 
}

img {
	border:					0;
}

.clean {
	clear:					left;
	height:					12px;
	font-size:			2px;
}

.noclean {
	height:					9px;
	line-height:		9px;
	margin-bottom:	15px;
}

.abstand {
	margin-top:			50px;
}

/*-- Kleiner Inhalt ------------------- */

.inhalt_klein {
	clear: 					both;
	width:					900px;
	font-size:			1em;
	text-align: 		justify;
	border: 				1px solid silver;
	margin: 				10px 0 0 0; 
	padding: 				0;
}

.titel {
	font-size: 			1.2em;
	color:					#3264AF;
	margin: 				10px;
}

/*-- Zertifikat --------------------------- */

div#zertifikat {
	width:					618px;
	font-size:			14px;
	text-align: 		justify;
	margin:					0 0 0 2px; 
	padding: 				0;
	border: 				1px solid #0346b0;
  background: 		#e5efff url(../images/wasserzeichen.gif) no-repeat right bottom; 
}
div#zertifikat h1 {
	font-size: 			22px;
	color:					#3264AF;
	text-align: 		center;
	margin: 				20px 0 0 0;
}
div#zertifikat h2 {
	font-size: 			17px;
	color:					#3264AF;
	font-weight:		normal;
	text-align: 		center;
	margin: 				3px 0 20px 0;
}

div#zertifikat p {
	font-size: 			14px;
	margin: 				10px 15px 20px 15px;
}

.schatten {
	width:					630px;
	margin:					0 0 0 0; 
	padding: 				1px 0 0 0;
	border: 				0px solid #d2d2d2;
  background: 		#d2d2d2 url(../images/schatten_rechts.gif) repeat-y right top; 
}
.schatten-unten {
	clear:					both;
	width:					630px;
	height:					8px;
	margin:					0 0 0 0; 
	padding: 				0;
	border: 				0px solid #d2d2d2;
  background: 		url(../images/schatten_unten.gif) no-repeat left bottom; 
}

.zert {
	font-size:			14px;
	line-height:		18px;
	text-align: 		left;
	margin:					0; 
	padding: 				0;
}

/*-- Footer --------------------------- */

div#footer {
	width:					900px;
	font-size:			1em;
	text-align: 		center;
	border: 				0px dashed silver;
	margin: 				20px 0 20px 0; 
	padding: 				0;
}

div#footer a {
	font-size: 			1em;
	font-weight:		normal; 
	color:					#002364;     
	text-decoration: 	none; 
}
div#footer a:hover { 
	color:					#FF4B00; 
	text-decoration: 	none;
}

.ro { 
	background:			url(../bilder/box_ro.gif) top right no-repeat; 
	margin:					0; 
	padding:				0; 
} 
  
.lo { 
	background:			url(../bilder/box_lo.gif) top left no-repeat; 
	margin:					0; 
	padding:				0; 
} 
  
.ru { 
	background:			url(../bilder/box_ru.gif) bottom right no-repeat; 
	margin:					0; 
	padding:				0; 
} 
  
.lu { 
	background:			url(../bilder/box_lu.gif) bottom left no-repeat; 
	margin:					0; 
	padding:				0; 
} 
