﻿/*#############################################################
www....
#############################################################*/

/* dbraun: #52463d*/
/* mbraun: #72675f*/
/* hbraun: #b9b0ab*/
/* dtuerkis: #0087AE*/
/* htuerkis: #ABCDDE*/

html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a.reg {color:#7a8592; text-decoration:none;}
a.reg:visited {color:#7a8592; text-decoration:none;}
a.reg:hover {color: #7a8592; text-decoration:underline;}
a.reg:active { color:#7a8592; text-decoration:none;}

a.reg2 {color:#9d9591; text-decoration:none;}
a.reg2:visited {color:#9d9591; text-decoration:none;}
a.reg2:hover {color: #9d9591; text-decoration:underline;}
a.reg2:active { color:#9d9591; text-decoration:none;}


body {

  	background: #ffffff; 
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
	padding-top: 0px;
}

#intro {
	height: 750px;
	margin-bottom: 0px;
	text-align: center;
}

#header {
	height: 300px;
	margin-bottom: 0px;
	text-align: center;
}


#links 	{
	float: left;
	width: 250px;
}

#links2 	{
	float: left;
	left: 0px;
	width: 250px;
	background-color: #72675f;
	height: 460px;
	}

#links3 	{
	float: left;
	left: 0px;
	width: 250px;
	background-color: #72675f;
	height: 1300px;
	}

#links4 	{
	float: left;
	left: 0px;
	width: 250px;
	background-color: #72675f;
	height: 900px;
	}

#links600 	{
	float: left;
	left: 0px;
	width: 250px;
	background-color: #72675f;
	height: 700px;
	}


#rechts { 
	margin-left: 0px;
	float: left;
	width: 990px;
	height: 1%
}




.randlos {
	border-width: 0;
}


#jingle {
width: 275px;
height: 150px;
padding-left: 8px;
}



code {padding-bottom: 1.2em;}

li {list-style-type: none;}

h1 {font: bold 18px Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin-left: 15px;
padding-top: 20px;
padding-bottom: 5px;
color: #e3001b;
letter-spacing: 3px;
}

h2 {
padding-top: 0px;
margin-left: 20px;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
line-height: 210%;
font-style: normal;
font-size: 12px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
text-align: justify;
color: ##9d9591;
}

p {
padding-top: 0px;
margin-left: 0px;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
line-height: 230%;
font-style: normal;
font-size: 11px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
text-align: justify;
color: #7a8592;
}


h5 {
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 5pt;
font-weight: normal;
text-decoration: none;
text-align: justify;
color: #F7F7F2;
}


.ico {background:url(iconpfeil.gif) no-repeat;
background-position: 0px 4px;
padding-left: 15px;
font-size: 10pt;
}


h3 {font: bold 1em Tahoma,sans-serif;}
input {margin: 0; padding: 0; display: inline;}
form {margin: 0; padding: 0; display: inline;}

code {
	background: #000;
	border: 1px solid #000;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	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;
}


/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

.hline{
height: 1px;
background-color: #A8BCC7;
font-size: 0px;
width: 680px; 
margin-left: 15px;
margin-bottom: 10px; 
margin-top: 15px;
text-align: center;
}


/* structure */
.inner-container {
	/*border: 2px solid #493e36;*/
	border: 3px solid #fff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 760px;
	background-color:#fff;
}

.inner-container600 {
	/*border: 2px solid #493e36;*/
	border: 3px solid #fff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 1000px;
	background-color:#fff;
}

.inner-container2 {
	/*border: 2px solid #493e36;*/
	border: 3px solid #fff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 750px;
	background-color:#fff;
}

.inner-container3 {
	/*border: 2px solid #493e36;*/
	border: 3px solid #fff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 1600px;
	background-color:#fff;
}

.inner-container4 {
	/*border: 2px solid #493e36;*/
	border: 3px solid #fff;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	height: 1200px;
	background-color:#fff;
}


.outer-container {
	padding-bottom: 64px;
	padding-top: 15px;
}


/* path */
.path {
letter-spacing: 1px;
background: #949490;	
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
padding: 6px 12px;
font-size: 8pt;
text-decoration: none;
color: #000;
font-weight: normal;	
}

.path a {
	color: #fafafa;
	text-decoration: none;
}


/* main */
/.main {
/	background: url(img/main1.gif) repeat-y;
/	border-top: 4px solid #000;
/	padding: 8px 0px 0 0;
/
/}

.main2 {
	background: url(img/main2.gif) repeat-y;
	border-top: 4px solid #FFF;
	padding: 8px 0px 0 0;
}


/* content */
#content {
	float: left;
	width: 700px;
}
.content .descr {
	color: #664;
	margin-bottom: 6px;
}


.content .descr h1 {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
padding-top: 5px;
font-size: 7pt;
text-decoration: none;
color: #000;
font-weight: normal;
line-height: 14px;
}

