/* ------- Grundgerüst -------- */
body {
     margin:0px;
     padding:0px;
     font-family: verdana, arial, sans-serif;
     	background-image:url(../grafiken/hg_main.jpg);
     background-repeat:no-repeat;
}

#center {
	text-align:left;
	margin:0 0 0 104px;
	width:818px;
}

#header {
	width: 818px;
	height: 170px;
	margin:0;
	padding:0;

}

#content {
  margin: 0; 
	padding: 0; 
	width: 818px;
}

#spalte1 {
         width:225px;
         float:left;
         margin:91px 0 70px 0;
         padding:0;
         background-image:url(../grafiken/hg_navi.jpg);
         background-repeat:no-repeat;
}

#spalte2und3 {
    background-image: url(../grafiken/peter_lenz.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 593px;
    padding: 0 0 20px 0;
    float: left;
}

#spalte2 {
         width:424px;
         float:left;
         margin:0 0 70px 0;
         padding:0;
}

#spalte3 {
         width:169px;
         float:left;
         margin:0 0 70px 0;
         padding:0;
}


/* ------- Optik Elemente Header --------   */


#navigation {
            position: absolute;
            top: 154px;
            left: 354px;
            width: 568px;
}



/* Optik Elemente linke Spalte */

.video {
    margin: 0 0 20px 33px;
}




#callback {
    margin: 0 0 0 33px;
    padding:0;
}



.box_content {
         width: 180px;
         background-image: url(../grafiken/box_rand.gif);
         background-repeat:no-repeat;
         text-align: center;
         padding:  0 0 5px 0;
}

.box_content iframe {

	border: 2px solid #ffffff;
}


.box_content .videofkt {


}


#video_gross { 
	position: absolute;
	left: 100px;
	top: 100px;
	width: 600px;
	height: 600px;
}

.kasten {
    width: 155px;
    background-color: rgb(255,255,255);
    margin: 0 0 0 12px;
    padding: 0 0 2px 0;
    text-align: left;
}
 
.kasten p {
    font-size: 10px;
    line-height: 12px;
    margin: 10px 0 12px 6px;
}

.kasten form {
    margin: 0 0 0 6px;
}

.kasten label {
    font-size: 10px;
    line-height: 10px;
} 
 
input.textfeld {
    font-size: 10px;
    background-color: rgb(231,231,231);
    border: 1px solid rgb(110,110,110);
    width: 140px;
    height: 16px;
    margin: 4px 0 5px 0;
    padding:0;
    color: rgb(110,110,110);
}

select.dropdown {
    font-size: 10px;
    background-color: rgb(231,231,231);
    border: 1px solid rgb(110,110,110);
    width: 140px;
    height: 16px;
    margin:4px 0 5px 0;
    padding:0;
    color: rgb(110,110,110);
}

input.button {
    position: absolute;
    z-index:10;
    top: 721px;
    left: 156px;
    width: 104px;
    height: 26px;
}

#callback .errormsg {
              
                color: rgb(204,0,0);
}

#callback .errormsg {
              
                color: rgb(204,0,0);
}


#callback .successmsg {
            
                color: #009933;
}
/* Optik Elemente mittlere Spalte */



.textblock {
             font-size: 12px;
             line-height: 18px;
             color: rgb(21,55,88);
		     margin: 15px 0 0 0;
		     width: 424px;
}

.tbox_content {
         /*width: 408px;*/
         width: 337px;
         background-image: url(../grafiken/tbox_rand.gif);
         background-repeat:no-repeat;
         margin:0;
         padding:  16px 45px 60px 26px;

}

.tbox_content iframe {
         background: #EAEEF1;
		 margin: 10px 0 10px 0;
		 border: 2px solid #ffffff;
}

.textblock h1 {
	
	font-size: 22px; 
	font-weight: normal;
	text-decoration: none;
	color: #FF8533;
	line-height: 26px;
    padding: 10px 0 20px 0;
    margin: 0;
}

.textblock h5 {
             font-size: 15px;
			 font-weight: bold;
             color: rgb(21,55,88);
             padding: 0 0 20px 0;
             margin: 0;
}

