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

.clGold1 { color:#B8860B ; font-size:10px; } 
.clGold2 { color:#B8860B ; font-size:12px; } 
.clGold3 { color:#B8860B ; font-size:14px; } 
.clGold4 { color:#B8860B ; font-size:16px; } 
.clGold5 { color:#B8860B ; font-size:20px; } 

.clOrange1 { color:#CC6633 ; font-size:10px; } 
.clOrange2 { color:#CC6633 ; font-size:12px; } 
.clOrange3 { color:#CC6633 ; font-size:14px; } 
.clOrange4 { color:#CC6633 ; font-size:16px; } 
.clOrange5 { color:#CC6633 ; 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 
{
 	color: 				#111111 ;
	font-style: 		normal ; 
	text-align: 		left; 
	background-color: 	#FFFFFF ; 
	background-image:	url('./img/bg_schnee.gif') ;
    font-family: 		Tahoma, "Trebuchet MS", Trebuchet, Verdana, Arial, "Lucida Sans", Univers, Helvetica, Helvet, sans-serif;
    padding: 			0px;
    margin: 			0px;	
}

img { border : 0 ; }
h1 {	color:				#A52A2A;	font-weight: 		bold;	font-family: 		western, fantasy;	font-size:			18px;}

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 : url('./img/bg_top.jpg') repeat-x top left ; 
}

.headertxt 
{	
	height:100px; 
	font-size : 2em ; 
	font-weight: bold ; 
	color : #FFFFFF ;
	padding-bottom: 25px ;
	padding-left : 30px ; 
}

/* 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:185px;
	float:left;
	border: 1px solid silver  ;
	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:35px;
	width:900px;
	margin:auto auto;
	background : url('./img/footstep.jpg') repeat-x  bottom center  ;
}

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 , a.menu:link, a.menu:visited , a.menu:active 
{	
	display:block; width:160px;	height : 25px ; line-height:25px ; text-align: left  ; 
	margin-left:		15px;
	color: 				#777777; 
	font-family: 		Tahoma, "Trebuchet MS", Trebuchet, Verdana, Arial, "Lucida Sans", Univers, Helvetica, Helvet, sans-serif;
    font-size: 			1.2em ;
    font-weight: 		bold;
    text-decoration: 	none;
    padding: 			1px ;	 
} 

a.menu:hover  {
	background:	 #FFFF66 url(./img/mh_m.jpg) repeat-x center center  ;
    color:				#FFE500;
    border: 			1px solid #FFFFFF;
    text-decoration: 	none;
	font-style	:		italic ;
    font-weight: 		bolder;
	margin-left:		20px;
}

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

li.menu { list-style-image: url(./img/menuitem.gif)  } 

/*********************************************************************
**  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 
{
	background-image :  url(./img/mh_m.jpg) ;
	background-repeat: 	repeat-x ; 
	height:             25px ;	
}

td.newsheader , strong.newsheader 
{
	vertical-align: 	center ; 
	font-size: 			1.2em ; 	
	border: 		    0px   ;
	color :				#FFE500; 
}

td.newsfeed 
{
	vertical-align: 	text-top ; 
	color: 				#333333 ; 
	font-size: 			0.9em; 	
	border: 		    3px solid  #FFFFFF ;
	background-color: 	#DDFFFF ; 
}

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


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

form 
{ 
	border:0  
}

input, select, textarea 
{ 
	font-size:1em; 
	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; 
}