html {height:100%;}
body {
	height:100%;
	color: #333;
	font-family: 'Ubuntu', 'Ubuntu', Arial, sans-serif;
	font-size: 11px;
	background: #fff url(../images/bg_body.jpg) repeat-x top;
}
* {
	margin: 0;
	padding: 0;
}

p {
	margin-top:10px;
	line-height:15px;
}
hr {
	border:solid #9D0303 1px;
	height:1px;
	background-color:#9D0303;
}
#content img {
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;	
	margin:10px 4px 10px 4px;
}

a {color: #333;text-decoration:none;}
a:hover {color: #68A639;}
a:active {color: #333;}
a:visited {color: #333;}

#content a {color: #68A639;text-decoration:underline; font-weight:bold;}
#content a:hover {color: #333;}
#content a:active {color: #68A639;}
#content a:visited {color: #68A639;}

#boxpopup a {color: #68A639;text-decoration:underline; font-weight:bold;}
#boxpopup a:hover {color: #333;}
#boxpopup a:active {color: #68A639;}
#boxpopup a:visited {color: #68A639;}

#hoverpopup a {color: #68A639;text-decoration:underline; font-weight:bold;}
#hoverpopup a:hover {color: #333;}
#hoverpopup a:active {color: #68A639;}
#hoverpopup a:visited {color: #68A639;}

/* misc */
#clearer {clear: both;}
h1 {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #000;
	margin-top:20px;
	margin-bottom:20px;
}
h1 p{
	line-height:20px;
}
h2 {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #333;
	margin-top:0px;
	margin-bottom:0px;
}
h3 {
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #FFF;
	margin-top:5px;
	margin-bottom:-5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	margin-top:-10px;
	margin-bottom:5px;
	font-weight:bold;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:normal;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #CCC;
	margin-bottom:0px;
}
h8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #FFF;
	margin-bottom:0px;
}


/* structure */
#container {
	height:100%;
	position:relative;
	margin: 0px auto;
	width: 950px;
	z-index: 1;
}
#head {
	position:relative;
	float:left;
	width: 950px;
	height: 393px;
	z-index: 2;
}
#headimg {
	position:relative;
	width: 950px;
	height: 393px;
	z-index: 3;
	overflow:hidden;
}
#headimg #cycler{position:relative;background:none;}
#headimg #cycler div{position:absolute;z-index:2;text-align:center;}
#headimg #cycler div.active{z-index:4}
#headimg #cycler div #title {
	position:absolute;
	width:260px;
	top:270px;
	left:0%;
	padding: 20px 15px 5px 20px;
	z-index: 999;
	background:none;
	text-align:left;
	font-size:12px;
}
#navigation {
	position:relative;
	width: 780px;
	height:44px;
	padding:0;
	z-index:100;
	background:url(../images/nav_bg.jpg) repeat-x bottom;
	padding-left:170px;
	margin-top:-55px;
}

/* Begin Hauptnavigation */
.navi {
width:750px;
height:44px;
font-family: 'Ubuntu', Arial, sans-serif;
z-index:10;
margin-top:-37px;
}

