/*********************************************************************
** 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 
{
    min-width:			900px; /* Prevent content from becoming unreachable in Gecko */
    height:				100%;
    overflow:			auto;
	background: 		#EEEEEE ;
	color: 				#333333 ;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;  
	font-style: 		normal ; 
	line-height: 		100% ; 
	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#header 
{
	height:150px; 
	width:900px;
	margin:auto auto;
	color:#EEEEEE;
	vertical-align:         text-bottom;
	background-image: 		url('./img/toppic.jpg');
	background-position: 	center center  ;
	background-repeat: 		no-repeat ; 
	background-color: 		#BBBBBB;
	
}

#line 
{
	height:12px; 
	width:900px;
	margin:auto auto;
	color:#EEEEEE;
	vertical-align:         text-bottom;
	background-image: 		url('./img/line.jpg');
	background-position: 	center center  ;
	background-repeat: 		repeat-y ; 	
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap 
{
/* set left margin and bottom padding for IE5/Win */
	padding:0 ;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:0px;
	padding-bottom:0px;
}

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

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

div#content 
{
	overflow:auto ;
	margin-left:210px ; 
	padding:5px ;
	font-size: 			1em; 
	background-position:right  ;
	background-repeat: 	repeat-y ; 
	background-image: 	url(./img/liney.jpg) ; 
}

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

div#footer 
{
	height:35px;
	width:900px;
	margin:auto auto;
	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:1.1em; line-height:1.0em; }
pre { font-size:0.9em; line-height:1.1em; }
ul  { font-size:1em; line-height:1.1em; }

table { border-collapse:collapse; } 

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

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

a.menu , a.menu:link , a.menu:visited  , a.menu:active
	{    display:block; width:200px;	height : 40px ; line-height:40px ; 
		 text-align: center ; text-decoration: 	none; vertical-align: middle;
		 background : url('./img/mnu.gif') no-repeat center center ; 
		 font-size: 1.3em  ; font-style:italic; font-family:sans-serif ; font-weight: 800 ; color: #FFFC00 ;
		 border:0px }
      
a.menu:hover    { display:block; width:200px; font-size: 1.3em ; font-weight: 900 ;color: #FFFF00 ; 
				text-align: center ; text-decoration: overline underline ; vertical-align: middle;
				background : url('./img/mnu_h.gif') no-repeat center center ;  } 

a.hor_menu:link    { font-size: 0.9em ; font-weight: 700 ;	color: #FFFF00 ;	text-decoration: 	none; }
a.hor_menu:visited { font-size: 0.9em ; font-weight: 700 ;	color: #FFFF00 ;	text-decoration: 	none; }
a.hor_menu:active   { font-size: 0.9em ; font-weight: 700 ;	color: #FFFF00 ;	text-decoration: 	none; }

a.hor_menu:hover{ font-size: 0.9em ; font-weight: 700 ;color: #FF0000 ; text-decoration: none; }

td.hor_menu_left { height:30px ; background-image: url('./img/mh_l.jpg'); background-repeat: no-repeat ; width:14px ;} 
td.hor_menu_mid  { height:30px ; background-image: url('./img/mh_m.jpg'); background-repeat: repeat-x  ; } 
td.hor_menu_right { height:30px ; background-image: url('./img/mh_r.jpg'); background-repeat: no-repeat ; width: 14px ; }  

tr.menu_space { height : 1px ; 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  , tr.newsheader td , tr.newsheader th 
{
	vertical-align: 	center ; 
	font-size: 			1em; 
	line-height: 		24px ; 
	border: 		    0px solid  #808080 ;
	background : 		url(./img/mh_m.jpg) repeat-x  top left ; 
	color:				#555522 ;
	height:             25px ;
}

td.newsfeed 
{
	padding : 2px ; 
	vertical-align: 	text-top ; 
	color: 				#333333 ; 
	font-size: 			0.9em; 	
	border: 		    0px solid  #808080 ;
	border-bottom : 1px dashed #808080 ; 
}

td.newsdate
{
	text-align: 	right;
	color: 			#FFFF00 ; 
	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; 
}

/*********************************************************************************************
**  Schatten 
**********************************************************************************************/

div.shadow {
   float: left;
   background-color: #bbb;
   padding: 0;
   margin: 0.7em 1em;
      }

div.shadowcontent {
   display:block;
   background-color: #fafad2;
   border: 1px solid #666;
   position: relative; 
   top: -5px;
   left: -5px;
   }