/**************************************************
 *  Akita-Adventskalender                         *
 *  http://www.akita-mailingliste.de/advent       *
 *  --------------------------------------------  *
 *  Autor: Beate Pürner,                          *
 *  Pürner Unternehmensberatung, Dortmund         *
 *  http://www.puerner-ub.de/td/                  *
 *                                                *
 *  letzte Änderung: 07.12.2011  v07              *
 **************************************************/

body { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: url(../gfx/wsterne.gif) repeat;
  color: #e6e4e4;
  font-size: 12px; 
	margin: 0;
	padding: 0;
}

/* ----------------- Bereiche ---------------- */

#rahmen {
	position: absolute;
	margin-left: -245px;
	left: 50%;
	top: 0px;
	width: 490px;
	border-width: 0px; 
}
#rahmen-breit {
	position: absolute;
	margin-left: -310px;
	left: 50%;
	top: 0px;
	width: 620px;
	border-width: 0px; 
}
#rahmen-650 {
	position: absolute;
	margin-left: -370px;
	left: 50%;
	top: 0px;
	width: 740px;
	border-width: 0px; 
}
#kopf {
	float: left;
	width: 460px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#kopf-breit {
	float: left;
	width: 460px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 65px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#kopf-650 {
	float: left;
	width: 460px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 115px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#text {
	float:left;
	width: 470px;
	background-color: black;
	color: black;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#text-ohne-bg {
	float:left;
	width: 470px;
	color: black;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#text-breit {
	float:left;
	width: 470px;
	background-color: black;
	color: black;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 65px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#text-650 {
	float:left;
	width: 650px;
	background-color: black;
	color: black;
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 65px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#fuss {
	float: left;
	width: 470px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#fuss-breit {
	float: left;
	width: 470px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 65px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#fuss-650 {
	float: left;
	width: 470px;
	border-width: 0px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 115px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ----------------- Absätze ---------------- */

p { 
    color: #e6e4e4; 
    font-size: 15px; 
	line-height: 19px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0; 
}
h1 { 
    color: #cc3300; 
    font-weight: bold; 
    font-size: 18px; 
    line-height: 22px;
	text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
    margin: 0;
}
h2 { 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 16px;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 24px;
    padding-bottom: 0px;
    margin: 0;  
}
h3 { 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 15px;
    line-height: 19px;
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 24px;
    padding-bottom: 0px;
    margin: 0;   
}
h4 { 
    color: #cc3300; 
    font-weight: bold; 
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 24px;
    padding-bottom: 6px;
    margin: 0;   
}

/* ----------------- Links ---------------- */

a:link, a:visited {
    color: #ffffff; 
    text-decoration: underline;
}
a:hover {  
    color: yellow; 
    text-decoration: underline;
}
a:active {  
    color: #ffffff; 
    text-decoration: underline;
}
table.gb-eintraege-fuss a:link, table.gb-eintraege-fuss a:visited {
    color: #000000; 
    font-weight: bold; 
    text-decoration: underline;
}
table.gb-eintraege-fuss a:hover {  
    color: #cc3300; 
    font-weight: bold; 
    text-decoration: underline;
}
table.gb-eintraege-fuss a:active {  
    color: #000000; 
    font-weight: bold; 
    text-decoration: underline;
}

/* ----------------- Aufzählungen ---------------- */
 
ul {
    color: #e6e4e4;  
	list-style-type: disc; 
}
li { 
    color: #e6e4e4; 
    font-size: 15px;
	line-height: 19px;
}

/* ----------------- Tabellen ---------------- */

td {  
    color: #e6e4e4; 
    font-size: 15px; 
	line-height: 19px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0; 
}

/* ----------------- Tabellen Gästebuch ---------------- */

.gb-eintraege {
	width: 550px;
	font-size: 12px; 
	line-height: 16px;
}
.gb-eintrag-kopf {
	background-color: #ffdd00;
}
.gb-eintrag-text {
	background-color: #000000;
}
.gb-eintraege-fuss {
	width: 550px;
	background-color: #ffdd00;
	margin-top: 0px;
}
table.gb-eintraege td { 
	color: #ffffff; 
	font-size: 12px; 
	line-height: 16px; 
}
table.gb-eintraege tr.gb-eintrag-kopf td { 
	color: #000000; 
	font-size: 12px; 
	line-height: 16px; 
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}
table.gb-eintraege tr.gb-eintrag-text td { 
	color: #ffffff; 
	font-size: 12px; 
	line-height: 17px; 
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0; 
}
table.gb-eintraege-fuss td { 
	color: #000000; 
	font-size: 12px; 
	line-height: 16px; 
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* ----------------- Formular ---------------- */

form {
	color: #000000;
	font-size: 14px; 
	line-height: 18px;
	text-align: left;
	background-color: #cccccc;
	margin-left: 0px;
	margin-right: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}
.test-form {
	background-color: #000000;
	margin-left: 0px;
	margin-right: 19px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}
.test-form h2 {
	color: #cc3300;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 24px;
    padding-bottom: 6px;
}
#form-frage {
	color: #000000;
	background-color: #e2e2e2;
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	padding-top: 3px;
	padding-bottom: 6px;
}
#form-frage p {
	color: #000000;
	font-size: 14px; 
	line-height: 18px;
}

form p {
	margin-left: 0px;
	padding-left: 0px;
}	
label {
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 0;
	border: 0;
}
input, textarea {
	background-color: #ffffff;
	border: 1px solid #ffdd00;
}
form ol {
	list-style: none;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 0px;
}
form ol li {
	color: #000099;
	font-size: 14px; 
	line-height: 18px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}
.radio { 
	background-color: #ffffff; 
	border: 0px inset #d3003e;
}
.button {
	background-color: #000000;
	color: #cc3300;
	font-size: 15px; 
	font-weight: bold;
	border: 3px solid #000000;
	margin: 1px;
}
.test-button {
	background-color: #cc3300;
	color: #ffffff;
	font-size: 15px; 
	font-weight: bold;
	border: 3px solid #cc3300;
	margin: 1px;
}

/* ----------------- Zeichengröße, Farbe + Ausrichtung ---------------- */

.spamcheck {  
	visibility: hidden;
}
.rot {  
    color: #ff0000;
}
.weiss {  
    color: #ffffff;
}

.mitte {  
	text-align: center;
}
.rechts {  
	text-align: right;
}
.klein {  
    font-size: 11px;
	line-height: 16px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0;  
}
.klein-mitte {  
    font-size: 11px;
	line-height: 16px;
	text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0;  
}
.klein-rechts {  
    font-size: 11px;
	line-height: 16px;
	text-align: right;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0;  
}
.klein-rot {  
    font-size: 11px;
	line-height: 16px;
    color: #ff0000;
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    margin: 0;  
}