/* CSS Document */

body {
	margin:0 0 0 0;
	text-align:center;
	align:center;
	background-image: url(../images_system/bd_content.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	background-position:center;
	font-family:Trebuchet MS, Arial;
	}
	
#bg_kachel_horizontal {
	background-image:url(../images_system/background_global.jpg);
	background-repeat:repeat-x;
	height:637px;
	padding-top:10px;
	}	

#container {
	width:768px;        /*100% fır skalierendes Layout*/ 
	height:100%;
	text-align:left;
	background-color:#fff;
	border-left:1px solid #B2B3B3;
	border-right:1px solid #B2B3B3;
	border-top:1px solid #B2B3B3;
	margin-top:0px;
	}

#container_spacer {
	margin:10px 20px 10px 20px;
	}

#header {
	width:100%; 
	height:10px;
	background-image: url();
	background-repeat:no-repeat;
	background-color:#fff;
	border-top:2px solid #d1d1d1;
	padding-top:3px;
	margin:0;
	}

	#support_navi {
		margin: 0px;
		padding:0;
		text-align:right;
		font-size:9px;
		color:#888;
		}
	
	#sup_nav, #sup_nav ul {
		margin: 0;
		padding: 0;
		margin-left:-1px;
		}
	#sup_nav {
		margin: 1px;
		font-size:11px;			
		}	
	#sup_nav li {
		display: inline;
		}
	#sup_nav li a {
		display: inline;
		padding:10px 0px 0px 0px;   /*bestimmt den Abstand der punkte zueinander*/
		margin:0px;
		line-height: 4px;
		background: transparent;
		text-decoration:none;
		color: #888;
		}
	#sup_nav li a:hover {
		color: #8AA8C2;
		}
	

/* Suche ---------------------- */

#suche {
	position:absolute;
	margin-left:530px;
	margin-top:25px;
	z-index:5;
	background-image:url(../images_global/navi_03.gif);
	background-repeat:repeat-x;
	float:right;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#bbb;
	padding:0px 0px 0 0;
	text-align:right;
	width:200px;
	}
#suche_wrapper{
	padding:0px 0 0 0;
	height:14px;
	vertical-align:middle;
	}

.inputfield {
	width:150px; 
	background-color:#deeefb; 
	border:1px solid #C5C5C5;
	padding:0;
	margin:0 0 2px 0;
	color:#46627a;
	}


form {
	margin:0;
	padding:0;
	}

/* PAGE HEAD -------------------*/
	
#page_head { 
	text-align:left;
	width:100%;
	margin:-10px 0 0 0;
	padding:0 0 0 0;
	}
	#title {
		font-size:28px;
		color:#5F5F5F;
		line-height:28px;
		margin:-5px 0 0 0;
		padding:-5px 0 0 0;
	}
	.title_blue {
		color:#548CBD;		
		padding:0;
		margin:0;
		}
	#title_tiny {
		color:#333;
		width:350px;
		height:22px;
		overflow:hidden;
		font-size:10px;
		line-height:10px;
		padding:2px 0 0 0;
		margin:-10px 0 0 0;
		}

/*	#page_head h3 {
		margin:30px 0 0 0;
		padding:0px 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:36px;
		font-weight:bold;
		letter-spacing:5px;
		color:#990000;
		}*/


/* LOGIN button ----------------*/
#login_button {
		margin-left:20px;
		padding:10px 0 10px 0;
		}
	
	
/* VERTICAL NAVI ---------------*/	

	#navigations_container {
		position:absolute;
		text-align:left;
		top:125px;
		z-index:2;
		}
	#inner_container {
		margin-left:20px;
		padding-top:0px;
		border: 1px solid #c5c5c5;
		}

/* MAIN NAVI horizontal --------*/
	
#main_navi {
		width:130px; 
		background-color:#fff;
		padding:10px;
		}
		
		#h_nav, #h_nav ul {
		margin: 0;
		padding: 0;
		margin-left:-1px;
		}
	#h_nav {
		margin-bottom: 1em;
		font-size:12px;			
		}	
	#h_nav li {
		display: inline;
		
		}
	#h_nav li a {
		display: block;
		padding:10px 0 10px 0;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 4px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
	#h_nav li li a {
		display: block;
		padding:8px 0 8px 25px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 4px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		font-size:12px;
		}
	#h_nav li li li a {
		display: block;
		padding:6px 0 6px 35px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 4px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		font-size:11px;
		}

	#h_nav li li li li a {
		display: block;
		padding:6px 0 6px 45px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 4px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		font-size:10px;
		}

	#h_nav li a:hover {
		background: #D2EAFC;
		}
