@charset "utf-8";
html {
  height: 100%;
}

html, body {
  margin: 0px;
  padding: 0px;
   height:100%;
  background-image: url('../bilder/page_bg.gif'); 
   background-repeat: repeat-y;
   background-color:#ffffff;
}


a {
	text-decoration:none;
}

ul {
  list-style: none;
}

form, ul, li, h1, h2 {
  margin: 0px;
  padding: 0px;
}

table{
	color:#333333;
}

body {
	height:100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
  /* behavior:url("css/csshover2.htc");*/
}

body.pop {
  background-image: none;
}

#content ul{
	list-style: disc;
	margin-left:15px;
}

#content li{
	margin:2px 10px;
}

#container {
  width: 900px;
  height:100%;
  margin: 0px 0px;
  position:relative;
  }

  #head { height: 100px; width: 900px;  background-color:#ffffff;}
    #head ul { padding-left: 205px; padding-top: 75px; text-transform: uppercase; }
    #head ul li { display: inline; margin-right: 7px;}
    #head ul li, #head ul li a { color: #757575; text-decoration: none; font-size: 11px;}
    #head ul li a { margin: 0px 2px; }
    #head ul li a.active { font-weight: bold; color: #006635; margin: 0px 2px; }
	#head a.sprache{ float:right; font-size:10px; font-weight:bold; color: #8d8d8f; text-transform: uppercase; padding: 15px; background: url('../bilder/pfeil_bg_weiss.gif') left 18px no-repeat;}
  
  #body { overflow:hidden; width: 904px; padding:0; margin:0;}
  
    #body_left { float:left; width: 205px; background-color: #efefef;   }
    
      /* Logo */
      #logo { 
	  	height: 120px; 
		text-align: center; 
		background-color: #ffffff;
	  }
      #logo h1 { display: none; }
      #logo img { margin-top: 75px; }
      
      /* Menu */      
      #navi { height: 272px; z-index:5;}
      #navi a { background-color: #6d1615; color: #fff; text-decoration: none; }

      #navi ul.root li { position: relative; height: 24px; }
      #navi ul.root li a {
        display: block; 
        padding-left: 20px; 
        cursor: pointer; 
        line-height: 24px; 
        height: 24px;
        background: #777528 url('../bilder/navi_bg.gif') center right no-repeat;
      }
      
      #navi ul.root li:hover a,
      #navi ul.root li a:hover {
        background: url('../bilder/navi_bg_over.gif') #adb850 center right no-repeat;
      }
      
      #navi ul.root li ul.sub li { margin: 0px; }
      #navi ul.root li ul.sub {
        width: 160px; 
        position: absolute; 
        left: 205px; 
        top: 0px; 
        z-index: 1000;
        visibility: hidden;
      }
      
      #navi ul.root li:hover ul.sub {
        visibility: visible;
      }
            
      #navi ul.root li:hover ul.sub a {
        background-image: none;
        background-color: #777528;
      }
      
      #navi ul.root li ul.sub a:hover {
        background-color: #adb850;
      }
      
            
      /* Icons */
      #icons { padding-top: 15px; border-top: 2px solid #FFF; }
	  
      #icons a{ color:#8d8e8f; }
       
    #body_middle {  float: left;  width: 504px;  background-color: #ffffff;}
    
      #header_image { z-index:1;}
	  #header_image a {color: #6d1615;}
      
      #content {}
      #content .content_container { width: 400px; border: green solid 1px;}
      #content h1 { margin: 22px 12px; color: #777527; font-size: 14px; font-weight: bold; text-transform: uppercase; }
      #content h2 { margin: 22px 12px; color: #777527; font-size: 12px; font-weight: bold; }
      #content p { margin: 12px; line-height: 17px; color: #333; }
	  #content a {color: #6d1615;}
    #content a:hover { text-decoration: underline; }
	  
	  #content ul li {
        margin:10px 0;
		list-style:none;
      }
	  
	  #sub-seite {padding: 2px; line-height: 22px;}
	  #sub-seite a {
	  	color: #ffffff;
		background-color: #acb74e;
		padding: 2px;
		white-space:nowrap;
	  }
	  
	   #sub-seite a:hover {
	  	color: #ffffff;
		background-color: #777528;
		padding: 2px;
	  }
	  
	  #kontaktformular {
	margin-left: 20px;
	}
	
	 #kontaktformular p{
	width: 350px;
	margin:20px 0;
	padding:0;
	}
	  
	  #kontaktformular label {
	width: 100px;
	display:block;
	float:left;
	margin:2px 2px 2px 0;
	color: #333333;
}
	
	#kontaktformular input {
	width:200px;
	height:15px;
	border:1px solid #cdcdcd;
	font-size:12px;
	margin:3px 0;
	padding:2px;
	position:relative;
	top:-3px;
}
	
	#kontaktformular input.plz {
	width:95px;
	height:15px;
	border:1px solid #cdcdcd;
	font-size:12px;
	margin:3px 0;
	padding:2px;
	position:relative;
	top:-3px;
}
	
	#kontaktformular textarea {
	width:200px; 
	height: 153px; 
	border: 1px solid #cdcdcd;
	font-size:12px;
	margin:3px 0;
	padding:2px;
	position:relative;
}
	
	#kontaktformular input.senden {
	margin:0; 
	width:206px; 
	height:20px; 
}	
  
  	
    #body_right  { float:left; width: 190px;  color: #FFF;  }
	
	#body_right .right_nav { float: left; width: 190px;  height: 392px; background: #acb84f; color: #FFF;   }
	
     #body_right h2 { background: #777528; padding: 7px 15px; font-size: 10px; font-family: Arial; text-transform: uppercase; }
     #body_right h2.pfeil { background: #777528 url('../bilder/pfeil_unten.gif') no-repeat; background-position: 4px 8px; padding: 7px 15px; font-size: 10px; font-family: Arial; text-transform: uppercase; }
     #body_right a.special { text-transform: uppercase; text-decoration: none; margin: 5px 0px; padding: 2px 15px; display: block; font-weight: bold; font-size: 9px; }
     #body_right a.special.hell { background: #cad495 url('../bilder/pfeil_hell.gif') no-repeat; color: #535353; background-position: 125px 4px;}
	 #body_right a.special.suchen { background: #dfe5c1 url('../bilder/pfeil_suchen.gif') no-repeat; color: #535353; background-position: 60px 4px;}
     #body_right a.special.dunkel { background: #777528 url('../bilder/pfeil_dunkel.gif') no-repeat; background-position: 125px 4px; color: #FFFFFF; }
	 
	 #body_right a.login { background: url('../bilder/pfeil_hell.gif') no-repeat; background-position: 60px 4px; color: #535353; text-transform: uppercase; text-decoration: none; margin: 5px 0px; padding: 2px 15px;  font-weight: bold; font-size: 9px;}
	 
	 #body_right div.login { background: #cad495; margin: 5px 0;}
     
     #body_right p.text { margin: 10px; }
	 
	#body_right p{ 
		margin: 5px 0px; 
		padding:2px 15px;
	}
	
	#cockpit_container {
		height: 100%;
		background-color: #acb84f;
		float:left;
		}
		
		 #cockpit_container a.special { text-transform: uppercase; text-decoration: none; margin: 0px 0px; padding: 2px 15px; display: block; font-weight: bold; font-size: 9px; }
     #cockpit_container a.special.hell { background: #cad495 url('../bilder/pfeil_hell.gif') no-repeat; color: #535353; background-position: 100px 4px;}
	 
	 #cockpit_container table {
	 padding:0px;
	 margin:0px;
	 width:190px;
		}
	
	#body_right ul.rechts {
        color: #8c8c8c;
		background-color:#efefef;
        font-weight: bold;
		padding:30px;
		list-style-image: url('../bilder/pfeil_grau.gif');
      }
	  
	  #body_right ul.rechts li {
		margin-bottom:10px;
      }
	  
	   #body_right ul.rechts li a {
		color: #8c8c8c;
      }
	  
	  #content img.geschaeftsfuehrung  {
	  padding-left:20px;
}

