/************************************ 
WRAP 
*************************************/
div#wrap {
	width: 950px;
	margin: 0px auto 30px auto;
	text-align: left;
}

/************************************ 
HEADERWRAP
*************************************/
div#headerWrap {
	background: url("../img/bg_content.png") no-repeat;
	height: 543px;
	color: #9b979e;
	text-align: left;
	position: relative;
}

/************************************ 
SERVICENAVIGATION
*************************************/
div#headerWrap div#serviceWrap a {
	color: #9b979e;
	margin: 10px;
}
div#serviceWrap {
	padding: 15px 0px 0px 20px;
}
div#serviceWrap img{
	vertical-align: middle;
}

/************************************ 
LOGO 
*************************************/
div#logo {
	clear: both;
	margin: -15px 20px;
}
div#logo img.logo {
	margin: 0px 0 0 0;
}
*html div#logo img {
	margin-right: -4px;
	padding: 0;
}

/************************************ 
CLAIM
*************************************/
.claim {
	margin: 46px 0px 0px 120px;
}
/************************************ 
Video
*************************************/
.spiegelung{
	margin: -1px 0px 0px 125px;
}
div#video{
	margin: 72px 0 0 125px;
}

/************************************ 
Emotional
*************************************/
.emotional{
	margin: 42px 0px 0px 68px;
} 

/************************************ 
INFOBOXEN
*************************************/
div.infobox1, 
div.infobox2, 
div.infobox3, 
div.infobox4 {
	position: absolute;
	margin-top: 290px;
	margin-left: 13px;
	background:url("../img/bg_infoboxen.png");
	width:310px;
	height:220px;
	display:none;
	z-index: 1000;
}

div.kontaktbox {
	position: absolute;
	margin-top: 28px;
	margin-left: 13px;
	background:url("../img/bg_infoboxen.png");
	width:310px;
	height:260px;
	display:none;
	z-index: 1000;
}

div.infoboxTxt{
	padding:20px;
}

div.infoboxTxt span.additionaltxt {
	display: block;
	color: white;
	margin-left: 10px;

}
.infoboxTxt ul{
	margin: 5px 0px;
}
.infoboxTxt li{
	background: url("../img/arrow_rot.gif") no-repeat 1px 4px;
	color: #FFFFFF;
	font-size: 12px;
	margin: 3px 0px;
	padding: 0 5px 0 10px;
}

/************************************ 
CONTENT 
*************************************/
div#content {
	font-size: 1.1em;
	line-height: 1.4em;
}

div#content a {
	text-decoration: none;
}
div#content a:hover {
	text-decoration: none;
}
div#list{
	margin: 10px 20px;
}
div#content li.kontaktbox a {
	color: #d30018;
	background: url("../img/arrow_rot.gif") no-repeat left;
	padding-left: 8px;
}
div#content li a{
	color: #FFFFFF;
	background: url("../img/arrow_rot.gif") no-repeat left;
	padding-left: 8px;
}
div#content li a:hover,active{
	color: #d30018;
	background: url("../img/arrow_rot.gif") no-repeat left;
	padding-left: 8px;
}
div#content span.header,
div#content span.foot {
	padding: 0;
	margin: 0;
	display: block;
}
div#content div.block.first {
	background: url("../img/bg_leftcolumn.png") no-repeat;
}
div#content div.block.second{
	background: url("../img/bg_middlecolumn.png") no-repeat;
}
div#content div.block.third {
	background: url("../img/bg_rightcolumn.png") no-repeat;
}

div#content div.block img{
	margin-left: 4px;

}

/************************************ 
BOXEN
*************************************/

.block a {
	color: #fff;
	margin: 10px 0px 0px 20px;
	display: inline-block;
}
.block a:hover {
	color: #D30018;
}
div#content div.block.first  ul a {
	margin: 0 0 2px 0;
}

a.boxheadline1{
	background-image: url("../img/headline1.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;
}
a.boxheadline1:hover,
a.boxheadline1.active,
a.boxheadline1.dynactive {
	background-image: url("../img/headline1_aktiv.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;

}
a.boxheadline2{
	background-image: url("../img/headline2.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;
}

a.boxheadline2:hover,
a.boxheadline2.active,
a.boxheadline2.dynactive {
	background-image: url("../img/headline2_aktiv.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;
}

a.boxheadline3{
	background-image: url("../img/headline3.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;
}

a.boxheadline3:hover,
a.boxheadline3.active,
a.boxheadline3.dynactive {
	background-image: url("../img/headline3_aktiv.png");
	display: block;
	margin: 4px 0px 0px;
	height: 30px;
	width: 273px;
}

/************************************ 
FOOTER 
*************************************/
div#footer {
	text-align: center;
	color: #828a8f;
	clear: both;
	margin: 15px 0;
	font-size: 1em;
}
div#footer a{
	text-align: center;
	color: #828a8f;
	clear: both;
	margin: 15px 0;
	font-size: 1em;
}

/************************************ 
HOMEPAGE 
*************************************/
div.homepage {
	width: 950px;
	margin-left: 0;
}
div#content div.block {
	width: 311px;
	height: 152px;
	margin: 10px 8px 10px 0;
}
div#content.homepage div.third {
	margin-right: 0px;
}

/************************************ 
FORMULAR
*************************************/
.submit {
	float: right;
	background: #d30018;
	width: 30px;
	margin: 7px 0px;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	cursor: pointer;
}
p.txtForm {
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 0px;
}
#emailkontakt .formrow {
	clear: both;
	background: #FFFFFF;
	margin: 10px 0 0 0;
	height: 15px;
}
#emailkontakt label.error {
	position: relative;
}
*+html #emailkontakt .formrow {
	margin: 8px 0 0 0;
}
#emailkontakt label {
	float: left;
	width: 90px;
	padding: 1px 0 0 1px;
}
.eingabefeld {
	float: left;
	padding: 0 0 0 0;
	height: 15px;
	width: 177px;
}
.close{
	background:url("../img/btn_close.gif") no-repeat;
	width: 12px;
	height: 12px;
	float: right;
	margin: 10px;
}
.responseText{
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 0px;
}
#formerror {
	background: url("../img/bg_infoboxen.png") repeat scroll 0 0 transparent;
	display: none;
	height: 260px;
	position: absolute;
	width: 310px;
	left: 340px;
	top: 49px;
	z-index: 100;
}
#formerror ul li label {
	color: #FFFFFF;
}
/************************************ 
Datasheet Button
*************************************/

a.datasheet{
	display: block;
	background-image: url("../img/btn_datasheet.png");
	width: 98px;
	height: 31px;
	color: #FFFFFF;
	font-style: italic;
	font-size: 1.1em;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 6px;
}
a.datasheet:hover{
	display: block;
	background-image: url("../img/btn_datasheet_activ.png");
	width: 98px;
	height: 31px;
	color: #FFFFFF;
	font-style: italic;
	font-size: 1.1em;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 6px;
}
/************************************ 
Screensaver Button
*************************************/
a.screensaver{
	display: block;
	background-image: url("../img/btn_screensaver.png");
	width: 124px;
	height: 57px;
	margin-top: 20px;
}

a.screensaver:hover{
	display: block;
	background-image: url("../img/btn_screensaver_hover.png");
	width: 124px;
	height: 57px;
	margin-top: 20px;
}