body  {
    color:#000000;
	font-family : Verdana;
	font-size : 12px;
	background-color :#F3E9CC;
	text-align : center;
	margin-top:0;
	SCROLLBAR-FACE-COLOR : #aaaaaa;
	SCROLLBAR-HIGHLIGHT-COLOR : #EEEEEE;
	SCROLLBAR-SHADOW-COLOR : #EEEEEE;
	SCROLLBAR-3DLIGHT-COLOR : #aaaaaa;
	SCROLLBAR-ARROW-COLOR : #EEEEEE;
	SCROLLBAR-TRACK-COLOR : #aaaaaa;
	SCROLLBAR-DARKSHADOW-COLOR : #aaaaaa;
}

/*/ rahmen+ footer /*/

#page       {              margin:8px auto;
		width:900px;
                                background-image: url(pics/fond.gif);
                                background-color:#F3E9CC;
                                border: 1px solid #977B4A;


}



#head        {
                                float:left;
                                background-color:#F5F0E6;
                                margin-top:-2;
                                margin-left:-1;
		              width:562px;
                                height:180px;
}



#headanima        {
                                float:left;
                                padding-top:5px;
                                background-color:#F3E9CC;
                                width:338px;
                                height:175px;
                                _height:178px;

}



#rahmen	{
                  width:900px;
		margin-top:0px;
		text-align:left;
                                
		}






#footer	{
                                clear:both;
                                margin:0px;
		width:900px;
		/*background: url(pics/footer.gif);*/
		height:0px;
                                }

#footer1	{
                                clear:both;
                                margin:0px;
		width:900px;
		background: url(pics/footer1.gif);
		height:80px;
                                }



/*/ linker content /*/		
#left {
		clear:both;
                                float:left;
		width:172px;
		background: #F5F0E6;
		border-left: 0px solid #051B61;
		border-right: 0px solid #051B61;
                                text-align:center;
}

		#wetter {
			background: url(pics/wetter.gif);
			height:176px;
			_height:176px;
			width:172px;
			padding:0 0 0 10px;
			margin:0px;
			}
			
			
		#suche {
			height:20px;
			width:150px;
			margin:6px 0px 6px 0px;
			padding-left:0px;
                            border: 0px solid #ffffff;
			}
			
		#navi {
			background: #F5F0E6;
			width:152;
			_width:150;
                            padding:5px 5px 5px 5px;
                            _padding:5px 5px 5px 5px;
                            margin:0px 0px 0px 4px;
 _margin:0px 0px 0px 0px;

                            border: 0px solid #ffffff;
                            text-align:left;
                                               
			}
			
	                #buchen {
			background: #F5F0E6;
			width:172px;
			}
			
/*/ mittlerer content + head /*/

#middle {
		float:left;
		width:541px;
		/*background: url(pics/hgr_2010.gif);
background-repeat: repeat-y;*/
height: 100%;

                             
}



#middle_online {
   float:left;
   background: #f4e9cc;
   width: 725px;
   height: auto;
}

#content {
                                 margin: 0 10px 0 15px;
                                 text-align:justify;
}

                            
/*/ rechter Content /*/

#right {
		float:left;
		width:184px;
		background: #F5F0E6;
		border-right: 0px solid #051B61;
		text-align:center;
		font-size : 11px;
}

                                


		#webcam {
		background: url(pics/head_right.gif);
		height:150px;
                                _height:176px;
		width:184px;
                                padding-top:24px;
		text-align: center;
			}



                   #rightcontent {
                                             margin:0 10px 15px 10px;
                                             text-align:justify;
                                    }

#news  {
                clear:both;
                background: #fff;
                width : 164px;
                border: 1px #977B4A solid;
                margin: 0 0 3px 0;
                padding-left:3px;
                font-size : 11px;
                text-align: center;
                color:#0081B7;
}

#teaser {   
   border-bottom:1px solid #000073; 
   margin:5px 0 0 20px;
   font-size : 11px;
   width:480px;
   height: 130;
   _height: auto;
   padding:5px;
   background-color: #F6F6F6;

}




/*/ textformatierungen /*/

.text9 {
		font-family: Arial;
		font-size:9px;
		
}


td, th {
		font-family: Arial;
		font-size:11px;
		
}


h1 {  
                               color: #fff;
                               height:1px;
                               font-size:1px;
                               text-align:left;        
}


h2, h3 {  
                               color: #0081B7;
                               height:13px;
                               font-size:11px;
                               text-align:left;        
}


#teaserhaupt h2 {  
                               color: #0081B7;
                               height:10px;
                               font-size:14px;
                               text-align:left;        
}

#teaserhaupt  h3 {  
                               color: #0081B7;
                               height:10px;
                               font-size:11px;
                               text-align:left;       

}

#news h2 { 
                               color: #0081B7;
                               height:10px;
                               font-size:10px;
                               text-align:center;
                                 
                               margin: 5px;

}



h4, h5 {                    color: #0081B7;
	   	font-family: Arial, Helvetica, verdana;
	   	font-size:14px;
                                height: 15px;
                                text-align:left;
}

h5 {                          color: #000;}


h6 {
                                color: #000;
                                font-size: 10px;
                                font-weight: bold;
                                text-align:left;

}


#content .imgtext-table
{                             margin-right: 14px;


}


a, #contentt a ,  #right a {
         font-size : 10px;
         font-weight : bold;
         font-family : verdana;
         color : #000080;
         text-decoration: none;
}


.internal-link{
         font-size : 10px;
         font-weight : bold;
         font-family : verdana;
         color : #000080;
         text-decoration: none;
}




#content li, #content ul  {
        font-size : 11 px;
        font-family : verdana;
        list-style : square;
        color: #555555;
       margin-left: 0px;
      _margin-left: 10px;
      
}

#right li, #right ul  {
        font-size : 11 px;
        font-family : verdana;
        list-style : square;
        color: #000080;
         text-align:left;
       margin-left: 0px;
      _margin-left: 10px;
}

.csc-textpic-caption {
        font-size : 10 px;
        font-family : arial; verdana;
       }



.csc-mailform-field label { width: 120px;



}

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  
  }
  
label {
  width: 11em;
  font-size: 11px; 
  font-weight:bold;
  padding: 0px 10px 0px 10px;
  float: left;
  text-align: left;
  margin-right: 0.5em
  display: block
  
}


 
input {
  margin-bottom: 1px;
}
 
textarea {
  margin-bottom: 1px;
} 




/* / menue beginn //*/


/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 5px;
 width: 146px;
 list-style: none;
 background: #F5F0E6;
 
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -1;
 left: 148px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 list-style: none;
}

/* Links inside the menu */
.menulist a, .menulist a:visited {
 display: block;
 padding: 5px 0px 5px 0px;
 font-size:11px;
 font-weight:bold;
 color: #0081B7;
 text-decoration: none;
 border-bottom: 1px solid #977B4A;
}
/* IE fix because it doesn't support transparent borders 
* html .menulist a {
 border: none;
 margin: 1px;
}*/

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here!
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #ffffff;
 background-color: #0081B7;
 font-size:11px;
 margin: 0;
}
.menulist a.highlighted {
 color: #0081B7;
 background-color: #F3E9CC;
 font-size:11px;
 margin: 0;
}



/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
 padding-right:4px;
 font-size:8px;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */