html {
	height: 100%;
	background: transparent;
}

:focus {
	outline: 0;
}	
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family: "Trebuchet MS", Arial, sans-sarif;}

body {
  padding: 0;
  margin: 0;
  background: transparent url(../pics/orange.jpg) repeat-y;
  
  
  width: 100%;
display: table;
height: 100%;
min-height: 101%;

}

#main {
width: 100%;
display: table;
height: 100%;
min-height: 101%;
background: transparent url(../pics/background.jpg) no-repeat;
}

#page {
width: 100%;
display: table;
height: 100%;
min-height: 101%;
background: transparent url(../pics/bg.gif) no-repeat;
}




li li {
  font-size: 11px !important;
}

strong {
	font-size: 12px;
}

#logo {
	position: absolute;
	top: 70px;
	left: 90px;
}

#adresse {
	position: absolute;
	top: 20px;
	left: 500px;
	font-size: 11px;
	color: #333;
	width: 450px;
	text-align: right;
}


#logo img {
	border: 0;
}

#wrapper {
width: 950px;

height: 100%;
}

#header {
background: transparent;
position : relative;
width: 950px;
height : 90px;
}

.hoehe { height: 800px; }
div[class = "hoehe"] { height: auto; min-height: 800px }

.konstante { height: 390px; }
div[class = "konstante"] { height: auto; min-height: 390px }


#mainnav   {
float: left;
width: 180px;
margin-left: 100px;
margin-top: 350px;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #mainnav {
margin-left: 0px;
padding-left: 90px;
padding-right: 70px;
width: 180px;
  }
/* End hide from IE5/mac */



#mainnav  ul {
width: 180px;
margin: 0;
list-style: none;
display: block;
background: transparent;
list-style: none;
line-height: 25px;
}
#mainnav li      {
font-size:  12px;
margin: 0;  
width: 170px;
line-height: 25px;
padding: 0;
background: transparent url(../pics/punkte-grau.gif) 0 bottom repeat-x;
}

#mainnav a   {
margin: 0;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 11px;
padding: 0px 20px 0px 2px;
color: #663300;
text-transform: uppercase;
line-height: 25px;
}

#mainnav a.aktionen   {
	font-size: 14px;
}

#mainnav li li      {
background: transparent;
}

#mainnav li li a {
font-weight: normal;
background: transparent ;
font-size: 11px;
padding: 0 0 0 35px;
text-transform: none !important;
margin: 0;
}

#mainnav a:hover, #mainnav a:active   {
text-decoration: none;
background: transparent url(../pics/weiss-trans.png) repeat scroll;
color: #663300;
text-decoration: underline;
}


#bilder {
	margin-left: 350px;
	margin-right: 380px;
	padding-top: 100px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #bilder {
margin-left: 0px;
  }
/* End hide from IE5/mac */



#galerie         {
	width: 550px;
	float: left;
	padding-top: 50px;
	padding-left: 120px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #galerie {
padding-left: 30px;
  }
/* End hide from IE5/mac */



#content       {
width: 380px;
background: transparent;
padding-top: 100px;
float: right;
}

#sonne {
	position: absolute;
	top: 170px;
	left: 830px;
}

#gallery       {
width: 380px;
background: transparent;
padding-top: 100px;
float: right;
}


#content a:link  {
color : #ff9933;
text-decoration : none;
}
#content a:visited {
color : #ff9933;
text-decoration : none;
}
#content a:hover {
color : #ff9933;
text-decoration: underline;
}
#content a:active {
color : #ff9933;
}

#gallery a:link  {
color : #ff9933;
text-decoration : none;
}
#gallery a:visited {
color : #ff9933;
text-decoration : none;
}
#gallery a:hover {
color : #ff9933;
text-decoration: none;
}
#gallery a:active {
color : #ff9933;
}



#galerie a:link  {
color : #ff9933;
text-decoration : none;
}
#galerie a:visited {
color : #ff9933;
text-decoration : none;
}
#galerie a:hover {
color : #ff9933;
text-decoration: underline;
}
#galerie a:active {
color : #ff9933;
}

#galerie p { color: #000; font-size: 0.8em;  padding: 10px 15px 5px 15px; line-height: 21px;}
#galerie h1    { color: #ff9933; font-size: 1em; padding: 10px 15px 5px 15px; font-weight: bold; }
#galerie h2    { color: #ff9933;  font-size: 0.8em; padding: 10px 15px 0px 15px; margin-bottom: 5px; font-weight: bold; }
#galerie h3    { color: #ff9933; font-size: 0.9em; padding: 20px 15px 0px 15px; font-weight: normal; }
#galerie ul { list-style-type: none; padding-top: 10px; }
#galerie li {
font-size: 0.8em;
color: #000;
margin-left: 15px;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 8px;
background-repeat: no-repeat;
padding: 3px 0 3px 2em;
}

#content p { color: #000; font-size: 0.8em;  padding: 10px 15px 5px 15px; line-height: 21px;}
#content h1    { color: #ff9933; font-size: 1em; padding: 10px 15px 5px 15px; font-weight: bold; }
#content h2    { color: #ff9933;  font-size: 0.8em; padding: 10px 15px 0px 15px; margin-bottom: 5px; font-weight: bold; }
#content h3    { color: #ff9933; font-size: 0.9em; padding: 20px 15px 0px 15px; font-weight: normal; }
#content ul { list-style-type: none; padding-top: 10px; }
#content li {
font-size: 0.8em;
color: #000;
margin-left: 15px;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 8px;
background-repeat: no-repeat;
padding: 3px 0 3px 2em;
}


#gallery p { color: #000; font-size: 0.8em;  padding: 10px 15px 5px 15px; line-height: 21px;}
#gallery h1    { color: #ff9933; font-size: 1em; padding: 10px 15px 5px 15px; font-weight: bold; }
#gallery h2    { color: #ff9933;  font-size: 0.8em; padding: 10px 15px 0px 15px; margin-bottom: 5px; font-weight: bold; }
#gallery h3    { color: #ff9933; font-size: 0.9em; padding: 10px 15px 5px 15px; font-weight: bold; }
#gallery ul { list-style-type: none; padding-top: 10px; }
#gallery li {
font-size: 0.8em;
color: #000;
margin-left: 15px;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}

#galerie ul { list-style-type: none; padding-top: 10px; }
#galerie li {
font-size: 0.8em;
color: #000;
margin-left: 15px;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}

#content-breit {
	width: 600px;
	padding-top: 70px;
	margin-left: 350px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content-breit {
  margin-left: 250px;
  }
/* End hide from IE5/mac */


#vorhernachher img {
	padding: 4px;
	border: 1px solid #ff9933;
}

table {
	color: #fff;
	font-size: 0.7em;
	margin-left: 15px;
	border-collapse: collapse;
  	background: transparent;
	border-color: #fff; 
  
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html table {
  margin-left: 0px;

  }
/* End hide from IE5/mac */


.orange {
	color: #ff9933;
}