#content .galerie
	{
	width:119px;
	float:left;
	background: #ffffff;
	font-size: 10px;
	line-height:normal;
	margin: 0 0 10px 15px;
	padding-bottom: 2px;
	}

#content .galerie p {
padding: 0;
margin:0;
}

#content .galerie a {
color: #761a01;
}

#content .galerie img {
border: 0;
}
	


.label{
	padding-bottom:5px;
}

.kontakt_container{
	clear:both;
	color:#6d6d6d;
	margin-top:15px;
}

.kontakt_left{
	background-image:url(../images/icon_link.gif);
	width:19px;
	height:19px;
	float:left;
}

.kontakt_right{
	padding-top:3px;
	margin-left:25px;
	font-weight:bold;
	border-bottom: 2px dotted #c7c7c7;
}

.kontakt_input{
	color:#6d6d6d;
	font-size:11px;
	background-color:#f5f5f5;
	border:none;
	font-style:italic;
	width:435px;
	height:15px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.kontakt_radio{
	font-weight:normal;
	margin-bottom:5px;
}	

.kontakt_radio_label{
	margin-right:5px;
	font-style:normal;
	font-weight:normal;
	vertical-align:baseline;
}

.ort_label{
	margin-right:5px;
	font-style:italic;
	font-weight:normal;
	vertical-align:super;
}

.rechts_abstand{
	height:21px;
}

#aktion{
	margin:0px;
}

