/*

	Einteilung des CSS-Aufbaus

	1. Standards
	2. Layout
	3. Navigation
	4. Content
	5. Links 

*/

   
/*----------------------------------------------- 1. Standards ---------------------------------------------- */
	* { outline: 0;}
	
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0;
	padding: 0;
	font-family: Trebuchet Ms, Verdana, Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	list-style-type: none;
}

body {background: url(../images/bg.jpg) repeat-x #555555;}
	

html, body {height:100%;}

h1 {font-size: 18px; font-weight: bold; text-transform: uppercase;}


h2 {font-size: 16px; font-weight: bold; color: #4bb8e3;}


hr {margin: 0 0 10px 0; color: #1563a8; height: 1px; border-top: solid 1px #1563a8; border-bottom: transparent; clear: both;}



.floatende {clear: both;}
.unsichtbar {display: none;}
	
#wrapper #content #text1 p {margin-bottom: 5px; 	
	font-size: 11px;
	color: #fff;
}

#wrapper #content #text2 p {
	margin-bottom: 5px; 	
	font-size: 11px;
	color: #adadad;
}

#text1 input, #text1 textarea, #text2 textarea, #text2 input { color: #666666;}



/*----------------------------------------------- 2. Layout -----------------------------------------------*/

#wrapper {
	width: 994px;
	margin: 0 auto -134px auto;
	min-height:100%;
	position: relative;
}

*html #wrapper {
	height:100%;
}

#banner {
	width: 994px;
	height: 337px;
	background: url(../images/banner.jpg) no-repeat;
}

#flash { 
	width: 994px;
	height: 337px;
	background: url(../images/banner.jpg) no-repeat;
}
	
#footer {
	background-color: #303030;
/*	width: 	100%;*/
	height: 134px;
	clear: left;
	position:relative;
} 

#dafloatkilla2k {
	clear:left;
	float:none;
}

/*----------------------------------------------- 3. Navigation -----------------------------------------------*/

#subnavi {
	width: 994px;
	height: 48px;
	background: url(../images/subnavi.jpg);
}
		
#wrapper #subnavi ul {
	margin-left: 360px;
}
	
#wrapper #subnavi li {
	float: left;
	width: 60px;
	height: 9px;
	border-left: 1px solid  #53cefc;
	margin-top: 15px;
	text-align: center;
	line-height: 9px; 	
	margin-top: 19px;
	padding-left: 2px;
}
	
#wrapper #subnavi li.impressum {padding-left: 9px;}	
	
.home {border: none !important;}
	
#wrapper #subnavi li a {color: #fff; font-weight: lighter;}

#wrapper #subnavi li a:hover {color: #4bb8e3;}	
	
#wrapper #navi {
	width: 205px;
	height: 253px;
	background: url(../images/navi.jpg) no-repeat;
	float: left;
	margin-left: 38px;
}

*html #wrapper #navi {
	margin-left: 19px;
/*	margin-top: -18px;*/
}

#wrapper #navi ul {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
}
	
#wrapper #navi ul li {
	height: 30px;
	position: relative;
	list-style: none;
	float: left;
}
		
#wrapper #navi ul li a {
	width: 205px;
	height: 25px;
	padding: 5px 0 0 0;
	display: block;
	color: #ffffff;
	text-align: center;
}

#wrapper #navi ul li a:hover {background-color: #353535; text-decoration: none;}
	
#wrapper #navi ul li ul {
	display: none;
 	list-style: none;
	width: 205px;
	background-color: #4B4B4B; 
}
	
#wrapper #navi ul li ul li ul {
	display: none;
 	list-style: none;
	width: 205px;
}

#wrapper #navi ul ul a,
#wrapper #navi ul ul ul a {
	display: block;
	width: 205px;
	height: 24px;
	padding: 5px 0 0 0;
}

#wrapper #navi ul li#equipment ul {
	top: -10px;
	left: 205px;
	position: absolute;
}

#wrapper #navi ul li#equipment ul li#licht ul {
	top: -40px;
	left: 205px;
	position: absolute;
	display: none;
}


#wrapper #navi ul li#equipment ul li#buehne ul {
	top: -40px;
	left: 205px;
	position: absolute;
	display: none;
}

#wrapper #navi ul li#equipment ul li#kfz ul {
	top: -10px;
	left: 205px;
	position: absolute;
	display: none;
}

#wrapper #navi ul li#equipment:hover ul,
#wrapper #navi ul li#equipment:hover ul li#licht:hover ul,
#wrapper #navi ul li#equipment:hover ul li#buehne:hover ul {display: block;}

#wrapper #navi #equipment #licht a:hover,
#wrapper #navi #equipment #buehne a:hover {background-color: #353535;}


