@charset "UTF-8";
body {
	font: 13px Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #000000;
}

#wrapper{ 
	width: 965px;
	height:	auto;
	margin-left: auto;
	margin-right: 20px;
	position:relative;
	z-index:1;
		}
/* ~~ Element-/Tag-Selektoren ~~ */
ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass diese Angaben auch für die .nav-Liste gültig sind, wenn Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #000000;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
}
/* ~~ Dieser Container fester Breite umgibt alle anderen Blockelemente. ~~ */

#doc {
	float: left;
	overflow:auto;
	width: 965px;
	height: 100%;
	min-height:600px;
	padding-bottom:10px;
	position:relative;
	background-color: #ffffff;
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
display:box;
behavior: url(PIE.htc);
display:box;
opacity: 0.90;
  -moz-opacity: 0.90; /* older Gecko-based browsers */
  filter:alpha(opacity=90); /* For IE6 and 7 */
	z-index:5; /* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
}

h1{
	margin-top: 25px;
	margin-bottom:15px;
	padding-left: 35px;
	font-size: 18px;
line-height:24px;
color:#F00;
text-align:center;
	font-weight:normal;	 
	
}
h4{
	margin-top: 25px;
	margin-bottom:15px;
	padding-left: 35px;
	font-size: 18px;
line-height:24px;
color:#F00;
	font-weight:normal;	 
	
}
h2{
	margin-top: 25px;
	margin-bottom:15px;
	padding-left: 35px;
	font-size: 18px;
	text-align:center;
line-height:24px;
color:#006633;
	font-weight:normal;	 
	
}
h3{
	margin-top: 25px;
	margin-bottom:15px;
	padding-left: 35px;
	font-size: 18px;
line-height:24px;
color:#006633;
	font-weight:normal;	 
	
}
a img { border: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

a:link {
	color: #000000;
	text-decoration: none; 
}

#sprachen {
	float: left;
	width: 960px;
	height: 30px;
	position:relative;
	color: #000000;
	font-size:16px;
	text-align:center;
	z-index:101; /* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
}

#sprachen ul {
	list-style: none; 
	padding-left:20px;

}
#sprachen ul li {
	padding-right:25px;
	display: inline;
}

#title-oben p {
	float: left;
	width: 760px;
	padding-left: 100px;
	padding-right:100px;
	height: 50px;
	color: #000000;
	line-height:14px;
	font-size:12px;
	text-align:center;
	/* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
}


header {
	color:#ffffff;
	width:960px;
	font-size:18px;
	height:106px;
	float:right;
	text-align:center;
display:block

}

#content
{
  width: 685px;
  min-height: 350px;
  height:100%;
float:left;
margin-top:100px;
margin-left:3px;
text-align:left;
}
#content-kontakt
{float:left;
  width: 685px;
  min-height: 350px;
  height:100%;
margin-top:100px;
margin-left:3px;
text-align:center;
}

#content p{
	
	text-align:center;
	font-size:14px;
	line-height:18px;
	padding-left:35px;
	color:#000000;
}


#content div.referenz span{
	text-align:justify;
	font-size:12px;
	line-height:15px;
	padding-bottom:5px;
	
	color:#000000;

}

#content div.referenz {
	text-align:justify;
	padding-left:40px;
	font-size: 12px;
	line-height:15px;
	width:630px;
	overflow:hidden;
}


#content ul.referenz li{
	display: inline-table;
}

#impressum
{
  width: 270px;
  min-height: 350px;
float:right;
margin-top:100px;

}
#impressum p{
	
	text-align:left;
	font-size:14px;
	line-height:16px;
	padding-left:35px;
	color:#000000;
}

#impressum p a.link{
	
	text-align:left;
	font-size:14px;
	line-height:16px;
	color:#f00;
}

#impressum h1{
	margin-top: 25px;
	margin-bottom:15px;
	padding-left: 35px;
	font-size: 18px;
line-height:24px;
color:#F00;
	font-weight:normal;	 
	
}


.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

header, section, article, figure, adresse {
	display: block;

}
#aside, #subnav, #nav, nav-box {
	display: inline;
}

.feld{border: 1px dotted #c3071b; width: auto; height:20px; text-align: left; color: #000000; font-size: 11px; }
input.button {width: 5px; border: none; text-align: left; height:20px;}
.feldtextarea {
	border: 1px dotted #c3071b;
color: #000000;
        width: 300px;
        height: 150px;
        font-size: 11px;
        }
.feld_checkbox {width: 10px; border: none; text-align: left;}

.knopka{
	text-align:left;
color: #000000;
	font-size:13px;
	background-color:#FFF;
	border:none;
	cursor:pointer;
	cursor: hand;
	border:#c3071b 1px  dotted;
}

.errorMessage {
	color: #FF0000;
font-size:13px;
}

.warningMessage {
color: #006633;
font-size:13px;}

.asterix {
	color: #FF0000;
}