/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/mainbg.jpg) 0 0 repeat-x #fff; color:#705D20; font:12px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a{background:#FEFEFE; color:#8F9A3E; text-decoration:underline;}
a:hover{background:#FEFEFE; color:#C7D451; text-decoration:none;}


#topPan{width:768px; height:231px; position:relative; margin:0 auto;} 

#topHeader {width:auto; height:231px; background:url(../images/header1.jpg) 0 100% no-repeat; position:relative; }
#topHeader img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
#topHeader ul{width:auto; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
#topHeader ul li{width:120px; height:59px; float:left;} 
#topHeader ul li a{width:120px; height:59px; display:block; background:url(../images/topleftmenu.gif) 50% 100% no-repeat; text-decoration:none; color:#88763D; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeader ul li a:hover{width:120px; height:59px; background:url(../images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none; color:#ffffff;}
#topHeader ul li.menu{width:120px; height:59px; background:none; float:left;z-index:2;}

#schriftzug { background: url(../images/schriftzug.jpg) no-repeat; position:relative; width:408px; height:109px; padding-top:30px; float:left; margin-top:105px;}
#schriftzug h2{color:#88763D; font-size: 0.8em; padding:75px 0 0 180px;}

#topright{width:335px; height:218px; background:url(../images/apple.png) 0 0 no-repeat; position:absolute; top:13px; left:450px; z-index:-1;} 

/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:778px; position:relative; margin:0 auto;}
/*----BODY LEFT PANEL----*/
#bodyleft{width:430px; float:left;}
#bodyleft h2{font:30px/30px Georgia, "Times New Roman", Times, serif; color:#FFB700; margin:43px 0 10px;}
#bodyleft h3{width:196px; font:18px/18px Georgia, "Times New Roman", Times, serif; background:#fff; color:#8F9A3E; margin:20px 0 10px;}
#bodyleft h5{width:350px; font:18px/18px Georgia, "Times New Roman", Times, serif; background:#fff; color:#8F9A3E; margin:30px 0 0px;}


#bodyleft p{padding:14px 28px 0 0;}
#bodyleft p.greentext{background:#fff; color:#5E9908; font-size:16px; font-weight:bold; padding:14px 5px 0;}
#bodyleft p.date{background:#fff; color:#705D20; font-size:10px; padding:10px 5px 0;}

#bodyleft ul{ margin:20px 0 0;}
#bodyleft ul li{margin:0 5px 10px 5px; background: url(../images/ul.png) no-repeat 0px 0.4em; padding-left:15px;}
#bodyleft ul li.more{width:118px; height:24px; float:left;}

#bodyleft_big{width:748px; float:left;}
#bodyleft_big h2{font:30px/30px Georgia, "Times New Roman", Times, serif; color:#FFB700; margin:43px 0 10px;}
#bodyleft_big h3{width:196px; font:18px/18px Georgia, "Times New Roman", Times, serif; background:#fff; color:#8F9A3E; margin:20px 0 10px;}


/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyright{width:280px; float:left; margin-top:20px;}
/*----Login Panel----*/
#picture{width:309px; height:199px; background:url(../images/border.jpg) 0 0 no-repeat;}
#picture h2{width:230px; height:81px; display:block; color:#5EA000; font:22px/26px Georgia, "Times New Roman", Times, serif;
padding:55px 0 0 24px; margin:0 0 0 18px;}
#picture h2 span{color:#FFB700;}

#picture h3{color:#5EA000; font:12px/16px Georgia, "Times New Roman", Times, serif; padding-bottom:5px;}
#picture h3 span{color:#FFB700;}

#picture ul{margin:6px 0 0 28px;}
#picture ul li{color:#8F9A3E; text-decoration:underline; background: url(../images/li.png) no-repeat 2px; padding:5px 0 0 4px; margin:0 0 0 18px; font: 12px/16px Georgia, "Times New Roman", Times, serif}

#picture p { padding:5px 50px 0 34px; margin:0 0 0 18px; font: 12px/16px Georgia, "Times New Roman", Times, serif;}

#picture ul li a {color:#8F9A3E; text-decoration:underline; background: #ffffff url(../images/li.png) no-repeat 2px; padding-left:25px;}
#picture ul li a:hover {color:#FFB700; text-decoration:underline; background: #fff url(../images/li_hover.png) no-repeat 2px; padding-left:25px;}

