/* CSS Document */

body {
	color: #fff;
	background-color: #313131;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	vertical-align:baseline;
 }
 h1 {font-size:14px;}
 h2 {font-size:13px;}
 h3 {font-size:12px;}
 a {color:#FFD30B;}
a img {border:none;}
 #header {
 height:160px; border:1px solid transparent;
 }
 #header #bar {
 width:100%;height:74px;
 margin-top:76px;
	background-image: url(images/bkg_bar.png);
	background-repeat: repeat-x;
	       z-index:-20;
		   position:absolute;
 }
 #header #bar #logo {
	width:210px;
	height:65px;
	border:none;
	margin-left:60px;background: url(images/sprite.png)  -0px 10px no-repeat !important;
	  background: url(images/sprite.gif)  -0px -0px no-repeat;
	  	       z-index:-18;
 }
 
#foto {
 position:absolute;top:10px;left:400px;
 width:370px;height:285px;
 }
 #foto #meinbild{
  width:100%;height:100%;
   background: url(images/bilder/bilder.jpg) 30px 15px no-repeat;
   position:absolute;
   clip:rect(0px,365px,305px,20px);
   z-index:-10;
  }
 #foto #fotobild{
   width:100%;height:100%;
 }
 #foto #fotorahmen {
 width:100%;height:100%;
  background: url(images/sprite.png)  -231px -0px no-repeat !important;
  background: url(images/sprite.gif)  -231px -0px no-repeat;

 }
 #foto #next.pagination {
	right:-38px;top:60px;
}
 #foto #prev.pagination {
	left:-38px;top:60px;
}
#foto .pagination {
color:#FFD30B;
cursor:pointer;
font-size:60px;
position:absolute;
}
 
#content {
	width:680px;
	min-height:500px;
	padding-left:60px;
	padding-right:60px;
	line-height: 120%;
}
.einleitung {
	max-width:350px;
	min-width:300px;
	min-height:160px;
	padding-right:80px;
} 
einleitung_folgeseiten {	padding-right:80px;}
.einleitung_folgeseiten p, .einleitung p {	font-style: italic;}


.spalten {
padding-right:80px;
column-count:2;
column-gap:20px;
column-rule:1px solid gold;
-moz-column-count:2;
-moz-column-width: 150px;
-moz-column-gap:20px;
-moz-column-rule:1px solid gold;
-webkit-column-count:2;
-webkit-column-gap:20px;
height:auto;
}
.spalten h1{
column-span: all; 
-moz-column-span: all; 
}
#footer_wrap {display:block; border-top:1px solid #FFD30B;  background-color:#1B1A1A;min-height:200px;color:#FFD30B;}

#footer_wrap #footer {
padding-left:60px;padding-top:10px;
	width:600px;
}

#footer_wrap #footer ul li {list-style-type: none; float:left; margin-right:10px;}
#footer_wrap #footer ul li.aktivLink {font-weight:bold;}
#footer_wrap #footer #menu a {text-decoration:none;}
#footer_wrap #footer #menu span {font-weight:normal}
#footer_wrap #footer #menu span.aktivLink {font-weight:bold;}
div.lastupdate {clear:both;float:right;}


form div{
	clear:left;
}
form div label {
  display: block;
  float: left;
  width: 80px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


form div .mf-text {
	margin-left: 10px;
    background-color:#313131;
	font-size: 11px;
	color: #FFFFFF;
	border: dotted 3px #FFCC00;
		padding:6px;
}


form div .mf-input {
	margin-left: 10px;
	background-color:#313131;
	font-size: 11px;
	color: #FFFFFF;
	border:0px solid transparent;
	border-bottom: dotted 3px #FFCC00;
}
form div .mf-input:focus{	border-bottom: dashed 1px #FFCC00;} 
form div .mf-text:focus {	border: dashed 1px #FFCC00; padding:8px;}
form div .mf-submit  {
  width: 214px;
  margin-top:20px;
  margin-left: 100px;
  background-color:#313131;
  border:1px dotted #ffcc00; color:#FFCC00;
}
form div .mf-submit:hover  {  background-color:#FFCC00; color:#313131}

form div span.required label:after{content: '*';color:#990000}