@charset "utf-8";

/* Globale Elemente
=====================================================================*/

body  {
	font-family: Tahoma;
	text-align: center; 
	color: #000000;
	background-color: #3E680B;
	background-image: url(img/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0pt;
    }
	
html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

input[type="text"] { 
}	
	
/* Globale Variablen
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }


/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Navigation
=====================================================================*/
#nav { line-height: 1; z-index: 9998; }

#nav a {
	background: url(http://www.stephan-bauer.eu/img/bg_nav.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 52px; }
	#nav-1 a { background-position: -52px 0; width: 74px; }
	#nav-2 a { background-position: -126px 0; width: 108px; }
	#nav-3 a { background-position: -234px 0; width: 111px; }
	#nav-4 a { background-position: -345px 0; width: 72px; }
	#nav-5 a { background-position: -417px 0; width: 87px; }
	#nav-6 a { background-position: -504px 0; width: 292px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -50px; width: 52px; }
	#nav-1 a:hover { background-position: -52px -50px; width: 74px; }
	#nav-2 a:hover { background-position: -126px -50px; width: 108px; }
	#nav-3 a:hover { background-position: -234px -50px; width: 111px; }
	#nav-4 a:hover { background-position: -345px -50px; width: 72px; }
	#nav-5 a:hover { background-position: -417px -50px; width: 87px; }
	#nav-6 a:hover { background-position: -504px -50px; width: 292px; }
	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -100px; width: 52px; }
	#nav-1 a:active { background-position: -52px -100px; width: 74px; }
	#nav-2 a:active { background-position: -126px -100px; width: 108px; }
	#nav-3 a:active { background-position: -234px -100px; width: 111px; }
	#nav-4 a:active { background-position: -345px -100px; width: 72px; }
	#nav-5 a:active { background-position: -417px -100px; width: 87px; }
	#nav-6 a:active { background-position: -504px -100px; width: 292px; }

	
	/*--- Dropdowns ---*/
	#nav li:hover ul, #nav li.over ul { left: 0; }
	#nav li li { float: none; position: static; width: 100%; }
	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		font-size: .8em;
		background: none;
		height: auto;
		padding: 1px 12% 2px;
		text-indent: 0;
		width: 76%;
	}
	
	#nav li li a:hover { background: #666666;
	color: white; }
	
	#nav li ul {
		background: #fff;
		border-bottom: 1px solid #386C31;
		left: -1999px;
		line-height: 1.5;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 200px;
		z-index: 9999;
	}
	
	li#nav-6 ul { line-height: 1.2; width: 400px; }
	li#nav-6 .col { font-size: 0.9em; float: left; width: 33%; }
	li#nav-6 .col ul { border: 0; position: static; width: 100%; }


/* Grid
=====================================================================*/

#container {
	width: 796px;
	margin: 0 auto;
	border: 2px solid #FFFFFF;
	text-align: left;
	margin-top: 135px;
	background-color: #BEBEBE;
    } 
	
#container2 {
	float: left;
	width: 100%;
}

#mainContent {
	width: 545px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-right: 1px solid #EBEBEB; } 
	
#mainContent_breit {
	width: 796px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	 } 

#footer {
	padding: 0 px;
	background:#FFFFFF;
    } 
	
#sidebar {
	float: right;
	width: 250px; 
    }
	
/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #6B8B0C;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #6B8B0C;
	text-decoration: none;
	font-weight: bold;
}
	
/* Homepage Spezifische Tags
=====================================================================*/

h1 {
	font-size: 0.8em;
	line-height: 1em;
	font-weight: normal;
	color: black;
	display: block;
	padding: 20px 30px 20px 30px;
	background-color:#000000;
	background-image: url(img/bg_h1.gif);
	background-repeat: repeat-x;
	font-style: italic;
	text-transform: none;	
}

h2 {
	font-size: .9em;
	line-height: 1em;
	color: black;
	padding: 10px 30px 10px 30px;
	display: block;
	background-color:#000000;
	background-image: url(img/bg_h1.gif);
	background-repeat: repeat-x;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #2575ad;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #2575ad;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	font-size:.70em;
	letter-spacing: -10%;
	line-height: 1.5em;
}

#mainContent ul li 
{
	font-size:0.7em;
	letter-spacing: -10%;
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 2px;
}





	
	
