body 
{
    /* muss in body stehen weil fixed*/
    background-image:url(bilder/bg.gif);
    background-repeat:repeat-x;
    background-attachment:fixed; 
    
    /* not background muss in body stehen, weil sonst überschreiben*/
    background-color:#AECBD9;
    
    /*damit die unterelemente sich richtig ausrichten*/
    height:100%;
    width:100%;
    
}

/* allgemeines Linkverhalten*/
A:link    {color: #CFD7E6;text-decoration:none;}
A:visited {color: #CFD7E6;text-decoration:none;}
A:active  {color: #CFD7E6;text-decoration:none;}
A:hover   { color: #F3F4F7; text-decoration:none;}



TABLE
{
    height:100%;
}

/* Inhalts TD*/
.content 
{ 
    width:756px;
    vertical-align:top;
    border-color:#3D3D3D; 
    border-width:2px; 
    border-style:solid;
    border-bottom-width :0px;
}

/* Bild TD*/
.img
{
    height:251px;
    vertical-align:bottom;
    border-color:#3D3D3D; 
    border-width:2px; 
    border-style:solid;
    border-top-width :0px;    
}

/* karierter Rand TD*/
.border
{
    background-image:url(bilder/kasten.gif);    
}


/* Überschrift*/
h1
{ 
    padding-left:48px;
    margin-bottom:10px;
    color: #ffffff;
    font-family:Verdana;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
}

/* kleine Überschrift*/
h2
{ 
    margin-bottom:10px;
    color: #ffffff;
    text-align:center;    
    font-family:Verdana;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
}

/* Textbereich*/
.textinhalt
{ 
    padding-left:50px;
    margin-right:33px;
    margin-bottom:25px;
    line-height:18px;
    color: #ffffff;
    font-family:Verdana;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    text-align:justify;
}

/* Dicker Text*/
.textinhalt .dick
{ 
    text-align:center;
    color: #ffffff;
    font-family:Verdana;
    font-weight:bold;
    font-style:normal;
}

/* unter bild wird schatten gelegt, Ausrichtung und Abstand zum Textfluss */
.textinhalt .linksBild 
{ 
	float: left;
	margin-right:8px;
	margin-top:8px;
	margin-bottom:-5px;
	background-image:url(bilder/schatten.png);	
	width:270px;
	height:192px;	
}

/* unter bild wird schatten gelegt, Ausrichtung und Abstand zum Textfluss */
.textinhalt .rechtsBild
{ 
	float: right;
	margin-top:8px;
	margin-left:8px;
	margin-bottom:-5px;
	background-image:url(bilder/schatten.png);
	width:270px;
	height:192px;
}

/* bild Ausrichtung und Abstand zum Schatten*/
.bild
{ 
	margin-left:8px;
	margin-top:8px;
	width:249px;
	height:166px;
	cursor:pointer;
	cursor:hand;	
}


/* kilititel */
.kili 
{
    padding-top:25px;
    text-align:center;
}

/* navigation */
.navh 
{ 
    padding-top:30px;
    text-align:center;
    padding-bottom:40px;
}

/* navigationselement */
.navh  span
{
    padding-left:40px;
    font-family:Verdana;
    font-size:9px;
    font-style:normal;
    font-weight:normal;
    cursor:default ;
    border-bottom-color:#97A4BD; 
    border-bottom-width:1px; 
    border-bottom-style:solid;
}

/* navigationselement Linkverhalten*/
.navh span A:link,  
.navh span A:visited, 
.navh span A:hover, 
.navh span A:active, 
.navh span A:focus 
{
    color: #CFD7E6;
    text-decoration:none;
}
.navh span A:hover	{
    color:#F3F4F7;
    text-decoration:none;
}




/* navigation unten zur nächsten seite*/
.navu 
{ 
    padding-top:30px;
    text-align:center;    
    font-family:Verdana;
    font-size:13px;
    font-style:normal;
    font-weight:bold;    
}




/*eiegene linkklasse*/
A.test:link,  A.test:visited, A.test:hover, A.test:active, A.test:focus 
{
    color: green;
    text-decoration:underline;
}
A.test:hover	{
    color:red;    
}

/* GÄSTEBUCHEINTRAG STYLES*/
.gaestebucheintrag 
{
    padding-bottom:20px; 
    padding-top:20px; 
}

.gaestebucheintrag .box
{ 
    
    margin-left:50px;
    margin-right:50px;    
    
    background-color:#A5B5C9;
        
    border-color:#CFD7E6; 
    border-color:#ffffff; 
    border-width:1px; 
    border-style:solid;
}

.gaestebucheintrag .box .text
{
    margin-left:25px;
    margin-right:25px;
    margin-top:10px;    
    margin-bottom:10px;    
    line-height:18px;
    color: #ffffff;
    font-family:Verdana;
    font-size:13px;
    font-style:normal;
    font-weight:normal; 
}

.gaestebucheintrag .info
{ 
    margin-left:50px;
    margin-right:50px;
    text-align:right;
    margin-top:8px;
    color: #ffffff;
    font-family:Verdana;
    font-size:11px;
    font-style:italic;
    font-weight:normal;
}

.gaestebucheintrag .info .datum,
.gaestebucheintrag .info .zeit
{ 
    font-style:normal;
}

.gaestebucheintrag .info .email
{ 
    font-weight:bold;
    font-weight:normal;
    font-style:normal;
}



/* email Linkverhalten*/
.gaestebucheintrag .info .email A:link,  
.gaestebucheintrag .info .email A:visited, 
.gaestebucheintrag .info .email A:hover, 
.gaestebucheintrag .info .email A:active, 
.gaestebucheintrag .info .email A:focus 
{
    color: #ffffff;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    
}

/*neuer gästebucheintrag*/
.formularelement
{
    font-weight:normal;
}

.formularelement div
{
   vertical-align:top;
   width:80px;
   float:left;
}
.formularelement font
{
    font-size:10px;
    padding-left:3px;
}

input
{    
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    width:226px;
}

textarea
{    
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    width:350px;
}

.button
{
 padding-top:30px; 
}


.button A:link,  
.button A:visited, 
.button A:hover, 
.button A:active, 
.button A:focus 
{
    padding-bottom:3px;
    padding-top:3px;
    padding-right:10px;
    padding-left:10px;
    color:#ffffff;    
    background-color:#A5B5C9;
    border-color:#ffffff; 
    border-width:1px; 
    border-style:solid;    
    
}


ul
{
margin-left:30px;
}