#h_nav li .inactive {
		display: block;
		padding:5px 0;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: #D2EAFC;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
#h_nav li li .inactive {
		padding:3px 0 3px 25px;   /*bestimmt den Abstand der punkte zueinander*/
		font-size:12px;		
		}
#h_nav li li li .inactive {
		padding:2px 0 2px 35px;   /*bestimmt den Abstand der punkte zueinander*/
		font-size:11px;
		}
#h_nav li li li li .inactive {
		padding:1px 0 1px 45px;   /*bestimmt den Abstand der punkte zueinander*/
		font-size:10px;
		}		
			
	  :link { color: #5D5D5D; }
		:visited { color: #5D5D5D; }
		:link:hover, :visited:hover { color: #f60; }
		:link:active, :link:active { color: #000; }

#h_nav li .inactive {background: #D2EAFC;
		}
/* EOF main navi -----------------------------------------------*/


	#vertical_navi {
		width:130px; 
		background-color:#fff;
		padding:10px;
		}
				
/*NAVIGATIONS STYLES vertical navi ------------------------------  */
.main_bullit {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#0099FF;		
	}
.sub_bullit {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#12da24;		
	}

	#nav, #nav ul {
		margin: 0;
		padding: 0;
		margin-left:-1px;
		}
	#nav {
		margin-bottom: 0;
		font-size:11px;			
}	
	#nav li {
		display: inline;
		
		}
	#nav li a {
		display: block;
		padding:5px 0;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
#nav li li a {
		display: block;
		padding:5px 0 5px 25px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
#nav li li li a {
		display: block;
		padding:5px 0 5px 35px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
#nav li li li li a {
		display: block;
		padding:5px 0 5px 45px;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: transparent;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
		
#nav li .inactive {
		display: block;
		padding:5px 0;   /*bestimmt den Abstand der punkte zueinander*/
		margin-bottom:0px;
		line-height: 13px;
		background: #D2EAFC;
		text-decoration:none;
		border-bottom:1px dotted #b5b5b5;
		}
#nav li li .inactive {
		padding:5px 0 5px 25px;   /*bestimmt den Abstand der punkte zueinander*/
		}
#nav li li li .inactive {
		padding:5px 0 5px 35px;   /*bestimmt den Abstand der punkte zueinander*/
		}
#nav li li li li .inactive {
		padding:5px 0 5px 45px;   /*bestimmt den Abstand der punkte zueinander*/
		}

		
	#nav li a:hover {
		background: #D2EAFC;
		}
	
	  :link { color: #5D5D5D; }
		:visited { color: #5D5D5D; }
		:link:hover, :visited:hover { color: #f60; }
		:link:active, :link:active { color: #000; }

/*#nav li .inactive {background: #D2EAFC;}*/
		
/* content bereich ----*/

#content_bereich {
	width:100%; 
	padding:0;
	margin:0;
	}

/* SPACER um das layout aufzuspannen (Min-height workaround) ----*/

#spacer {float:right;}
#spacer img {height:400px; width:1px;}
	

/* CONTENT --------------------*/	
	
	#content {
		margin:0px 0px 0px 190px;
		padding:0;
		font-size:12px;
		font-style:normal;
		color:#555;
		line-height:16px;
		min-height:400px;
		}
	#content h1 {
		font-size:20px;
		font-weight:normal;
		color:#548CBD;
		padding:0 0 6px 0;
		margin-top:5px;
		border-bottom:2px solid #d1d1d1;
		}
	#content h2 {
		font-size:14px;
		font-style:normal;
		color:#777;
		padding:0px 0 7px 0;
		margin:0;
		line-height:19px;
        font-family:Trebuchet MS, Arial;
	}
	#content h3 {
		font-size:14px;
		font-style:normal;
		font-variant:small-caps;
		color:#888;
		}	
	#content p {
		font-size:12px;
		font-style:normal;
		color:#555;
		line-height:16px;
	}
	#content address {
		font-size:12px;
		border:1px solid #c5c5c5;
		padding:5px;
		background-image:url(../images_system/cont_box_bg_18.jpg);
		background-repeat:repeat-x;
		font-style:normal;
		}

		
	/* Cont_boxen Startseite */
	
	#cont_box_gross {
		padding:10px;
		margin:0 0 10px 0;
		border:1px solid #bbb;
		padding:5px;
		/*background-image:url(../images_system/cont_box_bg_18.jpg);
		background-repeat:repeat-x;*/
		background:#F0F5F9;
		height:70px;
		}
	#cont_box_gross table {
		border:none;
		}
	#cont_box_gross td {
		font-size:12px;
		color:#555;
		padding:2px;
		}	
	#cont_box_gross input {
		border:1px solid #bbb;
		}
		
	#cont_box_gross H2 {
		font-weight:normal;
		font-size:18px;
		color:#888;
		padding:0 0 3px 0;
		margin:0 0 5px 0;
		border-bottom: 3px solid #d1d1d1;
		}
	#cont_box_klein_container {
		font-size:15px;
	}
	#cont_box_klein_container img {
		float:left;
		padding:5px;
		margin:0px 5px 5px 0;
		border:1px solid #bbb;
		}
	#cont_box_klein_container h3 {
		font-weight:normal;
		font-size:15px;
		color:#666;
		padding:0 0 3px 0;
		margin:0;
		border-bottom: 3px solid #ccc;
	}
	
		#cont_box_klein_1 {
			float:left;
			width:250px;
			height:180px;
			border:1px solid #bbb;
			padding:5px;
			background-image:url(../images_system/cont_box_bg_18.jpg);
			background-repeat:repeat-x;
			}