/* Bildcontainer
=====================================================================*/

#bild  {
	width: 796px;
	float: left;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#bild_links  {
	background-repeat: no-repeat;
	width: 545px;
	float: left;
	border-right: 1px solid #666666
}

#bild_rechts  {
	background-repeat: no-repeat;
	width: 250px;
	float: right;
}

#p1 {
	padding: 20px 30px 20px 30px;
	background-image: url(img/bg_p1.jpg);
	background-color: white;
	background-repeat: repeat-x;
	}

#p2 {
	padding: 20px 30px 70px 30px;
	background-image: url(img/bg_p1.jpg);
	background-color: white;
	background-repeat: repeat-x;
	}
	
#p2 a {
	color: #516809;
	display: block;
	padding: 5px;
	font-size: 12px;
	margin-bottom: 2px;
	background-color: #A8CA33;
}
#p2 a:hover {
	color: #FFFFFF;
	background-color: #6B8B0C;
}



/* Hintergrund-Bilder
=====================================================================*/

.willkommen {
	background: url(img/bg_nahverkehr.jpg);
	height: 250px;
	} 
	
.willkommen_2 {
	background: url(img/bg_nahverkehr_2.jpg);
	height: 250px;
	} 

.main_00 {
	background: url(img/main_img_00.jpg);
	height: 370px;
	} 

.main_05 {
	background: url(img/main_img_05.jpg);
	height: 150px;
	} 

.main_06 {
	background: url(img/main_img_06.jpg);
	height: 50px;
	} 
	
.main_11 {
	background: url(img/main_img_11.jpg);
	height: 250px;
	} 

.main_11_2 {
	background: url(img/main_img_11_2.jpg);
	height: 250px;
	} 

.main_12 {
	background: url(img/main_img_12.jpg);
	height: 250px;
	} 

.main_12_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 
	
.main_13 {
	background: url(img/main_img_13.jpg);
	height: 250px;
	} 

.main_13_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 
	

.main_14 {
	background: url(img/main_img_14.jpg);
	height: 250px;
	} 

.main_14_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 
	
.main_15 {
	background: url(img/main_img_15.jpg);
	height: 250px;
	} 

.main_15_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 


.main_16 {
	background: url(img/main_img_16.jpg);
	height: 250px;
	} 

.main_16_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 

.main_21 {
	background: url(img/main_img_21.jpg);
	height: 250px;
	} 

.main_21_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 
	
.main_22 {
	background: url(img/main_img_22.jpg);
	height: 250px;
	} 

.main_22_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 

.main_23 {
	background: url(img/main_img_23.jpg);
	height: 250px;
	} 

.main_23_2 {
	background: url(img/claim.jpg);
	height: 250px;
	} 
	
.main_31 {
	background: url(img/main_img_31.jpg);
	height: 150px;
	} 

.main_32 {
	background: url(img/main_img_32.jpg);
	height: 50px;
	} 
	
.main_41 {
	background: url(img/under_construction.jpg);
	height: 370px;
	} 
	
	



	
	

/* Maincontent 
=====================================================================*/	
	
#sidebar2 h1 {
	font-size: 14px;
}
#sidebar2 p {
	font-size: 12px;
	display: block;
	padding: 10px 5px 5px 5px;
	background-image: url(img/navi_bg.gif);
	background-color: #7A9A17;
	background-repeat: repeat-x;
	margin: -5px 20px 0px 0px;
	color: #FFFFFF;
}

#footer {
    	margin: 0; 
    	padding: 0;
    }
#mainContent2 {
	width: 545px;
	text-align: left;
	float: right;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-right: 1px solid #EBEBEB;
}
#sidebar2 {
	float: left;
	width: 250px;
}
#p1 a {
	color: #516809;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}
#p1 a:hover {
	color: #7A9A17;
}
#p3 {
	padding: 20px 30px 20px 30px;
	background-image: url(img/bg_p1.jpg);
	background-color: white;
	background-repeat: repeat-x;
}
#p4 {
	padding: 20px 30px 70px 30px;
	background-image: url(img/bg_p1.jpg);
	background-color: white;
	background-repeat: repeat-x;
}
#mainContent3 {
	width: 796px;
	text-align: left;
	float: right;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
#mainContent3 h2 {
	color: #000000;
	margin-top: 5px;
}