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

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

body 
{
	background: 		#EEEEEE ;
	color: 				#333333 ;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;  
	font-style: 		normal ; 
	background-color: 	#EEEEEE; 
	text-align: 		left; 
}

img { border : 0 ; }

th
{
	color: 				#990033 ;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;  
	font-size: 			12px; 
	font-style: 		normal; 
	vertical-align: 	text-top ; 
}

td 
{
	color: 				#555555 ;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;  
	font-size: 			12px; 
	font-style: 		normal; 
}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap 
{
	width:100%;
	top:0;
	left:0;
	height:100px;  
}

div#header 
{
	height:100px; 
	width:900px;
	margin:auto auto;
	color:#EEEEEE;
	vertical-align:         text-bottom;
	background-image: 		url('./img/bg.jpg');
	background-position: 	center center  ;
	background-repeat: 		no-repeat ;
}

.headertxt 
{
	text-align: left; 
	font-size : 2em ; 
	font-weight: bold ; 
	color : #FFFFFF ;
	padding-top  : 30px ;
	padding-left : 65px ; 
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap 
{
	padding:0 ;
	margin-left:0px;
	padding-bottom:0px;
}

div#middle 
{
	width:900px;
	margin:auto auto;
	
}

div#sidebar 
{
	width:160px;
	float:left;
	border: 0 ;
	margin: 0 ;
}

div#content 
{
	overflow:auto ;
	padding:0px 0px;
	margin-left:5px;	
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap 
{
	width:100%;
	height:90px;
}

div#footer 
{
	height:90px;
	width:900px;
	margin:auto auto;
	background-image: 		url('./img/bottom.jpg');
	background-position: 	bottom center  ;
	background-repeat: 		no-repeat ; 
	/*background-color: #EEEEEE;  */
}

h1,h2  {	padding:0; margin:0; }
h1  { font-size:1.4em; text-align:center; padding-top:1px; }
h2  { font-size:1.2em; padding-top:1px;	margin-top:0;}
p   {	margin-bottom:0; font-size:1em;  }
pre { font-size:0.9em;  }
ul  { font-size:1em;  }

/*********************************************************************
** Links
*********************************************************************/
a:link      { font-size: 1em; color: #9999FF; font-weight:	bold; text-decoration: 	none ;   font-style:normal }
a:visited { font-size: 1em; color: #9999FF; font-weight:	bold; text-decoration: 	none ; }
a:active   { font-size: 1em; color: #9999FF; font-weight:bold; text-decoration: 	none ; }
a:hover     { font-size: 1em; color: #FF0000; font-weight:bold; text-decoration: 	underline ; }

/*********************************************************************
** für Menü
*********************************************************************/

a.menu { display:block; width:150px;	height : 22px ; line-height:22px ; text-align: center ; font-size: 1.1em ; font-weight: 800 ;
		 background-image: url('./img/mnu1.gif'); background-repeat: no-repeat ; background-position: top right; }
a.menu:link       { font-size: 1.1em ; font-weight: 800 ;color: #FFCCFF ; text-decoration: 	none; }
a.menu:visited { font-size: 1.1em ; font-weight: 800 ;color: #FFCCFF ; text-decoration: 	none; }
a.menu:active   { font-size: 1.1em ; font-weight: 800 ;color: #FFCCFF ; text-decoration: 	none; }

a.menu:hover    { display:block; font-size: 1.2em ; font-weight: 800 ;color: #FFFC00 ; text-decoration: 	none; height : 22px ;
                background-image: url('./img/mnu2.gif'); background-repeat: no-repeat ; background-position: top right; }

tr.menu_space { height : 3px ; font-size: 0.1em ; }

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

tr.GbRow 	  { width: 400 ; } 

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

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

hr.GbDelimiter 
{ 
	color:		#808080; 
	background: #808080; 
	height:		2px; 
	width:		350px; 
} 	
				 
/*********************************************************************
**  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 ;
}


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

form 
{ 
	border:0  
}

input, select, textarea 
{ 
	font-size:11; 
	font-family:Verdana,sans-serif; 
	font-weight:600; 
	color:#006600;
}

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

.Button 
{ 
	background-color:#aaaaaa; 
	color:#fffffff; 
	border:6px solid #ffffff; 
}