html {height: 100%;}

body{
                height: 100%;
                margin:0;
                
         SCROLLBAR-FACE-COLOR : #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR : #99CCFF;
	SCROLLBAR-SHADOW-COLOR : #99CCFF;
	SCROLLBAR-3DLIGHT-COLOR : #ffffff;
	SCROLLBAR-ARROW-COLOR : #99CCFF;
	SCROLLBAR-TRACK-COLOR : #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR : #ffffff;
         font-size:11px;
         text-align : JUSTIFY;
}

html>body {background: url(pics/hgrmeer.gif) no repeat;}


#headnavi  {
	       width :  750px;
                margin-left:180px;
                background-color: #fff; 
                layer-background-color: #fff;
                height:16px;
                }

#container  {
	       width :  999 px;
                height: 100%;
                margin-top: 0px;
                border-top: 1px #DDDDDD solid;
                border-right: 1px #DDDDDD solid;
                font-size:11px;
                }

#leftside  {
               float:left;
               width: 175px; 
               height: 100%;
               background-color: #99CCFF; 
               layer-background-color: #99CCFF;      
               }


#menu, #usersonline, #test, #test2, #test3{

padding: 30px 0 0 10px;
_padding: 10px 0 0 10px;
}


#newsletter, #suche {
padding: 5px 0 0px 5px;
_padding: 15px 0 0 5px;
}


#mitte  {
	float: left;
                margin-left:10px;
	       width :  570px;
	       padding-right : 5px;
                border-right: 1px #DDDDDD solid;
                font-size:11px;
                }

#mitte_gdb  {
	float: left;
                margin-left:10px;
	width :  580px;
	_width :  570px;
	         padding-right : 5px;

               border-right: 1px #DDDDDD solid;
                }


#mitte_news  {
	float: left;
        margin-left:10px;
	width :500px;
	_width :465px;
	         padding-right : 10px;

               border-right: 1px #DDDDDD solid;
                }


#footer  {
         clear:both;
	font-size : 9px;
	font-family : verdana;
	padding-left : 10px;
                
             }


#images {
                float:left;
                width:210px;
                _width:220px;
                             
                margin: 0 0 0 0px;
                _margin: 0 0 0 8px;

                padding:10px;
                _padding:0px 10px 0 0px;
                
                background-color: #99CCFF; 
               
                text-align: center;
        
              }

#imagesnews {
                float:left;
                width:290px;
                height: 2000px;
                padding:10px;
                background-color: #99CCFF; 
                text-align: center;

              }



/*html>body #images {height:500px;}*/


#skyscraper {
                float:left;
                width:120px;
                min-height:100%;
                height: 100%;
                background-color: #fff; 
                layer-background-color: #fff;
                text-align: center;
                font-size: 9px;
                
              }

html>body #skyscraper {height:auto;}


#news  {
	        width : 156px;
                _width : 160px;
                height: 210px;
                border-left : 1px #999999 dotted;
                margin-top: 10px;
                padding-left:4px;
                text-align:left;
                float:left;
}


#line {
                border-top:1px #cccccc solid; 
                margin-top:3px;
                margin-bottom:3px;
         }


#teaser, #teaserhaupt {
	       width : 470px;
                border-bottom : 1px #999999 dotted;
                padding-top : 0px; 
                margin:10px 0 10px 0;
                float:left;                
}




h1 {
         font-size : 14px;
         font-family : verdana;
         color : #999999;
 }


h2, #teaserhaupt h2 {
         font-size : 12px;
         font-family : verdana;
         color : #fff;
         background-color: #5471B2; 
}


#news h2, #singlenews h2,  {

	font-size : 11px;
	color : #555555;
	margin-bottom : 5px;
	margin-top : 0px;
                
}

#news h3, #singlenews h3   {
  
	       background-color: #F5F5F5; 
                layer-background-color: #F5F5F5;
	       font-size : 10px;
	       color : #555555;
                padding:3px;
                width:120px;
                margin-bottom : 5px;
                letter-spacing: 5px;
	             font-variant:small-caps;
}


body, td ,  .bodytext, .text10, .ttab, .text, div, .td-0  {
        font-size : 11 px;
        font-family : verdana;
        color : #555555;
        text-align : JUSTIFY;

}

.default td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px; 
        color: #555;
        }


.bordered { 
             clear:both;
             border-bottom: 1px solid silver;
             padding: 10px 0px 10px 10px;
             }


#news  { 
             border-bottom: 1px solid silver;
             padding: 10px 0 10px 5px;
         
             }



.bodytext11, .text, .ttab  {
	COLOR : #B2101F;
	FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	FONT-STYLE : normal;
	FONT-WEIGHT : normal;
	LINE-HEIGHT : 16px;
}

.text, .ttab  {font-weight:bold;}

#menu a {
    font-size:12px;
    color : #000;
    font-weight:bold;
    text-decoration: none;
}


#skyscraper a, #skyscraper a:hover {
    font-size:10px;
    color : #99CCFF;
    font-weight:normal;
    text-decoration: none;
}


#menu a:hover{
             font-size:12px;
             color: #fff;
             font-weight:bold;
             text-decoration: no;
        
}


#footer a:link, #headnavi a {
	font-size : 11 px;
	font-family : verdana;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

 #content a, .contenttable a, .text8 a  {
	font-size : 11 px;
	font-family : verdana;
	font-weight: bold;
	color : #5471B2;
	text-decoration : none;
                
}

#content a:hover, .contenttable a:hover, text8 a:hover {
	font-size : 11 px;
	font-family : verdana;
	font-weight: bold;
	color : maroon;
	text-decoration : none;
                
}

#headnavi a {color:#5471B2;}


a:link, #gage a, #images a  {
	font-size :10 px;
	font-family : verdana;
	font-weight:bold;
	color : #5471B2;
	text-decoration : none;
                
}

a:hover, #gage a:hover, #images a:hover   {
	font-size : 10 px;
	font-family : verdana;
	color : maroon;
         font-weight:bold;
	text-decoration : none;
                
}

.textkl, .csc-caption{font-size: 9px;}
.text9, #usersonline {font-size:9px; color:#000;}
.text10{font-size: 10px;}
.text11, .text8, .ordner, .text , .td1 {font-size: 11px;}


li, ul  {
        font-size : 11 px;
        font-family : verdana;
        list-style : square;
        color: #555555;
}



#gage li {margin-left:15px;padding-left:5px;}

#skyscraper li {padding-left: 2px;margin-left: 6px;}

#content table img {_padding:10px;}

#suche, #newsletter {color:#000;}

#link {display:none;}

.imgtext-table{margin-left:8px;}

#abg{
   font-family:arial,sans-serif;
   font-size:12px;
   color:#ffffff;
   padding:0px 1px;
   white-space:nowrap;
   font-weight:bold;
  }

.sep{ 
   height:2px;
   width:100%;
   }

.bb{
    overflow:hidden;
    width:120px;
    }

.al{
   font-family:arial,sans-serif; 
   font-size:11px;
   width:120px;
   overflow:hidden;
   line-height:13px;
}

.al .alt, .al a{
   color:#000000; 
   font-weight:normal;
   text-decoration:underline;
   white-space:nowrap;
}


a img{border:0px;}

/* formular/*

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



}



  
  /*menue beginn*/


/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


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

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

/* 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 5px 5px 5px;
 font-size:12px;
 color: #000;
 text-decoration: none;
 border-bottom: 1px solid #fff;
}
/* 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: #000;
 background-color: #5471B2;
 font-size:10px;
 margin: 0;
}
.menulist a.highlighted {
 color: #000;
 background-color: #5471B2;
 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 */