.flyerpic { border: 3px solid #FFB700;}
#flyer { padding-left:50px;}

/*----FOOTER PANEL----*/
#footermain{height:126px; background:url(../images/footerbg.gif) 0 0 repeat-x #705D20; color:#fff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:82px 0 0;}
#footer{width:748px; position:relative; margin:0 auto;}
#footerlogo{display:block; width:200px; height:100px; position:absolute; top:0px; right:15px; background: url(../images/kofferanhaenger.png) no-repeat;}
#footerlogo a { background:none;}

#footer ul{width:546px; position:absolute; top:0px; left:0px;}
#footer li{float:left; }
#footer ul li a{padding:0 10px 0; color:#fff; background: url(../images/footermenubg.gif) 0 0 repeat-x #705D20; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}

#footer ul.webdesign{width:250px; background:#705D20; color:#fff; display:block; position:absolute; top:40px; left:10px;}
#footer ul.webdesign li a{background:#705D20; display:block; color:#fff; text-decoration:none;}
#footer ul.webdesign li a:hover{text-decoration:underline;}

#footer ul.validation{width:250px; background:#705D20; color:#fff; display:block; position:absolute; top:60px; left:10px;}
#footer ul.validation li a{background:#705D20; display:block; color:#fff; text-decoration:none;}
#footerPan ul.validation li a:hover{text-decoration:underline;}

#footer p.copyright{width:auto; background: url(../images/copyrightbg.gif) 0 0 repeat-x #705D20; color:#fff; position:absolute; top:23px; left:10px;}

/*classes*/
.bild_rechts {
  background: url(../images/schatten.png) no-repeat bottom right;
  padding: 4px 7px 17px 7px; margin:18px 0 5px 10px; float:right; border-top: 2px solid #efefef; 
}
.bild_links {
  background: url(../images/schatten.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px; margin:18px 10px 5px 0; float:left; border-top: 2px solid #efefef; 
}

.bild_gal_rechts {
  background: url(../images/schatten.png) no-repeat bottom right;
  padding: 4px 7px 17px 7px; margin:18px 0 5px 10px; border-top: 2px solid #efefef; 
}
.bild_gal_links {
  background: url(../images/schatten.png) no-repeat bottom left;
  padding: 4px 57px 17px 7px; margin:18px 10px 5px 0; border-top: 2px solid #efefef; 
}

.bild_links_normal {
  padding: 4px 7px 17px 7px; margin:10px 10px 5px 0; float:left; 
}

.slogan { font: 0.9em Verdana, Arial, Helvetica, sans-serif; margin:15px; text-align:center; font-weight:bold;}
.anmerkung {font: 0.9em Verdana, Arial, Helvetica, sans-serif; color:#8F9A3E; font-weight:bold; margin-left:10px; float:left;}
.cleardiv
{
	clear: both;
	height: 0px;
	width: 0px;
}

.ol li {list-style-type:decimal; margin:10px 25px 0 0;}

#bildunterschrift { float:left; text-align:center; vertical-align:bottom;}
.nolink { background:none; text-decoration:underline;}
.hr { border: 1px dotted #705D20;}

/*Kontakt*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #6CBE45;
}
input.validation-failed, textarea.validation-failed, input.validate-number {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, input.validate-number {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #fff;
	color : #FF3300;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: normal;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
	border: none;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	
}

.field-label {

}

.field-widget {

}

.knopf {
	background-color: #E4E4E3;
	padding:3px;
	border: 1px solid #f5f5f5;
	font-size:1em;
	}
	
select { 
 background-color: #6CBE45; 
 font: 1em Verdana, Arial, sans-serif; color:#ffffff; 
} 

/*Table normal*/
table {
	border-spacing:3px; width:100%;
}

td, th {
	padding: 2px;
	
}

thead th {
	background: #F5F5F5;
	color: #666;
}

tbody th {
	font-weight: bold;
	color: #2B4592;
}

tbody tr {
	background-color:#FFF; 
	}
tbody tr.odd {
	background: #f9f9f9;
}

tbody td.sub{
	vertical-align:text-top;}

tbody tr td { 
	background: #FFF;
	border-bottom: 1px dotted #ccc;
	padding:15px;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}
	
/*Lightbox style*/	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.0em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png);}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
/*Classes*/
.gestrichen {
	text-decoration:line-through;
}
.notes {color:#8F9A3E; font-size:0.8em;}

.red {
	color: #FF0000;
	font-weight:bold;}