@import "layout_part1.css";
@import "layout_part2.css";

img.floatRight{ float: right;}

p.content_topLP {color: #000066; margin: 10px 0px 10px 0px;}

span.info {
font-size:8px;
line-height:0%;
position:relative;
top:-0.6em;
}

#boxReg h1.boxHeader, #boxEinmal h1.boxHeader {font: 16px verdana; color: #000066; margin: 0px 0px 10px 0px;}

h2.content_topLP { font: 17px verdana; color: #000066; }



#err {border: 5px solid red; background: #ffe3e3; text-align: center; margin-bottom: 20px;}


#contents { margin: 22px 18px 10px 18px!important; position: relative; overflow: hidden; }

div.boxHeader {margin-top: 10px!important;}
div.boxHeader a {text-decoration: none;}

#headerLP
{
	height: 300px;
	width: 100%;
	background-color: #94b8dc;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px solid #fff;
	border: 1px none #fff;
}

#sub_navLP
{
	background-color: #ebf1f4;
	color: #444;
	margin-bottom: 0px;
	height: 10px;
	border-bottom: 1px solid #a3abb1;	
}

#content_topLP {
	position: relative;
	overflow: hidden;	
	background: #fff;
	width: 100%;
}

/* =================== */
/* = CONTENT _ START = */
/* =================== */
#content_bottomLP { }

#content_bottomLP p.boxP {display: block; line-height: 140%;}
#content_bottomLP p.bold {font-weight: bold; color: #000066;} 
#boxReg, #boxEinmal, #boxLogin {float: left; display: block; background: #eee;}

.box30 {position: relative; width: 25%; height: 330px; margin: 0px 8px; float: left; background: #f0f0f0 url("../images/box30-bg.jpg") repeat-x center top; overflow: hidden; border: 1px solid #ddd;}
.box30 .cont {position: relative; padding: 0px 10px 0px;}
.box30 .cont p.bold {display: block; height: 80px;}
.box30 .cont ul{padding: 0px; margin: 0px; padding-left: 20px;}
.box30 h1 {padding: 10px 10px 0px !important;}
#content_bottomLP .first {margin-left: 0px;}
#content_bottomLP .last {margin-right: 16px;}
#content_bottomLP .last .cont { padding-right: 50%; background: url("../images/iphone-app-teaser.gif") no-repeat 13em center; height: 200px;}
#content_bottomLP .last .cont p {position: relative; top: 72px;}
.box30 .footer {position: absolute; bottom: 0; display: block; background: #ddd; height: 40px; width: 240px;}

/*links*/
span.button a{
	display: block;
	background: transparent url("../images/button-bg.jpg") no-repeat left top;
    color: #333;
	text-shadow: 0px 1px 0px #fff;
    padding: 2px 6px 3px 34px;
    text-decoration: none;
	height: 20px;
	width: auto;

}

/*rechte kante*/
span.button {
	background: transparent url("../images/button-bg.jpg") no-repeat right top;
    margin: 0;
    padding-right: 8px;
	width: auto;
	float: left;
	margin-left: 10px;
	margin-top: 12px;
}

*html span.button {width: 150px;}

*html #content_bottomLP .last .cont p {position: relative; top: 102px;}
*html #content_bottomLP .last .cont { padding-right: 50%; background-position: 13em 4em;}

*+html #content_bottomLP .last .cont p {position: relative; top: 102px;}
*+html #content_bottomLP .last .cont { padding-right: 50%; background-position: 13em 4em;}


#boxReg { width: 244px; height: 248px; margin-right: 24px;}

#boxReg div.text {display: block; width: 472px; height: 160px; margin: 10px;cursor: pointer;}
#boxReg div.text ul { margin-left: 10px; padding-left: 10px; line-height: 140%;}
#boxReg div.text li { padding: 0px; margin: 0px; }
#boxReg img.floatRight {margin: 30px 20px 0px 0px;}
#boxReg img.stoerer {position: absolute; z-index: 2; margin: 60px 0px 0px 350px;}


#boxEinmal {width: 238px; height: 248px; margin-right: 24px;}
#boxEinmal div.text {display: block; width: 220px; height: 160px; margin: 10px; cursor: pointer;}
#boxEinmal div.text ul {}

#boxLogin {width: 179px; height: 248px; background: #fff;}

#boxLogin p { margin-top: 0px;}

div.lb_tip {display: block; height: 48px; color: #000066;}

#priceInfo {font: 9px verdana; margin: 20px 0px;}

/* ##### BUTTONS ##### START */

div.footerButtons { position: relative; display: block; height: 25px; margin: 15px 0px 0px 10px; cursor: pointer;}
*+html div.footerButtons { position: relative; display: block; height: 25px; margin: 23px 0px 0px 10px;}

a.boxButton  {
 
	position: relative;  
	background: transparent url(../images/boxReg_BG1.jpg) no-repeat;
   	font: normal 12px arial, sans-serif;
   	color: #666!important;
   	display: block;
   	height: 242px;
	width: 492px;
	padding: 6px 0px 0px 0px;
	text-decoration: none;

}

a.boxButton:active {
 /*  background-position: bottom left;*/
	color: #656D73;
	outline: none; /* die gepunktete Linie im FF abschalten */
}

a.boxButton:hover {
	background-position: bottom left;
	background-color: #ccc;
   	text-decoration: none;
	color: #656D73!important;
}

a.boxButton_einmal  {

	position: relative;   
	background: transparent url(../images/boxEinmal_BG1.jpg) no-repeat;
   	font: normal 12px arial, sans-serif;
   	color: #666!important;
   	display: block;
   	height: 242px;
	width: 238px;
	padding: 6px 0px 0px 0px;
	text-decoration: none;

}

a.boxButton_einmal:active {
 /*  background-position: bottom left;*/
	color: #656D73;
   	outline: none; /* die gepunktete Linie im FF abschalten */
}

a.boxButton_einmal:hover {
	background-position: bottom left;
	background-color: #ccc;
	text-decoration: none;
   	color: #656D73!important;
}

div.button {position: absolute; z-index: 10; background: transparent url(../images/trans.gif); display: block; width: 995px; height: 300px; cursor: pointer;}

/* ######### SLIDESHOW ######### START */

#rotator
{
	cursor: pointer;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	position: relative;
	height: 300px;
	width: 995px;
}

*html rotator {
	width: 100%;
}

*html #rotator img {
	padding: 0px;
	margin: 0px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	height: 300px;
	width: 100%;
}

/* ######### SLIDESHOW ######### ENDE */