.textblock p {
             color: rgb(21,55,88);
}

.textblock ul {
             font-size: 12px;
             line-height: 18px;
             font-weight: normal;
             color: rgb(21,55,88);
             list-style-type:circle;
}

.textblock a {
             color: rgb(21,55,88);
             text-decoration: underlined;
}

.textblock a:hover { 
	             text-decoration: none;
				     color: rgb(255,153,51);
}


.textblock a:hover, 
.textblock a:active,
.textblock a:visited {
  /*font-weight: bold;*/
  /*color: rgb(21,55,88);*/
         
}



/* Optik Elemente rechte Spalte */

#suche {
  margin: 20px 0 0 0;
  padding: 0;
}

#suche .suchfeld {
  font-size: 12px;
  border:0;
  width: 127px;
  height: 18px;
  margin: 2px 5px 0 0;
  padding: 3px 0 0 5px;
  vertical-align: top;
}

input.suchbutton {
  margin:0px 0 0 0;
  padding:0;
}

#aktuelles {
           width: 158px;
           margin: 12px 0 0 0;
           
}

#aktuelles ul {
          width: 152px;
           font-size: 10px;
           line-height: 14px;
           color: rgb(0,71,107);
           margin:2px 0 0 0;
           padding:6px;
           list-style-type: none;
           background-image: url(../grafiken/hg_news.jpg);
           background-repeat: no-repeat;
           
}

#aktuelles ul li {
           margin: 0 0 0 0;
           padding: 0 0 20px 0;
           
}

#aktuelles li a.datum {
           color: rgb(0,71,107);
           font-weight: bold;
           text-decoration: none;
}


#aktuelles li a.teaser {
           color: rgb(0,71,107);
           text-decoration: none;
           display: block;
}

#aktuelles li a.teaser:visited {
           color: rgb(61,123,170);
           text-decoration: none;
}

#aktuelles li a.teaser:focus,
#aktuelles li a.teaser:hover,
#aktuelles li a.teaser:active {
           color: rgb(102,102,102);
           text-decoration: none;
}

/*----- Footer --------*/

#footer {
        /*width: 818px;*/
        width: 710px;
        height: 50px;
        margin:0 0 0 0;
        padding:0 0 0 109px;
        background-image: url(../grafiken/hg_footer.jpg);
        background-repeat: no-repeat;
}

#impressum,
#drucken,
#empfehlen,
#up {
  float: left;
  width: 136px;
  height:15px;
  margin:  0;
  padding: 0;
}

#up {
  margin:  0 0 0 4px;
}

#drucken a,
#empfehlen a,
#up a {
        font-size: 10px;
        line-height: 10px;
        height: 15px;
        color: rgb(255,255,255);
        text-decoration: none;
        padding: 2px 0 0 42px;
        margin: 0 0 0 0;
        display: block;
}

#impressum a{
        font-size: 10px;
        line-height: 10px;
        height: 15px;
        color: rgb(105,113,122);
        text-decoration: none;
        padding: 2px 0 0 42px;
        margin: 0 0 0 0;
        display: block;
}

#footer p {
  margin: 10px 0 50px 136px;
  font-size: 10px;
	color: rgb(105,113,122);
	text-decoration: none;
  text-transform:uppercase;  
}

#footer p a {
  font-size: 10px;
	color: rgb(105,113,122);
	text-decoration: none; 
}

#footer p a:hover {
	color: rgb(105,113,122);
	text-decoration: underline; 
}

#karikatur {
    width: 243px;
    height: 252px;
    position: absolute;
    top:580px;
    left:665px;
    z-index:100;
}



#gallery {
position:absolute;
width: 350px;
}


#gallery img {
	border: 3px solid #FF8533;

}


#thumbnails img {
    position:relative;
	border: 2px solid #FF8533;
}



#b1 {
  visibility:hidden;
  z-index:110;
}



#platzhalter {
  width: 150px;
  height: 330px;
  float: left;
}


.kari {
	padding: 3px 10px 0 0;
}