.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* navigation */
.navigation {
	background: url(0.gif) no-repeat;
	float: left;
	margin-left: -10px;
	width: 290px;
}

.navigation1 {
	background: url(0.gif) no-repeat;
	float: left;
	margin-left: 0px;
	margin-top: 1px;
	width: 250px;
}

#infoblock{ 
float:left; 
position: relative; 
top: 20px;
left: 26px;
width:650px; 
text-align: justify;
}

#infoblockphp{ 
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
line-height: 1.30;
font-style: normal;
font-size: 8px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
text-align: justify;
color: #8397A2;
float:left; 
position: relative; 
top: 20px;
left: 38px;
width:650px; 
text-align: justify;
}


.adressblock{ 
float:left; 
position: relative; 
width: 276px;
text-align: justify;
top: -8px;
}


.navigation h3 {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
font-size: 8pt;
text-decoration: none;
color: #737373;
padding-right: 10px;
font-weight: normal;
line-height: 18px;
text-align: justify;
margin: 0;
padding-left: 10px;
}

.navigation h4 {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
font-size: 8pt;
text-decoration: none;
color: #000;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 3px;
font-weight: normal;
line-height: 18px;
text-align: justify;
background-color: #ffeebf;
}


.navigation2 {
	background: url(0.gif) no-repeat;
	float: left;
	margin-left: -5px;
	width: 290px;
}

.navigation2 ul {
	border-top: 1px solid #A8BCC7;
}

.headnavi ul {
	margin-left:0.5em;
	padding-left:0.5em;
}


.navigation2 li {
border-bottom: 1px solid #A8BCC7;
}

.navigation2 li a {
	font-size: 11px;
	color: #8397A2;
	display: block;
	padding: 4px 0px 8px 8px;
	text-decoration: none;
}

.navigation2 li a:hover {
	background: #A8BCC7;
	color: #fff;	
}



.navigation ul {
	padding: 0;
	border-top: 1px solid #0087AE;
}

.navigation li {border-bottom: 1px solid #0087AE;}
.navigation li a {
	font-size: 11px;
	color: #0087AE;
	display: block;
	padding: 4px 0px 8px 8px;
	text-decoration: none;
}


#current {
color: #fff;
	background: #52463d;
}
	

.navigation li a:hover {
	background: #52463d;
	color: #fff;	
}

.headnavi {
	display: inline-block;
	color: #664;
	margin-top: 5px;
	margin-bottom: 6px;
	margin-left: 20px;
}

.headnavi li a {
	display: inline-block;
	list-style-type: none; 
	font-size: 11px;
	color: #8397A2;
	padding: 4px 8px 8px 8px;
	text-decoration: none;
}

.headnavi li a:hover {
display: inline-block;
	list-style-type: none; 
	background: #A8BCC7;
	color: #fff;	
}


.headnavi ul {
	margin-left:0.5em;
	padding-left:0.5em;
}


.navigation1 li {
border-bottom: 3px solid #fff;
background: #72675f;
}


.navigation1 li a {
	font-size: 11px;
	color: #fff;
	display: block;
	padding: 40px 0px 4px 8px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 3px;
}

.navigation1 li a:hover {
	background: #52463d;
	color: #fff;	
}

/* footer */
.footer {
text-align: center;
letter-spacing: 1px;
background: #b9b0ab;	
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
margin-top: 0px;
padding: 6px 10px;
font-size: 8pt;
text-decoration: none;
color: #9d9591;
font-weight: normal;}
	
}

.beschreibung {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9 pt;
	text-decoration: none;
	text-align: justify;
	line-height: 1.4;
	margin-left: 0px;
	color: #4E555B;
}

.formular {
padding: 0px 0px 50px 0px;
font: bold 1.1em Tahoma,sans-serif;
font-size: 10pt;
text-decoration: none;
color: #444;
padding-left: 0px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 3px;
font-weight: normal;
line-height: 2;
text-align: justify;
}


#phpfeld{
padding: 10px 0px 0px 38px;
color: black;
}

.navcontainer{
margin-top: 15px;
margin-left: 20px;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
line-height: 1.30;
font-style: normal;
font-size: 11px;
font-weight: bold;
text-decoration: none;
letter-spacing: 0px;
text-align: justify;
color: #8397A2;
}

.navlist li
{
display: inline;
list-style-type: none;
}

.navlist a { padding: 4px 8px 8px 8px;}

.navlist a:visited
{
color: #A8BCC7;
text-decoration: none;
}

.navlist a:link
{
color: #A8BCC7;
text-decoration: none;
}

.navlist a:hover
{
color: #fff;
background-color: #A8BCC7;
text-decoration: none;
}


#formular {
margin: 15px 0px 0px 0px;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
font-size: 8pt;
text-decoration: none;
color: #444;
padding-left: 0px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 3px;
font-weight: normal;
line-height: 3;
text-align: justify;
letter-spacing: 1px;
}

.farbe{
    color: #000;
}