/* CSS Document */



/* Basis Module */

body {
	text-align: center;
	margin: auto;
	font: normal 12px sans-serif, Arial, Helvetica, sans-serif;
	background: #535252 url(/static/images/hg-stone-pattern.jpg) ;
	
}



#header{
	z-index:10;
	width: 780px;
	height:127px;
	position:relative;
	top:15px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background:url(/static/images/logo_trans.png) no-repeat bottom right;
}


/* Rahmen */

#inhalt {
	z-index:2;
	position:relative;
	top:10px;
	text-align: left;
	margin: 10px auto 0 auto;
	width: 760px;
	border: 10px solid #b81015;
	height: 500px;
	overflow: visible;
	background-color:#ffffff;
	}
	
/* Textfelder */
	
#text{
	z-index:4;
	position:absolute;
	top:20px;
	left:20px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;	 
	width: 260px;	
	}
#text_liste{
	z-index:4;
	position:absolute;
	top:20px;
	left:20px;
	vertical-align: top;
	padding-top: 20px;
	padding-left: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;	 
	width: 374px;		
}

#text_rechts_liste{
	z-index:4;
	position:absolute;
	top:5px;
	left:374px;
	vertical-align: top;
	padding-top: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	 
	width: 346px;	
		
}

#buffet{
	z-index:4;
	position:absolute;
	top:20px;
	left:20px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;	 
	width: 340px;	
	}
	
#buffet_rechts{
	z-index:4;
	position:absolute;
	top:20px;
	left:370px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	 
	width: 340px;
}
#text_rechts_liste2{
	z-index:4;
	position:absolute;
	top:20px;
	left:374px;
	vertical-align: top;
	padding-top: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	 
	width: 346px;	
		
}


#impressum{
	z-index:4;
	position:absolute;
	padding-botton:20px;
	top:348px;
	left:0px;
	height:70px;
	vertical-align: top;
	width: 760px;	
	}
#equipment{
	z-index:4;
	position:absolute;
	top:220px;
	left:20px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;	 
	width: 240px;	
	}
	

#text_rechts{
	z-index:4;
	position:absolute;
	top:20px;
	left:370px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	 
	width: 240px;	
		
}


#text2{
	z-index:4;
	position:absolute;
	top:20px;
	left:10px;
	vertical-align: top;
	padding: 20px;
	background-color:#ffffff;
	filter:alpha(opacity=85);
	-moz-opacity:0.75;	 
	width: 350px;	
	
}

#text_rechts2{
	z-index:4;
	position:absolute;
	top:28px;
	left:370px;
	vertical-align: top;
	padding: 10px;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	 
	width: 350px;	
			
}

#footer{
	z-index:4;
	position:relative;
	top:30px;
	left:303px;
	vertical-align: top;
	width: 760px;
	color: #cc0000;
}

#footer a{
	color: #cc0000; !important
}
		
	
	
/* Bildhintergrund oder Flash */
	
#flash{
	z-index: 3; 
	position:absolute;
	top: 0 ;
	margin: 0;
	padding: 0;
}

/* Hintergrundbild */

#bg_image{
	z-index:1;
	position:absolute;
	left:0;
	right:auto;
	top:257px;
	margin: 0 auto 0 auto;
	top:200;
	height:598px;
	width:100%;
}



/* TYPO */

a{
	text-decoration:none;
	font-weight: bold;
	color: #000000;
}

a:hover, a:avtive{
	text-decoration:none;
	font-weight: bold;
	color: #b81015;
}

h1 {
font: normal 1.5em sans-serif,Arial;
text-transform: uppercase; 
color: #cc0000; 
}

h2 {
font: bold 1em sans-serif,Arial;
color: #cc0000; 
}

.referenzen {
font-family: Arial;
font-size:8px;
}

/* Listen */

ul.odd{
	list-style-position:inside;
	background-color: #EEE;
	padding:5px 5px 10px 5px;
	margin: -5px 0 0 0;
}

ul.even{
	list-style-position:inside;
	background-color: #ffffff;
	padding:5px 5px 10px 5px;
	margin:-5px 0 0 0;
}



/* Navi */

#menu {
	font-family: Arial Black, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#b81015;
	/*letter-spacing:0.03em;*/
	
	}


#menu a {
	padding: 1px 2px 1px 2px;
	text-decoration:none;
	margin:0 0 0 0;
	font-weight:normal;
}

#menu.intern  {
	position:relative;
	top:60px;
}
#menu.intern a {
	background: #FFFFFF;
	color: #b81015;
}

#menu.intern a:hover, #menu.intern a:active {
	background: #b81015;
	color: #FFFFFF;
}

#menu.intern a active {
	background: #b81015;
	color: #FFFFFF;
}


#menu.kontakt a {
	position:relative;
	top:67px;
	background: #FFFFFF;
	color: #b81015;
}

#menu.kontakt a:hover, #menu.kontakt a:active {
	background: #ffffff;
	color: #b81015;
}

#menu.links a {
	position:relative;
	top:74px;
	left:0px;
	background: #b81015;
	color: #ffffff;
}

#menu.links a:hover, #menu.links a:active {
	background: #ffffff;
	color: #b81015;
}

#submenu  {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:normal;	
	margin-top:10px;
}

#submenu a {
	padding: 2px 4px 2px 4px;
	background: #ffffff;
	color: #cc0000;
	margin-right:5px;
	border: #cc0000 solid 1px;
	
}

#submenu a:hover, #submenu a:active {
	background: #cc0000;
	color: #ffffff;
	border: #cc0000 solid 1px;
}

/* FORM */

#formular_zentriert_oben{
	z-index:4;
	position:relative;
	top:20px;
	left:20px;
	vertical-align: top;
	width: 740px;	
}


#formular_links{
	z-index:4;
	position:relative;
	top:40px;
	left:8px;
	padding-left: 5px;
	padding-right: 7px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: top;
	background-color:#efefef;
	height:250px;
	width: 360px;	
}

#formular_rechts{
	z-index:4;
	position:relative;
	padding-left: 5px;
	padding-right: 7px;
	padding-top:33px;
	padding-bottom:0px;
	top:-210px;
	left:365px;
	height:200px;
	vertical-align: top;
	background-color:#efefef;
	width: 345px;	
		
}

#formular_zentriert_unten{
	z-index:4;
	position:relative;
	padding: 5px 0 0 7px;
	top:-210px;
	left:8px;
	vertical-align: top;
	background-color:#efefef;	 
	width: 708px;	
}


/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif; margin:0px 0 0 2px}
fieldset {border: none}
label {display:block; padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: 0;}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 0px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:15px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 5em}
		form.f-wrap-1 label textarea.f-comments {width: 41.7em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 16px}