/* CSS Document */

html {
overflow: scroll;
font-size: 65.5%;
}
* {
margin: 0;
padding: 0;
}
body {
font: 			  1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 	  1.9em;
color: 			  #FFF;
text-align: 	  center;
background-color: #000;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
padding: 	 0;
margin: 	 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 100;
text-transform: uppercase;
letter-spacing: .1em;
}
ul {
padding: 	0;
margin: 	0;
}
img {
border: 0;
}
p {
margin: 0;
}
ol, ul { 
list-style: none;
}
a, a:link {
list-style: none;
text-decoration: none;
color: #333;
}
a:hover, a.sfhover {
color: #000;
}



/* Allgemeine Elemente */
.inline {
display: inline;
height:  0%;
}
.clearfix:after {
content: 	".";
display: 	block;
clear:  	both;
height: 	0%;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* ohne IE Mac \*/
* html .clearfix {
height: 1%;
}
/* Ende ohne IE Mac */
.cl-left {
clear:  	 left;
height: 	 .1px;
font-size: 	 0;
line-height: 0;
}
.cl-right {
clear:  	 right;
height: 	 .1px;
font-size: 	 0;
line-height: 0;
}
.clear {
clear: both;
height: 	 .1px;
font-size: 	 0;
line-height: 0;
}

.left {
float: left;
}
.right {
float: right;
}
.orange {
color: #D13800;
}

/* Zentrierung des Layouts */
#seite {
width: 		      840px;
margin: 	   	  60px auto 0px auto;
text-align:    	  left;
background-color: #FF6699;
}
#padding {
padding: 0 20px 19px 20px;
background-color: #FFF;
}

/* Kopfbereich */
#kopf {
width: 800px;
height: 	190px;
background: #000 url(../Bilder/A_BDB.gif) 715px 54px no-repeat;
}
#kopf img {
margin: 40px 0px 0px 65px;
}

/* Hauptmnue */
#hauptnav {
width: 100%;
float: left;
height: 19px;
background-color: #FFF;
}
#hauptnav ul {
float: right;
list-style: none;
}
#hauptnav li {
height: 19px;
float: left;
padding: 0px 5px;
font-size: .9em;
text-transform: uppercase;
letter-spacing: .1em;
color:   #666;
}
#hauptnav li.last {
padding-right: 0;
}
#hauptnav li a {
color: #666;
}
#hauptnav li a.active {
font-weight: 900;
color: #333;
}
#hauptnav li a:hover, #hauptnav li a.sfhover {
color: #333;
}

/* Untermenue */
#unternav {
width: 370px;
clear: right;
font-size: 		1em;
text-transform: uppercase;
letter-spacing: .1em;
}
#unternav ul {
padding: 40px 0 0 90px;
}
#unternav li {
float: 	 left;
padding: 0 0 0 5px;
color: 	 #FFF;
}
#unternav li a {
color: #FFF;
}
#unternav li a.active {
font-weight: 900;
color: #FFF;
}
#unternav li a:hover, #unternav li a.sfhover {
color: #999;
}




/* Inhalt */
#inhalt {
height: 	190px;
margin-top: 6px;
background: #FFF url(../Bilder/bild_home.gif) 0 0 no-repeat;
}
#inhalt_u {
height: 	190px;
margin-top: 6px;
background: #FFF url(../Bilder/bild_unters.gif) 0 0 no-repeat;
}
#inhalt_u div {
padding: 25px 0 0 90px;
color: #999;
}
#inhalt_u div a, #inhalt_u div a:link {
text-decoration: none;
color: #999;
border-bottom: thin dotted #999;
}
#inhalt_u div h2, #inhalt_u div p {
font-size: 1.6em;
line-height: 1.6em;
}
#inhalt_u div a:hover, #inhalt_u div a.sfhover {
color: #666;
}
#inhalt_u div span a, #inhalt_u div span a:link {
font-size: .7em;
text-decoration: none;
border-bottom: none;
}

#inhalt_u div ul {
list-style: none;
font-size: 1.6em;
line-height: 1.6em;
}
#inhalt_u div li {
text-transform: uppercase;
}

/* Hyperlinks */

/* Formulare */

fieldset.form_mail, fieldset.form_rueck {
width: 679px;
margin: 0;
padding: 0;
font-size: 1em;
border: none;
}
fieldset.form_mail legend, fieldset.form_rueck legend {
margin: 0 0 .2em 0;
*margin: 0 0 .2em -.5em;
padding: 0;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 100;
color: 999;
}
fieldset.form_mail dl, fieldset.form_rueck dl {
margin: 0;
padding: 0;
}
fieldset.form_mail dl.left, fieldset.form_rueck dl.left {
width: 365px;
float: left;
}
fieldset.form_mail dl.right, fieldset.form_rueck dl.right {
width: 289px;
float: right;
}
dt, dd {
float: left;
padding: 0;
margin: 0;
text-align: left;
color: #666;
}
dd {
width: 100%;
margin: 0 0 .2em 0;
}
dt lable {
font-size: 95%;
}
dt lable strong {
color: #D13800;
font-weight: 900;
font-size: 110%;
}
dd input, dd textarea {
width: 98%;
padding: 1px;
border: 1px solid #999;
vertical-align: bottom;
}
dd select {
width: 190px;
padding: 1px;
border: 1px solid #999;
vertical-align: bottom;
}
dd input.senden, dd input.abbrechen {
width: auto;
margin: 0 0 0 0;
font-size: 9px;
color: #666;
vertical-align: top;
background:none;
border: 0;
}

/* Fuss */
#fuss {
width: 		 840px;
margin: 	 0 auto;
clear: both;
font-size: 	 .9em;
text-align:  left;
color: 		 #FFF;
line-height: 1.7em;
}
#fuss a {
color: #FFF;
}
#fuss a:hover {
text-decoration: underline;
color: #FFF;
}
#fuss span {
padding: 9px 0px 12px 0px;
display: block;
}

/* Impressum */
#fenster {
padding: 60px 25px 0px 25px;
text-align: left;
color: #999;
border: 5px solid #FFF;
background: #FFF url(../Bilder/hg_fenster.gif) 0 0 no-repeat; 
}
#fenster h3 {
font-size: 1em;
text-transform: none;
font-weight: 900;
}
#fenster p {
padding-top: .2em;
font-size: 1em;
font-weight: 100;
}