body  {
    color:#000000;
	font-family : Verdana;
	font-size : 11px;
	background-color : #fff7db;
	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:#F8E5A0;
                                border: 1px solid #cebb95;

}



#head        {
                                float:left;
                                background-color:#F8E5A0;
                                margin:0;
			    width:171px;
                                height:195px;
}



#headanima        {
                                float:left;
                                padding:-5px 0 0 0px;
                                background-color:#F8E5A0; 
                                /*background-image: url(pics/bild_hgr.gif);*/
                                width:545px;
                                height:195px;
                                
}

#head2        {
                                float:left;
                                background-color:#ffffff;
                                margin:0;
			     width:184px;
                                height:195px;
}


#rahmen	{
                                width:900px;
		margin-top:0px;
		text-align:left;
                                
		}






#footer	{
                                clear:both;
                                margin:0px;
		width:900px;
		background: url(pics/footer.gif);
		height:70px;
                                }

#footer1	{
                                clear:both;
                                margin:0px;
		width:900px;
		background: url(pics/footer1.gif);
		height:80px;
                                }



/*/ linker content*/		
#left {
		clear:both;
                                float:left;
		width:172px;
		background: #F8E5A0;
		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:18px;
			width:150px;
			margin:2px 0px 6px 0px;
			padding-left:0px;
                            border: 0px solid #ffffff;
			}
			
		#navi {
			background: #F8E5A0;
			width:150px;
                                                padding:5px 5px 5px 5px;
                                                border: 0px solid #F9F4C1;
                                                text-align:left;
                                               
			}
			
	                #buchen {
			background: #F8E5A0;
			width:172px;
			}
			
/*/ mittlerer content + head /*/

#middle {
		float:left;
		width:544px;
		 background: #F8E5A0;
                /* background: url(pics/hgr1.gif);*/ 
}



#middle_online {
   float:left;
  background: #F8E5A0;
   /*background: url(pics/hgr1.gif);  */    
   width: 734px;
   height: auto;
   margin: 0 0px 0 -9px
}

#content {
                                 margin: 0 15px 0 15px;
                                 text-align:justify;
}


#content_online {
                                 margin: 0 0px 0 0px;
                                 text-align:justify;
}

                            
/*/ rechter Content*/

#right {
		float:left;
		width:184px;
		/*background: url(pics/fond_right.gif);*/
		border-right: 0px solid #051B61;
		text-align:left;
		font-size:10px;
                  color:#000;
}

                                


		#webcam {
		background: url(pics/head_right.gif);
		height:150px;
                                _height:176px;
		width:184px;
                                padding-top:24px;
		text-align: center;
			}



                               #rightcontent {
                                             margin:0 5px 15px 15px;
                                             text-align:justify;
                                    }

#news  {
                clear:both;
                background: #F8E5A0;
                width : 164px;
                border: 1px #9DAACB solid;
                margin: 0 0 3px 0;
                padding-left:3px;
                text-align: center;
                color:#252E4C;
}

#teaser {   
   border-bottom:1px solid #000073; 
   margin:5px 0 0 20px;
   height:130px;
   _height:120px;
   width:480px;
   padding:5px;
   background-color: #F6F6F6;

}




/*/  textformatierungen  /*/

.text9 {
		font-family: Arial;
		font-size:9px;
		
}


td {
		font-family: Arial;
		font-size:11px;
		
}


h1 {  
                               color: #213D98;
                               height:1px;
                               font-size:1px;
                               text-align:left;        
}


h2, h3 {  
                               color: #252E4C;
                               height:13px;
                               font-size:11px;
                               text-align:left;        
}


#teaser h2 {  
                               color: #252E4C;
                               height:10px;
                               font-size:12px;
                               text-align:left;        
}

#teaser h3 {  
                               color: #252E4C;
                               height:10px;
                               font-size:11px;
                               text-align:left;       

}

#news h2 { 
                               color: #1b093d;
                               height:10px;
			    margin: 0 0 3px 0;
                               font-size:10px;
                               text-align:center;        
}



h4, h5 {                    color: #1b093d;
	   		font-family: Arial, Helvetica, verdana;
	   		font-size:14px;
                            height: 15px;
                            text-align:left;
}

h5 {                          color: #02205d;}


h6 {
                                color: #02205d;
                                font-size: 11px;
                                font-weight: bold;
                                text-align:left;
                                margin:5px 0 5px 0px;


}


#content .imgtext-table
{                             margin-right: 14px;


}


a, #contentt a  {
         font-size : 11px;
         font-weight : bold;
         font-family : verdana;
         color : #9F0002;
         text-decoration: none;
}


#content A, A:Visited {          
                           color : #9F0002;              
}

#rightcontent A, A:Visited {          
                           color : #E3F60;

                           font-size : 10px;  
}

#content a:hover {          
                          color : #1E3F60;              
}

#content a:aktiv {          
                           color : #1E3F60;              
}


#content li, #content ul  {
        font-size : 11 px;
        font-family : verdana;
        list-style : square;
        color: #000;
       margin-left: 50px;
      _margin-left: 10px;
}

.csc-caption
{  
  color: #009835;

}

.csc-mailform-field label { width: 120px;

}

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  
  }
  
label {
  width: 11em;
  font-size: 11px; 
  font-weight:normal;
  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: #F8E5A0;
 
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -1;
 left: 150px;
}

/* 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:normal;
 color: #252E4C;
 text-decoration: none;
 border-bottom: 1px solid #252E4C;
}
/* 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: #252E4C;
 font-size:10px;
 margin: 0;
}
.menulist a.highlighted {
 color: #252E4C;
 background-color: #fff;
 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 */

			
