@charset "utf-8";
/* CSS Document */

/* Allgemeine Formatierungen */

body{
	background: #550000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}


td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.zeile_aktuell{
	  background:#F9DCBD;
	  border-top: 1px black dotted; 
	  border-bottom: 1px black dotted;
  }

.tabelle_inhalt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:1.8em;
}
	

/*.Tabellenkopf{
	background:#D2D2D2;
	vertical-align:top;
	border-bottom:#000000 3px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}*/

.Tabellenkopf{
	background: url(bilder/design/table-background.png) bottom left repeat-x;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}

.Tabellenende{
	background: url(bilder/design/table-background-bottom.png) top left repeat-x;
	vertical-align:top;
}

  cite, blockquote { 
	 font-style:italic;
	 line-height:1.5em;
	  }
	  
  blockquote { 
	background:url(bilder/design/zitatanf.png) no-repeat top left;
	padding:1em;
	margin:0;
	}
  
  li {
  line-height:1.5em;
  list-style-type:none;
  	}
	
  #links_inhalt li {
  line-height:1.5em;
  list-style-image:url(bilder/liste_links.png);
  }
  

/*Text-Layout, Hervorhebung*/

.blocksatz{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:justify;
}

.wichtig {
	  background: #ffd url(bilder/design/ausrufezeichen.png) no-repeat left; 
	  padding: 1em 1em 1em 2em; 
	  border-top: 1px #ddb dotted; 
	  border-bottom: 1px #ddb dotted;
  }

.hervorhebung {
	  background: #ffd; 
	  padding: 1em 2em 1em 2em; 
	  border-top: 1px #ddb dotted; 
	  border-bottom: 1px #ddb dotted;
  }

.kleinerabstand {
	 line-height:1.3em;
}

.unten {vertical-align:bottom}

.oben {vertical-align:top}

.klein {font-size:9px;}

.presse { 
	background:url(bilder/design/zitatanf.png) no-repeat top left;
	padding:1em;
	margin-left:4em;
	text-align:justify;
	}
	
.formular { 
	background:url(bilder/verlauf.png) bottom left repeat-x;
	border:1px solid #666666;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	
.kontaktseite{ 
	background:url(bilder/stempel.png) top right no-repeat;
	}

.formular-textfeld { 
	background:url(bilder/verlauf.png) bottom left repeat-x;
	border:1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:11px;
	color:#333333;
	}


/*Links*/

a {
	color: #660000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #660000;
}
a:hover {
	text-decoration: underline;
	color: #660000;
}
a:active {
	text-decoration: none;
	color: #660000;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 18px;
	color: #333333;
}
h2 {
	font-size: 14px;
	color: #333333;
}
h3 {
	font-size: 12px;
	color: #333333;
}
h4 {
	font-size: 11px;
	color: #333333;
}
p {line-height:1.8em;
}

/* Container, Layout, etc. */

#container{ 
 width:800px;
 height:100%; 
 text-align:left;  
 margin: 1em auto;
} 
 
#header{
 background-image:url(bilder/design/container-header.png);
 background-repeat:no-repeat;
 height:150px;  
} 

#navi{
 background-image:url(bilder/design/container-navi.png);
 background-repeat:repeat-y;
 padding:5px 30px 0px 30px;
 height:50px;  
}
 
#rechts{width: 70%; float:right; }
#rechts_inhalt{ padding-left: 20px; padding-right: 40px; border-left:dotted 1px #333333}

#links { margin-right: 70%; margin-left: 0; }
#links_inhalt { padding-left: 40px; padding-right: 20px; }

#links_inhalt, #rechts_inhalt { position:relative; }

#header, #navi, #content, #footer {clear:both;}


/* Clearen der Float-Umgebungen */
	
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .floatbox { overflow:hidden; }

 
#content{
 background-image:url(bilder/design/container-style.png);
 min-height:100%;
 background-repeat:repeat-y;
 padding: 20px 0;
  }

#post-it{
 min-width:130px;
 padding: 10px 15px 10px 20px;
 background: url(bilder/design/post-it-2.png) top left no-repeat;
 }
 
#footer{
 background-image:url(bilder/design/container-footer.png);
 background-repeat:no-repeat;
 text-align:center;
 min-height:100px;
 padding:10px 30px 10px 30px; 
 } 
 
#footer a {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

#rechts_inhalt p a[href^="http"]{padding-right:15px; background: url(bilder/extlink.gif) no-repeat bottom right;}
#rechts_inhalt p a{padding-left:5px}
#rechts_inhalt p a[href^="mailto"]{padding-left:20px; background: url(bilder/brief.png) no-repeat bottom left;}