/* remove all the bullets, borders and padding from the default list styling */
.navi ul {
padding:0;
margin:0;
list-style-type:none;
z-index:100;
}
.navi ul ul {
padding:10px 2px 10px 2px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
border-radius: 6px;
background: #fff url(../images/nav_top.jpg) no-repeat left bottom;
z-index:10; 
}
.navi ul ul li {
white-space:nowrap;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navi li {
float:left;
position:relative;
z-index:10;
}

/* style the links for the top level */
.navi a, .navi a:visited {
display:block;
font-size:14px;
text-decoration:none; 
color:#fff; 
height:42px; 
padding:26px 10px 0 10px; 
line-height:54px;
z-index:100;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navi a, * html .navi a:visited {
width:150px;
w\idth:139px;
z-index:100;
}

/* style the second level background */
.navi ul ul a.drop, .navi ul ul a.drop:visited {
background:#fff;
z-index:10;
}
/* style the second level hover */
.navi ul ul a.drop:hover {
background:#fff;
z-index:100;
}
.navi ul ul :hover > a.drop {
color:#fff;
background:#68A639;
z-index:100;
}
/* style the third level background */
.navi ul ul ul a, .navi ul ul ul a:visited {
background:#e2dfa8;
z-index:100;
}
/* style the third level hover */
.navi ul ul ul a:hover{
background:#b2ab9b;
z-index:100;
}
.navi ul ul ul :hover > a {
background:#b2ab9b;
z-index:100;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.navi table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;z-index:10;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul {
visibility:hidden;
position:absolute;
bottom:30px;
left:0; 
z-index:100;
}
* html .navi ul ul {
bottom:30px;
z-index:100;
}
/* position the third level flyout menu */
.navi ul ul ul{
left:150px; 
bottom:0;
z-index:10;
}
/* position the third level flyout menu for a left flyout */
.navi ul ul ul.left {
left:-150px;
z-index:100;
}


/* style the second level links */
.navi ul ul a, .navi ul ul a:visited {
background:#fff; 
color:#000; 
height:auto; 
width:auto; 
line-height:1em; 
padding:5px 10px; 
min-width:80px;
font-size:11px;
z-index:100;
/* yet another hack for IE5.5 */
}
* html .navi ul ul a{
width:150px;
w\idth:129px;
z-index:100;
}


/* style the top level hover */
.navi a:hover {
color:#fff; 
background: url(../images/nav.png) no-repeat bottom;
z-index:100;
}
.navi :hover > a{
color:#fff;
background: url(../images/nav.png) no-repeat bottom;
z-index:100;
}
.navi ul ul a:hover{
color:#68A639; 
background: #fff;
}
.navi ul ul :hover > a {
color:#68A639;
background: #fff;
}

/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul{
visibility:visible;
height:auto;
z-index:100;
}
/* keep the third level hidden when you hover on first level list OR link */
.navi ul :hover ul ul{
display:none;
z-index:100;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.navi ul :hover ul :hover ul ul{
display:none;
z-index:100;
}
/* make the third level visible when you hover over second level list OR link */
.navi ul :hover ul :hover ul{ 
display:block;
bottom:0;
z-index:100;
}
/* make the fourth level visible when you hover over third level list OR link */
.navi ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
z-index:100;
}

  
/* End Hauptnavigation */
  
  
  
#lang {
	position:absolute;
	top:10px;
	left:50%;
	min-width: 98px;
	height: 23px;
	z-index: 2;
	margin-left:-475px;
	padding:7px 0 0 50px;
	background: #000 url(../images/nav_bg.jpg) repeat-x left;
	color:#fff;
	font-size:14px;
}
#lang a{color:#fff;}
#lang a:hover{color:#68A639;}
#home{color:#68A639;}
#home:hover{color:#fff;}

#logo {
	position:relative;
	width: 98px;
	height: 143px;
	z-index: 5;
	margin:-125px 0 0 50px;
	background: url(../images/logo.png) no-repeat top;
}
#content {
	position:relative;
	width:950px;
	z-index: 2;
	color:#333;
	overflow:visible;
	background: url(../images/bg_content.gif) repeat-y top;
}



#footer {
	position:relative;
	width:950px;
	height:36px; 
	z-index:2;
}
#footerblock {
	position:relative;
	width:950px;
	height:20px; 
	z-index:2;
	color:#fff;
	text-align:center;
	font:11px Arial, Geneva, sans-serif;
	text-transform:uppercase;
	background:#87888A url(../images/head_grey.jpg) repeat-x top;
	padding-top:6px;
}
#footerblock a, #footerblock a:visited, #footerblock a:active  {color:#fff; font:11px Arial, Geneva, sans-serif}
#footerblock a:hover {color:#333;}
#footerlogos {
	position:relative;
	width:950px;
	height:40px; 
	z-index:2;
	color:#fff;
	text-align:center;
	font:10px Arial, Geneva, sans-serif;
	margin:10px 0 10px 0;
}



