body  {
    color:#000000;
	font-family : Verdana;
	font-size : 11px;
	background-color : #ffffff;
	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:#0094D6;
                                

}



#head        {
                                float:left;
                                background-color:#0094D6;
                                margin:0;
		width:636px;
                                height:176px;
}



#headanima        {
                                float:left;
                                padding-top:5px;
                                background-color:#0094D6;
                                width:263px;
                                height:176px;
                                
}



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

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

/*//////////////// linker content ////////////////*/		
#left {
		clear:both;
                                float:left;
		width:172px;
		background: #0094D6;
		border-left: 1px solid #051B61;
		border-right: 1px 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: #0094D6;
			width:150px;
                                                padding:5px 5px 5px 5px;
                                                border: 1px solid #ffffff;
                                                text-align:left;
                                               
			}
			
	                #buchen {
			background: #0094D6;
			width:172px;
			}
			
/*//////////////// mittlerer content + head ////////////////*/

#middle {
		float:left;
		width:541px;
		background: #fff;
                             
}

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

                            
/*//////////////// rechter Content ////////////////*/

#right {
		float:left;
		width:184px;
		/*background: url(pics/fond_right.gif);*/
		border-right: 1px solid #051B61;
		text-align:center;
}

                                


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



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

#news  {
                clear:both;
                background: #fff;
                width : 154px;
                border: 1px #9DAACB solid;
                margin: 0 0 0px 0;
                padding-left:3px;
                text-align: center;
                color:#000080;
}

#teaser {   
   border-bottom:1px solid #000073; 
   margin:5px 0 0 20px;
   
   width:480px;
   padding:5px;
   background-color: #F6F6F6;

}




/*////////////////  textformatierungen  /////////////*/

.text {
		font-family: Arial;
		font-size:11px;
		
}



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


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


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


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


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

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

}

#news h2 { 
                               color: #000080;
                               height:10px;
                               font-size:10px;
                               text-align:left;        
}



h4, h5 {                    color: #000080;
	   	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  {
         font-size : 11px;
         font-weight : bold;
         font-family : verdana;
         color : #000073;
         text-decoration: none;
}

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


.csc-mailform-field {
       clear:both;
       margin-bottom:10px;
}

label {
 
       
       width: 100px; 
       float: left; 
       margin-right: 20px;
       
       
}




/*/////////////////////////////////////////////  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: #ffffff;
 
}

/* 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:10px;
 font-weight:bold;
 color: #051B61;
 text-decoration: none;
 border-bottom: 1px solid #0094D6;
}
/* 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: #0094D6;
 font-size:10px;
 margin: 0;
}
.menulist a.highlighted {
 color: #B1003A;
 background-color: #ECD333;
 font-size:10px;
 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 */