#cont_box_klein_1 a, #cont_box_klein_2 a {
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#607789;
}
#cont_box_klein_1 a:hover, #cont_box_klein_2 a:hover {
color:#ff9900;}
		#cont_box_klein_2 {
			float:right;
			width:250px;
			height:180px;
			border:1px solid #bbb;
			padding:5px;
			background-image:url(../images_system/cont_box_bg_18.jpg);
			background-repeat:repeat-x;
		}
		
/* FOOTER ---------------------*/

#footer {
	width:100%; 
	height:10px;
	background-image: url();
	background-repeat:no-repeat;
	background-color:#fff;
	border-top:2px solid #d1d1d1;
	padding:3px 0 10px 0;
	margin:30px 0 10px 0;
	}

	#footer_navi {
		margin-right: 0px;
		text-align:left;
		font-size:10px;
		color:#888;
		}
	#footer_navi a {
		color:#888;
		text-decoration: none;
		}
	#footer_navi a:hover {
		color:f60;
		}
		
/* Kalender Modul ------------------ */


#kalender {
    border:1px solid #b3b3b3;
    border-collapse:collapse;

}
#kalender th {
    border-left:1px solid #b2b3b3;
    border-bottom: 1px dashed #b3b3b3;
    border-collapse:collapse;
    background-color:#d2eafc;
    text-align:left;
    padding:2px;
    font-size:13px;
	color:#5d5d5d;
    }
#kalender td {
    border-left:1px solid #c5c5c5;
    border-bottom: 1px dotted #c5c5c5;
    border-collapse:collapse;
    font-size:8px;
    padding:0px;
	margin:0;
    }
#kalender td b {
    margin:0;
    padding:0 0px 0 5px;
    font-size:11px;
    font-weight:normal;
    color:#444;
    }
#kalender td p {
    margin:0;
    padding:0;
    font-size:9px;
    font-weight:normal;
    color:#888;
    }

/* WE */

.WE  {
    border-left:1px solid #b3b3b3;
    border-bottom: 1px dotted #b3b3b3;
    border-collapse:collapse;
    background-color:#dedede;
color:#000;
    }
.WE b {
    margin:0;
    padding:0 2px 0 5px;
    color:#000;
    }
.WE p {
    margin:0;
    padding:0;
    color:#000;
    }
.TE  {
    border-left:1px solid #b3b3b3;
    border-bottom: 1px dashed #b3b3b3;
    border-collapse:collapse;
    background-color:#ff9900;
    }
.TE b {
    margin:0;
    padding:0 2px 0 5px;
    color:#000;
    }
.TE p {
    margin:0;
    padding:0;
    color:#555;
    }


/* Inputs und anderes */

#content input {}
#content textarea {border:1px solid #b3b3b3; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.rahmen {border:1px solid #b3b3b3; }

.input200 {width:200px;border:1px solid #b3b3b3; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0;}
.input50 {width:50px;border:1px solid #b3b3b3; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0;}
.input270 {width:270px;border:1px solid #b3b3b3; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0;}

.none {border:none;}
.bildrahmen {
		padding:7px;
		margin:0 5px 0 5px;
		border:1px solid #bbb;
		}

/* Specials ------------------------------- */
.sitemap ul {padding:0 0 0 20px; margin:0px 0 10px 0;}
.sitemap li {padding:0px; margin:0;}
.sitemap li a {font-size:16px;
text-decoration:none; color:#111;}
.sitemap li li a { font-size:14px; color:#444;}
.sitemap li li li a { font-size:11px; color:#555;}