/* ++++++++++ STYLESHEET TISCHLEREI FISS / PYRAMEDIA 2007 / TIM GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%; 
  font-family:Arial, sans-serif;
		font-size:11px;
	 line-height:1px;
  color:#737B81;
  background:#E0F2FB;
 }
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:absolute;
		top:50%;
		left:50%;
		width:885px;
		height:450px;
		margin-top:-225px;
		margin-left:-442px;
	}
	
#inhalt
 {
	 width:885px;
		height:450px;
		margin:0 auto;
	}
	
#navigation
 {
	 position:absolute;
		top:40px;
		left:0;
		width:535px;
	}
	
#navigation ul
 {
	 list-style-type:none;
	}

#navigation li a
 {
	 display:block;
		width:527px;
		height:28px;
		margin:0 0 3px 0;
		padding:0 0 0 8px;
		font-size:25px;
 	line-height:26px;
		color:#FFFFFF;
		background:#A96831;
	}
	
#navigation li a:hover
 {
	 text-decoration:none;
		background:none;
		color:#737B81;
	}
	
#navigation li a.aktiv
 {
	 color:#FFFFFF;
		background:#A96831; 
	}
	
#navigation li a.inaktiv
 {
	 color:#737B81;
		background:none; 
	}
	
#navigation li a.inaktiv:hover
 {
	 text-decoration:none;
		background:#A96831;
		color:#FFFFFF;
	}	
	
#metanavigation
 {
	 position:absolute;
		left:177px;
		top:382px;
	}
	
#metanavigation a
 {
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		text-transform:uppercase;
		margin-right:15px;
		color:#8E99A0;
	}
	
#metanavigation a:hover
 {
	 text-decoration:none;
		color:#A96831;
	}
	
#logo
 {
	 position:absolute;
		top:266px;
		left:20px;
	}
	
#bild
 {
	 position:absolute;
		top:33px;
		left:175px;
		z-index:50;
	}

#text
 {
	 position:absolute;
		left:550px;
		top:38px;
		width:285px;
 }
	
#galerie
 {
	 position:absolute;
		left:545px;
		top:362px;
	}
	
#galerie img
 {
	 margin-right:10px;
	}
	
#galerie-text
 {
	 position:absolute;
		left:780px;
		top:372px;
		font-weight:bold;
	}
	
#partner
 {
	 position:absolute;
		left:230px;
		top:400px;
		height:25px;
		line-height:14px;
	}
	
#inhalt-impressum
 {
	 width:280px;
		padding-top:10px;
		padding-left:15px;
		padding-right:5px;
		font-size:11px;
		line-height:14px;
	}

#inhalt-impressum a
 {	
  color:#A96831;
	 text-decoration:underline;
	}
	
#inhalt-impressum a:hover
 {
 	text-decoration:none;
	}	
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ KONTAKTFORMULAR ++++++++++ */
form.formular fieldset 
 {
  width:280px;
  padding:0;
  font-family:Arial, sans-serif;
  font-size:11px;
 }

form.formular input, select, textarea 
 {
  margin-top:2px;
  padding:2px;
  margin-bottom:2px;
  width:146px;
  font-family: Arial, sans-serif;
  font-size:11px;
		color:#FFFFFF;		
  background:#A96831;
  border:1px solid #A96831;
 }
	
form.formular select
 {
	 width:110px;
	}
	
form.formular label 
 {
  width:120px;
  float:left;
  margin-top:2px;
  padding:2px;
  margin-bottom:2px;
  cursor:pointer;
 }
	
form.formular input.button
 {
  clear:both;
		width:280px;
 }

form.formular p 
 {
  font-size:9px;
		line-height:12px;
		padding:0;
		margin:10px 0 0 0;
 }
/* ++++++++++ KONTAKTFORMULAR ENDE ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		position:absolute;
		left:549px;
		top:0px;
		width:350px;
		font-family:Arial, sans-serif;
		font-size:28px;
		line-height:30px;
		margin-bottom:5px;
	}
	
h2
 {
	 font-family:Arial, sans-serif;
		font-size:12px;
		line-height:16px;
		margin-bottom:10px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
		margin-bottom:10px;
		line-height:16px;;
	}
	
.klein
 {
 font-size:11px;
	line-height:14px;
	}
	
a
 {
  color:#A96831;
		text-decoration:none;
	}
	
a:hover
 {
	 color:#A96831;
		text-decoration:underline;
	}
	
td
 {
	 padding:3px;
		line-height:16px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */