/* oOo - oOo - oOo - oOo - oOo - oOo -oOo - oOo - oOo -oOo - oOo - oOo -
Name: Pixelpipeline - Kay Mueller
Author: Kay Mueller
Datum: 2008-01-02
URL: http://www.pixelpipeline.de
- oOo - oOo - oOo - oOo - oOo - oOo -oOo - oOo - oOo -oOo - oOo - oOo -

/* Grundbausteine */
html {min-height: 100%;
		}
* {margin: 0;padding: 0;
		}
a {color: #3e80c0;border:0;
		}
a:hover {color: #06C;
		}
body {	background: #E7E7E2 url('img/bg_03.jpg');
		color: #444;font: normal 62.5% Tahoma,sans-serif;
		padding-top: 64px;
		}

p,code,ul {	padding-bottom: 1.2em;
		}
h1 {font: normal 1.4em Verdana,sans-serif;
		}
h2 {font: bold 1.2em Verdana,sans-serif;
		}
h3 {font: bold 1em Verdana,sans-serif;
		}
h4 {font: bold 0.9em Verdana,sans-serif;
		}
h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;
		}
li {	list-style: none;
		}
form,input {margin: 0; padding: 0; display: inline;
		}
code { font: normal 1em Tahoma,sans-serif; line-height: 1.6em; color: #666; display: block;
		background: #FFF; border: 1px solid #EEE; border-left: 6px solid #3e80c0;
		margin-bottom: 12px; padding: 8px 10px; white-space: pre;
		}

blockquote { background: url(img/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px;
		}

/* Ein wenig Struktur */
.second-container { font-size: 1.2em; margin: 0 auto; padding: 10px; width: 780px;
		border: 2px solid #D7D7D2; background: #FFF;
		}

.first-container { padding-bottom: 64px;
		}

/* Kopf und Titel */
.kopf { background: #3E80C0 url('img/header.jpg') no-repeat; height: 186px; margin-bottom: 5px; 
		text-align: left; padding-left: 12px;
		}
.kopf .title { color: #000000; padding-top: 60px;
		}
.kopf .title .sitename a { font: normal 1.6em sans-serif; color: #000000; padding-bottom: 2px; text-decoration: none;
		}
.kopf .title a:hover {border-color: #F60;}
.kopf .title .slogan { font: normal 1.3em Verdana,sans-serif; padding-top: 6px;
		}

/* Pfadanzeige */
.pfad { color: #fff; background: #330088; padding: 8px 12px; font: 0.9em Verdana, sans-serif; text-align: right; }
.pfad a { color: #fafafa; text-decoration: none; text-align: right; }
.pfad a:hover { color: #ffe; text-decoration: none; text-align: right; }

/* gesamter inhalt */
.inhalt {	border-top: 4px solid #fff; background: url(img/inhalt.gif) repeat-y; padding: 0px 12px 0 0;
		}

/* content */
.content {	float: right;	width: 538px;
		}
.content .beschr {	color: #664; font-size: 0.9em; margin-bottom: 6px;
		}
.content li {	list-style:url(img/li.gif); margin-left: 18px;
		}
.content p {	font-family: "Lucida Sans Unicode",sans-serif;
		}

/* navigation */
.navigation {	float: left; width: 210px;
		}
.navigation h2 {	color: #5A5A43; font: bold 1.1em Tahoma,sans-serif; line-height: 30px;
					margin: 0; padding-left: 12px;
		}
.navigation ul { padding: 0; border-top: 1px solid #EAEADA;
		}
.navigation li { border-bottom: 1px solid #EAEADA;
		}
.navigation li a { font-size: 1.1em; color: #554; display: block;
				padding: 8px 0 8px 5%; text-decoration: none; width: 95%;
		}
.navigation li a:hover { background: #330088; color: #ffffff;	
		}

.highlight{ font-weight: bold; font-size: 13px;
}
/* footer */
.footer { font: bold 0.8em sans-serif; color: #F7F7F2; background: #330088;
			margin-top: 5px; padding: 10px 12px;
		}
.footer a { text-decoration: none; color: #F7F7F2; 
		}
.footer a:hover {color: #F7F7F2;
		}

/* Und Kleinkram */
.clearer { clear: both; font-size: 0;
		}
.left { float: left;
		}
.right { float: right;
		}
.content12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:normal }
.content12b			{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight:bold }
.link						{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#e06876; font-weight:normal}
#agbtx { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; text-align: justify; width: 490px; height: auto; margin-left: 6px; padding: 0.2em; }
.agbtx { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; text-align: justify; width: 490px; height: auto; margin-left: 6px; padding: 0.2em; }