/* Sitemap */
.sitemap, .sitemap ul{margin:0 0 50px 0;padding:0;list-style:square;}
.sitemap ul li{}
.sitemap li{padding:10px 0 0 0;margin-left:20px;}
.sitemap li a{color:#2C4696;padding: 0 15px 0 0;  font-size:12px;font-weight:normal; outline:none; text-transform:uppercase;}
.sitemap li a:link, .sitemap li a:visited, .sitemap li a:active{color:#2C4696;padding: 0 15px 5px 0; font-size:12px;font-weight:normal; outline:none; text-transform:uppercase;}
.sitemap li ul{ margin: 0px 0 20px 0px; padding: 12px 0 0 12px; border-top: dotted 1px #2C4696; text-transform:none;}
.sitemap li ul li{float:none; list-style:square; padding: 0;}



#main {
	position:relative;
	width:444px;
	float:left;
	z-index:2;
	margin:-18px 30px 0 30px;
	background-color:#E8F2E2;
	padding:20px;
}
#main td {
	height:18px;
}
#main td div{
	line-height:1ex; 
	display:inline-block; 
	width: 100%; 
	border-bottom: 1px dotted #ccc;
}
#left {
	position:relative;
	width:203px;
	float:left;
	z-index:2;
}
#left a {color: #68A639; font-weight:bold;}
#left a:hover {color: #000;text-decoration:none; font-weight:bold;}
#left a:active {color: #68A639; font-weight:bold;}
#left a:visted {color: #68A639; font-weight:bold;}

#right {
	position:relative;
	width:203px;
	float:left;
	z-index:2;
}

#right a {color: #68A639; font-weight:bold;}
#right a:hover {color: #000;text-decoration:none; font-weight:bold;}
#right a:active {color: #68A639; font-weight:bold;}
#right a:visted {color: #68A639; font-weight:bold;}

#right ul{margin:10px 0 25px 0;}
#right li{margin-left:20px; list-style:square;}

#offerbox {
	position:relative;
	width:203px;
	z-index: 2;
	overflow:visible;
	margin-bottom:15px;
	margin-top:15px;
}
#offerhead {
	position:relative;
	width:203px;
	height:20px;
	z-index: 2;
	overflow:visible;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	padding-top:6px;
	background:#87888A url(../images/head_grey.jpg) repeat-x top;
	text-align:center;
	font: 14px 'Ubuntu', Arial, sans-serif;
	color:#fff;
}
#offercontent {
	position:relative;
	width:180px;
	padding:5px 10px 10px 13px;
	z-index: 2;
	overflow:visible;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	background-color:#E3E4E4;
	color:#333;
}

#newsbox {
	position:relative;
	width:203px;
	z-index: 2;
	overflow:visible;
	margin-bottom:15px;
}
#newshead {
	position:relative;
	width:203px;
	height:20px;
	z-index: 2;
	overflow:visible;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	padding-top:6px;
	background:#87888A url(../images/head_green.jpg) repeat-x top;
	text-align:center;
	font: 14px 'Ubuntu', Arial, sans-serif;
	color:#fff;
}
#newscontent {
	position:relative;
	width:180px;
	padding:5px 10px 10px 13px;
	z-index: 2;
	overflow:visible;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	background-color:#E3E4E4;
	color:#333;
}


/* forms */
label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 60px; /* Breite.*/
  padding: 4px 5px 0 0;
  text-align:left;
  color:#333;
  height:10px;
}
input, textarea, select {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;

	padding:1px 0px 1px 4px;
	margin-bottom:2px;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #999;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #999;
	scrollbar-track-color:#fff;
	scrollbar-darkshadow-color: #fff;
	display: inline;
	height:10px;
}
radio{
	background-color:;
}
.button {
	color: #68A639;
	background:none;
	height:10px;
	border:none;
	height:20px;
	font-weight:bold;
	text-decoration:underline;
}
.iconButton 
{ 
    font-size: 1em; 
    color: transparent; /* Fix for Firefox */ 
    border-style: none; 
    border-width: 0; 
    padding: 0 0 0 16px !important; /* Fix for Internet Explorer */ 
    text-align: left; 
    height: 18px; 
    line-height: 1 !important; 
    overflow: hidden; 
    cursor: pointer; 
} 
input#submit, input#contactmail { /* den Submit-Button */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 10px;

	background-color:#666666;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*popup*/
.box {
    background: #E3E4E4  url(../images/head_green.jpg) repeat-x top;
    color: #333;
    min-height: 105px;
    left: 120%;
    padding: 0 20px 15px 20px;
    position: fixed;
    right: 30%;
    top: 25px;
    width: 203px;
    z-index: 101;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	margin-left:200px;
}
.box img {
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
}
#boxtitle{
	position:absolute;
	font: 14px 'Ubuntu', Arial, sans-serif;
	color:#fff; 
	margin:5px 0 5px 0px;
	height:25px;
}

a.boxclose {
    background: url("../images/close.png") repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 24px;
    left: -32px;
    position: relative;
    top: 0px;
    width: 24px;
}