#rechts_inhalt li a[href^="http"]{padding-left:15px; background: url(bilder/extlink.gif) no-repeat center left;}
/*#rechts_inhalt li a{padding-left:7px; background: url(bilder/intlink.gif) no-repeat center left;}
*/#rechts_inhalt li a[href^="mailto"]{padding-left:20px; background: url(bilder/brief.png) no-repeat center left;}


#footer a:link {
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #ffffff;
}
#footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#footer :active {
	text-decoration: none;
	color: #ffffff;
}


/* Bilder */

.bild {
		border:#333333 dotted 1px;
		padding:7px;
}

.bildrechts {
		float: right; 
		padding: 7px; 
		border: #333333 dotted 1px; 
		margin-left: 8px;
		}
		
.bildrechts_or {
		float: right; 
		padding: 7px; 
		margin-left: 8px;
		}

.bildlinks {
		float: left; 
		padding: 7px; 
		border: #333333 dotted 1px; 
		margin-right: 8px;
		}
		
.bildlinks_or {
		float: left; 
		padding: 7px;  
		margin-right: 8px;
		}


.initiale { float: left;
            font: bold 5em Georgia, Times, serif;
			line-height:1.0em;
            color: #550000;
            margin-right: 0.3em; }
			
			
/* Style fürs Gästebuch */

#gb_content {
	width: 500px;
	margin: 30px auto 0px auto;
}
#formular {
	border-width: 1px;
	border-style: dotted;
	width: 480px;
	height: 400px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 5px 0px;
	background-color: #E0E0E0;
}
#formular_blind {
	width: 300px;
	float: left;
}
#smilies {
	width: 235px;
	height: 160px;
	float: left;
	margin: 70px 0px 30px 0px;
}
.Stil1 {
	color: #660000
}
/* HELLGRAU */
.Stil2 {
	color: #E0E0E0
}
/* DUNKELGRAU */
.Stil3 {
	color: #666666
}
	
/* oberer eintrag vom gästebuch */
.status {
	background-color: #666666;
	border:1px solid #FFFFFF;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	font-size: 8pt;
	color: #E0E0E0;
}
/* button neuer eintrag (ausrichtung)  */
.neuer_eintrag {
	text-align:right;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-left-style:none;
	padding: 10px 10px 10px 0px;
}

.user{
	width:220px;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #660000;
	text-align:left;

}
.datum{
	width:320px;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-left-style:none;
	border-right-style:none;
	font-size: 8pt;
	font-weight: bold;
	color: #660000;
	text-align:center;
}
.eintrag{
	width:120px;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-left-style:none;
	padding: 0px 10px 0px 0px;
	font-size: 8pt;
	color: #660000;
	text-align:right;
}
.inhalt{
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	padding: 10px 10px 10px 10px;
	font-size: 8pt;
	color: #333333;
}
/*  untere zeile der seitennavi oben */
.seiten_navi{
	background-color: #666666;
	border:1px solid #FFFFFF;
	background-image: url(images/bg_rev.gif);
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	border-right-style:solid;
	font-size: 8pt;
	color: #E0E0E0;
}
/*  untere zeile der gb einträge */
.www_icq_email{
	background-color: #666666;
	padding: 5px 10px 5px 10px;
	border-right-style:none;
}
/*  untere zeile der gb einträge für ausrichtung der admin buttons*/
.admin_buttons{
	background-color: #666666;
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
	border-left-style:none;
}
.options {
	width:280px;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-right-style:none;
	padding: 10px 0px 10px 10px;
	font-size: 8pt;
	color: #E0E0E0;
}
.options_1 {
	width:250px;
	text-align:right;
	background-color: #666666;
	border:1px solid #FFFFFF;
	border-left-style:none;
	padding: 10px 10px 10px 10px;
	font-size: 8pt;
	color: #E0E0E0;
}
/* schrift der Seitennavi */
.gb_Stil1 {
	color: #E0E0E0;
	font-size: 8pt;
}
/* breite der textarea (für safari und div.andere browser */
textarea#inhalt { 
	width: 280px;
	/* border: 11px solid #000000;*/
}

#admin_login {
	width:300px;
	margin: 0px auto 0px auto;
}
.login_name {
	width:80px;
	font-weight:bold;
	font-size:smaller;
}
.input_login_name {
	width:150px;
	font-weight:bold;
	font-size:smaller;
}
.login_pass {
	width:80px;
	font-weight:bold;
	font-size:smaller;
}
.input_login_pass {
	width:150px;
	font-weight:bold;
	font-size:smaller;
}
.button {
	margin: 5px 5px 0px 0px;
	padding-bottom: 2px;
	float:right;
	background-color: #666666;
	color: #FFFFFF;
	background-image: url(images/bg_rev.gif);
	background-repeat: repeat-x;
	width:70px;
	height:22px;
	border:1px solid #000000;
}