#wrapper #navi ul li ul li,
#wrapper #navi ul li ul li ul li {float: none; display: inline;
}
	
/*----------------------------------------------- 4. Content ----------------------------------------------- */

#content {
	background: url(../images/content.jpg) no-repeat;
	width: 751px;
	float: left;
}

*html #content {padding: 0 0 134px 0;
}

*+html #content {padding: 0 0 134px 0;}


	
#text1 {
	width: 498px;
	height: 163px;
	font-size: 11px;
	color: #dbdada;
	padding-top: 13px;
	padding-left: 20px;
}
	
#text2 {
	width: 498px;
	font-size: 11px;
	color: #adadad;
	padding-left: 20px;
	padding-top: 13px;
}

#text3 {
	width: 300px;
	font-size: 11px;
	color: #adadad;
	padding-left: 20px;
	float: left;
}

#text4 {
	width: 300px;
	font-size: 11px;
	color: #adadad;
	float: left;
	padding: 2px 0 0 0;
}

#wrapper #content #text4 img {border: 1px solid #303030;}


#footer .escape:hover span { color: #4BB8E3;}

.lefty {margin: 0 30px 0 0; float: left; width: 180px; 	font-size: 11px; color: #adadad;}
	
#addy{
	width: 944px;
	font-size: 11px;
	color: #adadad;
	position:relative;
	margin: 0 auto;
}

#footer #addy label{
	float: left;
	padding: 30px 20px 0 16px;
	width: 180px;
}

#footer #addy #kontakt {width: 400px;}

#footer #addy label strong{color: #fff;}

#wrapper #content #text2 .blue a {color: #4bb8e3; font-size: 16px; font-weight: bold;}

#wrapper #content #text2 iframe {float: left; margin-left: 30px; margin-top: 40px;}

.anfahrt {float: left; margin-top: 40px;}

.galerie_bild { width: 115px; padding-bottom: 10px;}

.galerie_box {width: 150px; height: auto; float: left; padding-right: 10px; color: #adadad; }

.blue {color: #4bb8e3; font-size: 16px; font-weight: bold;}

#wrapper #content #text2 .galerie_box img {border: 1px solid #333333;}

#referenzen {width: 390px; height: 20px; float: left;}

#wrapper #content #text1 li, #wrapper #content #text2 li, #wrapper #content #text3 li, #wrapper #content #text4 li { 
	list-style-type: square; margin-left: 14px;
}

.fontfett {font-size: 16px}

.fontfett2 {color: #DBDADA}

#bilder { margin: 0 0 0 15px;}

#bilder img { margin: 4px; border: 1px solid #303030; }

#wrapper #content #bilder p { margin: 0 0 0 5px;}

#wrapper #content #bilder li { margin: 0 0 0 19px; list-style-type: square;}


/*----------------------------------------------- Tabellen ----------------------------------------------- */

table {margin: 0 0 0 16px;}

#wrapper #content th {
	background-color: #303030;
	text-align: left;
}

#wrapper #content  td {
	background-color: #6F6F6F;
	padding: 0 5px 0 5px;
}

/*----------------------------------------------- 5. Links ----------------------------------------------- */

#wrapper #navi a {
	text-decoration: none;
	font-family: Trebuchet Ms, Verdana, Arial;
	font-size: 13px;
}

a {color: #fff;}
	
a:hover { color: #4BB8E3; font-weight: bold;}
	
#wrapper #navi .aktiv a {background-color: #353535;}
	
#wrapper #subnavi .aktiv a { color: #4BB8E3;}

#wrapper #content #text2 .escape:hover span { color: #4BB8E3;}


#wrapper #navi ul li#equipment ul li#licht ul, #wrapper #navi ul li#equipment ul li#buehne ul  { top: -10px; }



/*html:not([dummy]) #wrapper #navi ul li#equipment ul li#licht ul {
 top: -10px;	 } */


/*----------------------------------------------- 6. Hacks ----------------------------------------------- */

/* Safari */
html* #wrapper #navi ul li#equipment ul li#licht ul {
   top : -39px;
}
/* IE 6 */
* html #wrapper #navi ul li#equipment ul li#licht ul {
   top : -10px;
}
/* IE 7 */
* + html #wrapper #navi ul li#equipment ul li#licht ul {
   top : -10px;
}


/* Safari */
html* #wrapper #navi ul li#equipment ul li#buehne ul {
   top : -39px;
}
/* IE 6 */
* html #wrapper #navi ul li#equipment ul li#buehne ul {
   top : -10px;
}
/* IE 7 */
* + html #wrapper #navi ul li#equipment ul li#buehne ul {
   top : -10px;
}