.signin_container {
	padding: 5px 0;
	overflow:hidden;
	background-color:#acb84f;
}

.login_input{
	background-color:#f5f5f5;
	border-top: 1px solid #7d7d7d;
	border-right:1px solid #7d7d7d;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	width:100px;
	height:18px;
}

div.benutzer {
	float:left;
	padding-left: 15px;
	width: 50px;
	font-size:11px;
	color:#FFFFFF;
	height:22px;
	margin-bottom:4px;
}

div.signin_input {
	float:left;
	padding-left:10px;
	width: 105px;
	color:#FFFFFF;
	height:22px;
	margin-bottom:5px;
	overflow:hidden;
}

.suche_container {
	padding: 5px 15px;
	overflow:hidden;
	background-color:#cfd398;
}

.suche_input {
	background-color:#f5f5f5;
	border-top: 1px solid #7d7d7d;
	border-right:1px solid #7d7d7d;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	width:154px;
	height:18px;
}

#popup {
	padding:2px;
	width:auto;
	margin:auto;
	text-align:center;
	}
	
#popup img {
	margin-bottom: 10px;
	margin-left: auto;
	text-align:center;
	}

#popup p {
	text-align:center;
	}

#popup a {
color:#6D1615;
	text-decoration:none;
}

#popup a:hover {
color:#6D1615;
	text-decoration:underline;
}

#content ul li {
  list-style:disc;
  margin: 10px 40px;
  padding: 0px;
}

#druck{
	padding:10px;
	overflow:auto;
}

#druck ul{
	list-style:none;
	width:439px;
	margin-left:0px;
}

#druck li{
	margin:10px 0px;
}

#druck p {
	width:439px;
	}

#content a.button {
	  	color: #ffffff;
		font-weight:bold;
		background-color: #acb74e;
		padding: 2px 5px;
		white-space:nowrap;
		float: left;
		margin: 5px 30px 10px 0;
	  }

#druck a.button {
	  	color: #ffffff;
		font-weight:bold;
		background-color: #acb74e;
		padding: 2px 5px;
		white-space:nowrap;
		float: left;
		margin-right: 30px;
	  }
	  
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

/*Referenzen-Gallerie*/
/*
.referenz {
	width:480px; 
	border:0px solid red; 
	margin:0px 10px 20px 10px;
}
*/

.referenz {
	clear:both;
	width:480px; 
	border:0px solid red; 
	margin:0px 10px 20px 10px;
	/*display:table;*/
}

.referenz .image {
	width:200px;
	height:150px;
	margin: 0 10px 0 0;
	border:0px solid green;
	float:left;
	}
/*	
.referenz .text {
	font-family: Arial, sans-serif;
  	font-size: 12px;
  	color: #000;
	border:0px solid black;
	width:270px;
	float:right;
}*/

.referenz .text {
	font-family: Arial, sans-serif;
  	font-size: 12px;
  	color: #000;
	border:0px solid black;
	width:240px;
	float:right;
}

	
/*.referenz div
{
	width: 119px;
	height: 119px;
	float: left;
	margin: 0 30px 20px 0;
	font-size: 85%;
}
*/
.referenz div
{
	width: 119px;
	float: left;
	margin: 0 30px 20px 0;
	font-size: 85%;
}

.clear
{
	clear: both;
	display: none;
}

.referenz a
{
	text-decoration: none;
	border: 0;
}

.referenz a img
{
	opacity: 0.7;
	moz-opacity: 0.7;
	filter: Alpha(opacity=70);
	border: 0;
	width: 119px;
	height: 89px;
	border: 2px solid #ffffff;
}

.referenz a:hover img
{
	opacity: 1.0;
	moz-opacity: 1.0;
	filter: Alpha(opacity=100);
	border: 2px solid #a4ae3e;
	width: 119px;
	height: 89px;
}
.bildquelle {
	position:absolute; 
	top: 387px; 
	right: 5px; 
	font-size:10px; 
	color:#999;
}
*:first-child+html .bildquelle {
	top:397px;
}
* html .bildquelle {
	top:397px;
}
.linkText { font-size: 14px; line-height:18px;}
#content .linkText a { font-weight:bold; text-decoration:underline; color:#000000; }
#content .linkText a:hover { text-decoration:none; }

.breadcrumb { font-size:10px; color:#3e3e3e; margin:8px 12px; }
.breadcrumb a { color: #409446; text-decoration:underline; }
.breadcrumb a:hover { text-decoration:none; }