/* CSS-Datei
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#eee;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#fff url(hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:75%
}

#banner{
 background:url(/img/siteimage.jpg) no-repeat white;
 clear:both;
 height:120px;
 width:100%;
}

#links{
 float:left;
 margin:0 0 20px 0;
 width:85%;
 }

#news{
 border-top:1px solid #ccc;
 float:left;
 margin:0 0 20px 0;
 width:85%;
 height:400px;
 overflow:auto;
}

#rechts{
 float:right;
 margin:0 0 20px 0;
 width:15%;
 height:100%;
 background:white;
}

#unten{
 background:#666;
 clear:both;
 width:100%
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 border-bottom:1px solid #ccc;
 float:left;
 width:100%;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 20px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #666
}

#navigation ul li a:active{
 text-decoration:none;
 color:#eee
 border-bottom:4px solid #666
}

/* Sonstige Formatierungen */
#titel{
 float:left;
 width:85%;
 padding:0 0 0 0
}

#logo{
 background:url(/img/logo.jpg);
 float:right;
 width:15%;
 padding:0 0 80px 0
}


/* Schrift-Formatierungen */
h1{
 color:#666;
 font-size:2em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

h2{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1em;
 letter-spacing:0.01em;
 margin:31px 0 0 0
}

#links p{
 text-align:justify;
 padding-right:20px
}

#links ul li{
 background:url(../img/liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#unten p{
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(../img/liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

/* Gaestebuch */

form {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin:0px;
}

input, textarea, select {
font-family:tahoma,arial,helvetica,sans-serif;
font-size:8pt;
}

td {
font-family:arial,helvetica,sans-serif;
font-size:10pt;
color:#000000;
}

#red {color:#aa0000;}
#grey {color:#888888;}



#guestbooktable {background:#666666;}

#guestbooktitle {
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
background:#dddddd;
vertical-align:top;
}

#guestbooktitleinfo {
font-family:tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color:#888888;
vertical-align:middle;
}

#guestbookcell {
font-family:arial,helvetica,sans-serif;
font-size:9pt;
background:#eeeeee;
vertical-align:top;
}

#guestbookinfo {
font-family:tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color:#444444;
background:#dddddd;
vertical-align:center;
}

#guestbookinfolight {
font-family:tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color:#888888;
background:#dddddd;
vertical-align:top;
}