/* ------------------------------------------------------------------------------------  
	Initalisierung
------------------------------------------------------------------------------------ */

body {background: #9ea6ba url(../_obj/interface/bg1.gif) repeat-x; margin-top:10px; font-size:0.0%; font-family:Verdana, Arial, Helvetica, sans-serif; color: #203f9a; }

* {margin: 0; padding: 0; border: none; }


a {font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#203f9a; text-decoration:underline;}
a:hover {color:#1ab26b;}


ul {list-style-type: none; margin: 0;}

p {font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #203f9a; margin:20px 20px 0 20px;}

p img {float:right; margin-left:2px;}

/* ------------------------------------------------------------------------------------  
	Seitenstruktur
------------------------------------------------------------------------------------ */

.site {
	margin: 0 auto;
	width: 806px;
}

.top {
	width: 806px;
	height:20px;
}

.header {
	width:806px;
	height:156px;
	background: url(../_obj/interface/head1.gif) no-repeat;
	margin-bottom:1px;

}

.container {
	width: 800px;
	background: url(../_obj/interface/bgcontainer2.gif) repeat-y;
	margin-left:3px;
}

.subnav {
	float: left;
	width: 200px;
}

.main {
	float: left;
	width: 460px;
}

.right {
	float: right;
	width: 140px;
}

.footer {
	width: 806px;
	height:42px;
	background: url(../_obj/interface/footer.gif) no-repeat;
	padding:7px 0 0 0;
}


/* ------------------------------------------------------------------------------------  
	Footer
------------------------------------------------------------------------------------ */
.footer p { font-size:10px; line-height:14px; text-align: center; margin:0;}
.footer a {font-size:10px; line-height:14px; text-decoration:underline;}

/* ------------------------------------------------------------------------------------  
	MainNav
------------------------------------------------------------------------------------ */
.mainnav {width:803px; height:28px;}
.mainnav a {
	background: url(../_obj/interface/mainnav_bg.gif) repeat-x;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #d1d1d1;
	font-weight:bold;
	line-height:28px;
	float: left;
	height:28px;
	margin:0;
	padding: 0 10px;
	text-decoration:none;
}
.mainnav a:hover {
	color: #1ab26b;; 
}


/* ------------------------------------------------------------------------------------  
	Subnavigation
------------------------------------------------------------------------------------ */

.subnav h1 {
	font: bold 10px/26px Verdana, Arial, Helvetica, sans-serif; 
	color: #203f9a;
	margin-left:5px;
	height:26px;
}

.subnav ul{ width:177px; background: url(../_obj/interface/subnavtop.gif) no-repeat; margin:20px 0 20px 10px; }

.subnav li {
	background: #FFFFFF url(../_obj/interface/subnavbul.gif) no-repeat left;
	list-style: none;
	border-bottom:#CCCCCC solid 1px;
}
.subnav li a {
	font: normal 11px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #203f9a;
	padding-left: 18px;
	text-decoration: none;
}
.subnav li a:hover {color: #1ab26b; font-weight:bold;}


/* ------------------------------------------------------------------------------------  
	Main - Content in Main Spalte
------------------------------------------------------------------------------------ */

/* ContentNav */
.contentnav {width:440px; height:14px; margin:0 0 0 0; top:378px; position:absolute;}
.contentnav a {font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; float: left; margin:0 0 0 3px; padding: 0 10px; background-color:#ffffff; text-decoration:none;}
.contentnav a:hover {color: #1ab26b; font-weight:bold;}


.main h1,h2,h3 {
	font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #1ab26b;
	padding-top:20px; /* Firefox anstatt margin-top */
	margin-left:20px;
	height:18px;
	width:400px;
	border-bottom:#dddddd solid 1px;
}

.main h2 {
	font: bold italic 12px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #203f9a;
}

.main h3 {
	margin-top:20px;
	padding:0;
	height:16px;
	font: bold  18px/16px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background-color:#1ab26b;
}

/* Zeitstrahl */
.zeitstrahl p { margin-top:10px;}
.zeitstrahl img {float:right;}

img.titel { margin:10px 20px;}

/* Main-Hintergrund mit runden Ecken */
.main .wrapper {width:440px; margin:20px 0 0 10px;}
.main .top { width:440px; height:10px; background: url(../_obj/interface/maintop.gif) no-repeat;}
.main .mid { width:440px; background-color:#ffffff; margin:0;}
.main .bot { width:440px; height:10px; background: url(../_obj/interface/mainbot.gif) no-repeat;}

/* Thumbnails auf Startseite */
.thumbboxwrapper{margin-top:20px;}
.thumbbox{ width:220px; height:110px; background: url(../_obj/interface/thumbgrd.gif) no-repeat; float:left; margin-top:5px;}
.thumbbox img {margin:15px 0 0 20px; width:180px; height:70px; float:left;}
 
.thumbbox a {
	font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center;
	color: #203f9a;
	width:220px;
	text-decoration:none;
	border:0;
	padding:0;
	margin:0;
	display:block;
	clear:both;
}

.thumbbox a:hover {color: #1ab26b;}


/* Facts */
.facts { width:400px; margin:20px 0 0 20px;}


.facts li p {
	padding:10px 0 20px 25px;
	margin:0;
	border: 1px solid #efefef;
	background-color:#FFFFFF;
}

.facts ul{ width:400px;}

.facts li {
	background: #efefef url(../_obj/interface/li_pfeil.gif) no-repeat;
	background-position: left top;
	list-style: none;
	margin-top:3px;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #203f9a; 
}

.facts li.pl{padding-left: 30px;}

.facts li a {
	color: #203f9a;
	line-height: 22px;
	text-decoration: none;
	line-height: 22px;
	padding-left: 30px;
}
.facts li a:hover {color: #1ab26b; font-weight:bold;}

/* ------------------------------------------------------------------------------------  
	Main - Mitarbeiter
------------------------------------------------------------------------------------ */

.mitarbeiter {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #203f9a;
	margin:10px 20px 0 20px;
}

.mitarbeiter table{width:400px;padding:0;border-spacing:3px;}
.mitarbeiter th {text-align:left;}
.mitarbeiter td { background-color:#efefef; padding:2px 3px;}

.mitarbeiter a {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #203f9a;
	text-decoration: none;
}

.mitarbeiter a:hover {color: #1ab26b;}

/* ------------------------------------------------------------------------------------  
	Rechte Spalte
------------------------------------------------------------------------------------ */
.right h1{
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	padding:10px 0 0 5px;
	margin:0;
}

.right  p, label {
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFE800;
	margin:10px 5px; 0 5px;
}

p.userinfo{
	color: #fff;
	border: dotted #fff  1px;
	padding:2px;
}

.right a {
	font:  bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFE800;
	text-decoration: underline;
}
	
.right .boxwrapper {width:130px; margin-top:20px;}

.grau_top { width:135px; height:10px; background: url(../_obj/interface/boxgrautop.gif) no-repeat;}
.grau_mid { width:130px; background-color:#9ea5ba;clear:both;}
.grau_bot { width:135px; height:10px; background: url(../_obj/interface/boxgraubot.gif) no-repeat;}
.grau_mid img {margin:10px 0 0 5px;}

.box_green {width:135px; height:100px; margin-top:20px; background: url(../_obj/interface/box_green.gif) no-repeat;}
.box_blue {width:135px; height:100px; margin-top:20px; background: url(../_obj/interface/box_blue.gif) no-repeat;}
.box_yellow {width:135px; height:100px; margin-top:20px; background: url(../_obj/interface/box_yellow.gif) no-repeat;}


/* ------------------------------------------------------------------------------------  
	Top
------------------------------------------------------------------------------------ */
.top p { font-size:10px; line-height:20px; text-align: right; margin:0 5px 0 0;}
.top a {font-size:10px; line-height:14px; text-decoration:underline;}


/* ------------------------------------------------------------------------------------  
	Forms
------------------------------------------------------------------------------------ */

form {margin:20px 0 0 20px;}


label,input,select,textarea {
	float: left;
	margin-bottom: 5px;
	padding:3px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #203f9a;
}

label {
	margin:0;
	width: 68px;
	padding-right: 20px;
}

input, textarea, select{
	width: 300px;
	border:#CCCCCC solid 1px;
	background-color:#efefef;
}

textarea {height:100px;}

input.submit{
	text-align:left;
	padding:0;
	margin-top:5px;
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent; 
	border:0;
	text-decoration:underline;
	cursor:pointer;
}


.right form {margin:10px 0 0 5px;}

.right input{
}

.right input{
	margin-left:0;
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	border:0;
	color: #203f9a;
	margin-bottom: 5px;
	width:110px;
}

.right input.submit{
	font-weight:bold;
	color:#fff;
	height:16px;
	}
/* ------------------------------------------------------------------------------------  
	Diverse
------------------------------------------------------------------------------------ */
.inaktiv{}
.subnav .aktiv, .contentnav .aktiv, .aktiv {color: #1ab26b; font-weight:bold;}

.clear {clear:both;}
.mt0 {margin-top:0;}
.mb1 {margin-bottom:1px;}
.mr20{margin-right:20px;}
.pr20{padding-right:20px;}
.fl {float: left;}
.fr {float: right;}

.blau {color: #203f9a;}
.gruen {color: #1ab26b;}
.gelb {color: #FFE800;}
.grau {color: #9ea5ba;}
.spacer20 {height:20px; display:block;}
br {clear: left;}