/* ================================================================================================
    == Engl Roman , 09. Jan 2010
    ================================================================================================ */

/*********************************************************************
** Schriften   
*********************************************************************/

.clRed1 { color:#CC3333 ; font-size:10px; } 
.clRed2 { color:#CC3333 ; font-size:12px; } 
.clRed3 { color:#CC3333 ; font-size:14px; } 
.clRed4 { color:#CC3333 ; font-size:16px; } 
.clRed5 { color:#CC3333 ; font-size:20px; }

.clGreen1 { color:#336633 ; font-size:10px; } 
.clGreen2 { color:#336633 ; font-size:12px; } 
.clGreen3 { color:#336633 ; font-size:14px; } 
.clGreen4 { color:#336633 ; font-size:16px; } 
.clGreen5 { color:#336633 ; font-size:20px; } 

.clBlue1 { color:#0000FF ; font-size:10px; } 
.clBlue2 { color:#0000FF ; font-size:12px; } 
.clBlue3 { color:#0000FF ; font-size:14px; } 
.clBlue4 { color:#0000FF ; font-size:16px; } 
.clBlue5 { color:#0000FF ; font-size:20px; } 

.clGray1 { color:#555555 ; font-size:10px; } 
.clGray2 { color:#555555 ; font-size:12px; } 
.clGray3 { color:#555555 ; font-size:14px; } 
.clGray4 { color:#555555 ; font-size:16px; } 
.clGray5 { color:#555555 ; font-size:20px; } 

.clYellow1 { color:#FFFF33 ; font-size:10px; } 
.clYellow2 { color:#FFFF33 ; font-size:12px; } 
.clYellow3 { color:#FFFF33 ; font-size:14px; } 
.clYellow4 { color:#FFFF33 ; font-size:16px; } 
.clYellow5 { color:#FFFF33 ; font-size:20px; } 

/*********************************************************************
** Standards   
*********************************************************************/

html {  /*overflow:hidden; */ text-align: center ;}

body,html
{	margin:0;	padding:0;
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	color:#000000;	background:#FFFFFF;
}

body 
{	min-width:			960px; /* Speziell für Gecko basierende Browser, sonst kanns unerreichbar werden  */
    height:				100%;	margin :			0 ;
    overflow:			auto;	color: 				#333333 ;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;  
	font-style: 		normal;	background:			#FFFFFF;
	text-align: 		left; 	
	/* Scrollbar  settings */ 
	SCROLLBAR-FACE-COLOR: 		#F5F5F5; 
	SCROLLBAR-HIGHLIGHT-COLOR: 	#FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: 	#cccccc; 
	SCROLLBAR-3DLIGHT-COLOR: 	#cccccc; 
	SCROLLBAR-ARROW-COLOR: 		#000099; 
	SCROLLBAR-TRACK-COLOR: 		#FbFbFb; 
	SCROLLBAR-DARKSHADOW-COLOR: #000099 ;
}

th {	color: 	#40c5bb ; font-size: 12px; font-style: normal; vertical-align:	text-top ; }
td {	color: 	#333333 ; font-size: 12px; font-style: normal; }

img { border : 0 ; }

div#header 
{  	height:190px; 		width:940px;
	margin:auto auto;	color:#eeeeee;
	vertical-align:  text-bottom;
	background:#BBBBBB ;
}

/* Der Linke Rand muss gesetzt werden sonst macht der IE(5) immer eine Scrollbar */
div#middlewrap { 	padding:0px 0 0 0; margin-left:0;	}

div#middle 
{	width:940px;	margin:auto auto;
	background : url(./img/background.jpg) repeat top left ; 
	background-attachment: 	fixed ;
}

div#sidebar { width:170px;	xfloat:left; border: 0} /* = Menu */

div.content 
{	margin-top :10px ; 	
	border: 3px #777 solid; 
	background: #EEEEEE ; 
	padding: 0.5em ;
}

/* Fusszeile  */
div#footerwrap  { width:100%; height:30px; }

div#footer 
{	height:30px;		width:940px;	margin:auto auto;	
	background: #333333 url(./img/bottom_bg.jpg) repeat-x top left ;   
	color: #CCCCCC; text-align: center ; vertical-align: center ; line-height:30px ;  
}

div#footer a  {	color:#ffffff; }

h1,h2  {	padding:0;	margin:0;}
h2 	{	font-size:1.2em;	padding-top:1em;	margin-top:0; }
.hfont { font-weight:800 ; font-size: 4em ; color: #BBBBBB; }
p  	{	margin-bottom:0;	font-size:0.8em;	line-height:1.4em; }
pre 	{	font-size:0.9em;	line-height:1.4em;}
ul 	{	font-size:1em;	line-height:1.4em;}


/*********************************************************************
** Links
*********************************************************************/

a:link ,  a:visited , a:active  
{	color: #6699ff; text-decoration: 	underline; 
	font : normal normal bold 1em/1.1em Helvetica ;	
}

a:hover      
{	font : normal normal bold 1em/1.1em Helvetica ;
	color: #BBBBBB;  text-decoration: 	underline overline ;
}

/*********************************************************************
**  Gästebuch
*********************************************************************/

tr.GbRow 	  { width: 400 ; } 

td.GbNote    
{ vertical-align: text-top ;   color    : #666666 ; 
  background-color: #F9F9F9;   font-size: 0.8em ; 
  border   : 1px solid #808080 ;   width: 	400 ;
}

td.GbHeader    
{ vertical-align: text-top ;   color: 		#333333 ; 
  font-weight: 	bold;          font-size: 	0.9em ; 
  width: 		400 ;
}

hr.GbDelimiter 
{   color:#808080; 		background: #808080;
	height:2px;  		width:350px; 
} 	

/*********************************************************************************************
**  Formulare 
**********************************************************************************************/

form { padding:3px; border:1px solid #dddddd; }

input, select, textarea 
{   font : normal normal 500 0.9em/1em Verdana,sans-serif ;
	color:#00ced1	; }

 .Check, .Radio 
{
	background-color:#9999ff; 
	border:1px solid #dddddd; 
}

.Button 
{ 
	background-color:#aaaaaa; 
	color:#ffffff; 
	border:3px solid #FFCC99; 
}

/* =======================================================================================
   --  MENU 
   ======================================================================================= */	
  
  /* Vertikales Menu */
  .menu1
    {
    display: block;    		  padding: 1em ; 
    border: 3px #777 solid;   border-left: 0 ;
	width : 100% ; 			  margin : 10px ; margin-left: 0 ; 
	height: 388px ; 
  }
 
  .menu1 ul  { margin-left:0.5em; padding-left:0.5em;  }
 
 .menu1 ul li { list-style-type: none; 	margin : 0 ; padding : 0 ; }

 .menu1 ul li a , .menu1 ul li a:visited 
  {
  	height: 30px ;     display: block;
    background: #c0c0c0 url("./img/background.png") repeat-x center right;
	color: #000;
	font-size: 1.2em;    font-weight: bold; text-decoration: none;
	padding: 0.5em 0.9em 0.5em 0.8em; 	list-style-type: none;
	border : 1px solid #777 ;
	border-top: 1px #fff solid;	  border-bottom: 1px #aaa solid;
	line-height: 30px ;
	margin-right: 0.3em
 }
 
  .menu1 ul li a:focus,  .menu1 ul li a:hover,  .menu1 ul li a:active  
    { 
	background: #eee; color: #333; text-decoration: none;
	border-left : 3px #900 solid;
    border-right: 3px #700 solid;
	line-height: 30px ;
	color: #000;  font-size: 1.3em;  margin-right: 0em ; 
  }
  
  .menu2
    {
    display: inline;   	  padding: 1em ; 
    border: 0 ;  border-left: 0 ;width : 100% ; 	
  }
 
 .menu2 ul {  display: inline; 	}
 
 .menu2 ul li a , .menu2 ul li a:visited 
  {
  	height: 20px ;     display: inline;
	padding: 0.5em 0.9em 0.5em 0.8em; 	list-style-type: none;
	line-height: 25px ;
	margin-right: 0.3em
 }	
 
  .menu1 ul li a:focus,  .menu1 ul li a:hover,  .menu1 ul li a:active  
    { 
	background: #eee; color: #333; text-decoration: none;
	border-left : 3px #900 solid;
    border-right: 3px #700 solid;
	line-height: 25px ;
	color: #000;  font-size: 1.3em;  margin-right: 0em ; 
  }

  /* Horizontales Menü */  
  .hlist 
   {  width: 100%; 	float: left; display: inline;
    line-height: 0;
    background: #c0c0c0 url("./img/background.png") repeat-x center right;
    border-top: 1px #333 solid; border-bottom: 1px #333 solid;
  }

  .hlist ul 
  {  display: inline; 	float: left; margin: 0 0 0 50px; 
    padding: 0;    border-left: 1px #aaa solid;    border-right: 1px #fff solid;
 }

  .hlist ul li 
  {  border-left: 1px #fff solid;	  border-right: 1px #aaa solid;
    display: inline;    float: left;  font-size: 1.0em;
    line-height: 1em;   list-style-type: none;  margin: 0;    padding: 0;
  }

  .hlist ul li a,  .hlist ul li a:visited 
   {
    background: transparent;    color: #000;    display: block;
    font-size: 1em;    font-weight: bold;    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;    width: auto;
  }

  .hlist ul li a:focus,  .hlist ul li a:hover,  .hlist ul li a:active  
  { background: #eee; color: #333; text-decoration: none; 
   border-left: 1px #444 solid; border-right: 1px #888 solid; }

 /*********************************************************************
**  News
*********************************************************************/

table.newstable 
{
	width: 	 		650px ;
}

tr.newsheader 
{
	vertical-align: 	center ; 
	font-size: 			1em; 	
	border: 		    1px solid  #808080 ;
	background-image :  url(./img/mh_m.jpg) ;
	background-repeat: 	repeat-x ; 
	color:				#FFFF00 ;
	height:             20px ;
}

td.newsfeed 
{
	vertical-align: 	text-top ; 
	color: 				#333333 ; 
	font-size: 			0.9em; 	
	border: 		    4px double  #808080 ;
	background-color: 	#F9F9F9 ;  
}

td.newsdate
{
	text-align: 	right;
	color: 			#FF0033 ; 
	font-size: 		0.9em; 	
	border: 		0px ;
	padding-right:	5px ;
}