img { behavior:url('../_private/pngbehavior.htc'); }


body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 135%;
color: #FFFFFF;
margin:10px 0px 20px 0px;
background: #000000 url('../pics/bg.jpg') repeat-x 0px 0px;
text-align: center;
}

img {
border: 0px;}

h1 {
font-size: 1.7em;
margin: 5px 0px 5px 0px;
}
td {font-size: 0.75em; }
h2 {
font-size: 1em;
text-transform: uppercase;
margin: 0px 0px 16px 0px;}

h3 {
font-size: 1em;
text-transform: uppercase;
margin: 0px 0px 5px 0px;}

a {
color: #FFFFFF;
text-decoration: none;}

a:hover {
color: #fd0015;
text-decoration: none;}

.red {
color: #fd0015;}

#containerBG {
width:900px;
margin:auto;
}

#container {
width:898px;
border:1px solid #FFFFFF;
float: left;
background-color: #000000;
text-align: left;
}

#head {
height: 55px;
position: relative;
background: url('../pics/bg_head.jpg') no-repeat 0px 0px;}

#logo {
position: absolute;
top: 11px;
left: 21px;}

#TopNav {
float: right;}

#TopNav img{
margin: 28px 30px 0px 0px;}

#keyvisual {
height: 300px}

#content {
width: 883px;
float: left;
padding: 36px 6px 25px 9px;}

.ContentStart {
width: 320px;
float: left;
margin:0px 15px 0px 0px;
}

.contentcenter {
width: 460px;
float: left;
margin:0px 20px 0px 0px;
margin: 0 0 0 20px;
}
.contentcenter h1 {
margin: 10px 0 30px 0;
}
.StartTextLeft {
width: 320px;
padding: 5px 0px 10px 0px;
min-height: 160px;
_height: 160px; }



.StartPicLeft {
position: relative;
min-height:120px;
_height: 120px;}

.StartPicLeft .MoreArrow {
position: absolute;
right: 4px;
bottom: 6px;}

.StartTextRight {
width: 224px;
padding: 5px 96px 0px 0px;

position: relative;
}

.StartPicRight{
position: relative;}


.StartTextRight  .more{
position: absolute;
right: 17px;
bottom: 0px;
}


.BannerStart {
width: 200px;
float: right;
margin:0px 0px 0px 0px;
}

.BannerStart .partner{
width: 163px;
float: left;
margin:12px 0px 0px 0px;
padding: 0px 0px 0px 37px;
background: url('../pics/partner.gif') no-repeat 2px 3px;
}

.BannerStart .partner img{
margin: 0px 0px 15px 0px;
}

.BannerStart img.banner{
margin: 0px 0px 7px 0px;
}


#footer {
margin: 5px 0px 10px 0px;
float: left;
font-size: 0.8em;
width: 900px;
text-align: center;}

#footer .spacer{
margin: 0px 30px 0px 0px;
}
#nav {
width: 898px;
height: 50px;
margin:0px;
padding: 0px;
}
#nav *{ list-style:none;margin:0;padding:0; border-bottom: 1 px solid white;} /*Reset browsers and apply basic formatting*/
#nav li{display:inline}
#nav li *{height:50px;float:left;cursor:pointer;cursor:hand}

.subnav {
width: 175px;
float:left;
}
.subnav ul {
	list-style-type: none;
	margin:0;
	padding: 0px;
}
.subnav ul li {
	margin: 9px;
	padding: 0 0 15px 0;
}
.subnav ul li a {
    text-transform:capitalize;
	font-style:italic;
	font-size: 14px;
	font-weight: bold;
}
div.subnav ul li ul li {
	padding: 0;
	margin: 0px 0 0 15px;
}
.subnav ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
}
.active {
color: #fd0015;
}
.subnav ul li ul {
margin: 0px;
padding: 0px;
}
.subnav ul li ul li {
	margin: 15px;
	padding: 5px 0 0 0;
}

.subnav ul li ul li a {
    text-transform:capitalize;
	font-style: normal;
}

/* formulare */
.anfrage {
background: #FFE900 url('../pics/hg_box_o.gif')  no-repeat top center;
height: 15px;
font-size: 13px;
color: #000000;
padding: 2px 0 5px 5px;
text-align: center;
font-weight:bold;
}
.subnav form, .anfrageform {
width: 175px;
font-size: 11px;
color: #000000;
background: #FFE900 url('../pics/hg_box.gif')  no-repeat bottom center;
padding: 0px;
margin: 0px;
}
.anfrageform label {
color: #000000;
padding: 0px 0 0 2px;
margin: 0px;
height: 15px;
}
.anfrageform .button {
margin: 5px 0 5px 5px;
}
.text { width: 165px; height: 20px; padding: 0px; margin: 0px 0 0 5px; }
.anfrageform textarea {margin: 0px 0 0 5px; }
fieldset {
border: 1px solid #C4CFE5;
padding: 20px 0 10px 10px;
margin: 0 0 20px 0;
}

label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
display: block;
float: left;
color: #ffffff;
}
label, input, select {
height: 25px;
} 
label {
 width: 130px;
 padding: 0; 
}
input, textarea, select {
width: 300px;
margin: 0 0 5px 0;
color: #000000;
}
form {
  margin:0;
  padding:0px;
}
textarea {
height: 250px;
}

input#checkbox, .checkbox {
width: 20px;
float: left;
color: #000;
margin: 0px;
}
.short {
width: 50px;
float: left;
}
.long {
width: 180px;
}
.button {
width: 120px;
height: 24px;
background:transparent url(../pics/button.gif) left no-repeat;
cursor:pointer;
border: none;
color: #ffffff;
font-weight: bold;
margin: 0 5px 5px 0;
}
.hidden {
display:none; 
}
.radio {
width: 20px;
border:  	 none; /* wichtig */
background:  	 none;  /* wichtig */
margin: 0px;
padding: 0px;
}

/* tooltip */

#dhtmlgoodies_tooltip{
		background-color:#000000;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: Arial, sans-serif;
		padding: 5px;
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
.img {
float: left;
width: 150px;
margin: 0 2px 2px 0;
}
div#trenner{ width:100%; height: 20px; clear: both;}