* {
	margin:0;
	padding:0;
}


html {
	font:80%/1.2 Arial,Geneva,Helvetica,sans-serif;
	background:url(/images/LandingPages/body_bg.jpg) repeat-x top;
	color:#0265a0;
}

/*body {
	background: url("/images/TonisBlog/flowerz.png") no-repeat scroll 0 100px transparent;
}
*/
div#Mainbox {
	width:950px;
	margin:auto;
}

div#Mainbox div#Headbox {
	position:relative;
	background-color:#FFF;
	height:120px;
}
div#Mainbox div#Headbox h1 {
	font-size:26px;
	font-family:"cronos-pro", cronos-pro-1;
	font-weight:bolder;
	
}
a img {
	border:medium none;
}
div#Mainbox div#Headbox div#BigHeadline {
	position:absolute;
	top:30px;
	left:320px;
	width:397px;
	height:60px;
}

div#Mainbox div#Headbox div#HeadLogo {
	position:absolute;
	left:50px;
	top: 22px;
}

div#Mainbox div#Headbox div#HeadNavi {
	position:absolute;
	right:6px;
	bottom:6px;
}
div#Mainbox div#Headbox div#HeadNavi ul#OrderNow {
	list-style:none;
	padding-bottom:12px;
	text-align:right;
}
div#Mainbox div#Headbox div#HeadNavi ul#OrderNow li {
	padding-bottom:5px;
}


div#Mainbox div#Headbox div#HeadNavi ul#OrderNow a {
	color:#0265a0;
}

div#Mainbox div#Headbox span#hotline {
	position:absolute;
	top:6px;
	right:6px;
	font-size:0.8em;
}

div#Mainbox div#Headbox div#HeadNavi p {
	font-size:0.8em;
	margin-top:5px;
}
div#Mainbox div#Headbox div#HeadNavi p a {
	text-decoration:none;
	color:#0265a0;
	font-weight:bold;
}

div#Mainbox div#Headbox div#HeadNavi div#HeadSearchBar input#GoogleSearchField {
	height:17px;
	width:120px;
	line-height:17px;
	color:#0265a0;
	margin-bottom:5px;
	border: 1px solid #c7dbec;
	background-color:#c7dbec;
	vertical-align:top;
	padding-top:3px;
}


div#Mainbox div#Headbox div#HeadNavi div#HeadSearchBar input#GoogleSearch {
	width:100px;
	height:22px;
	background:url(/images/Navi/suchen_bg.jpg) no-repeat;
	border:none;
	font-weight:bold;
	line-height:22px;
	color:#0265a0;
	text-align:left;
	text-indent:5px;
	font-size:1em;
	vertical-align:middle;
}

div#Mainbox div#Contentbox {
	margin-top:10px;
	
}

div#Mainbox div#Contentbox div#ContentLeft {
	width:550px;
	background-color:#FFF;
	float:left;
	margin-bottom:10px;
	/*height:520px;*/
	position:relative;
}
div#Mainbox div#Contentbox div#ContentLeft h2 {
	font-size:1.2em;
	margin-left:20px;
	padding-top:20px;
}
div#Mainbox div#Contentbox div#ContentLeft p {
	margin-left:20px;
	margin-top:18px;
	margin-bottom: 80px;
	font-size:0.9em;
}
div#Mainbox div#Contentbox div#ContentLeft div#family {
	height: 491px;
	background:url(/images/LandingPages/familie.jpg) no-repeat;
	font-family: cronos-pro-1,cronos-pro-2,sans-serif;
}
div#Mainbox div#Contentbox div#ContentLeft div#family p#top {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 17px;
	bottom:209px;
	font-family: "cronos-pro-1";
	font-size: 1.15em;
}
div#Mainbox div#Contentbox div#ContentLeft div#family p#bottom {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 17px;
	bottom: 130px;
	font-size: 0.9em;
	font-family: "cronos-pro-1";
}

div#Mainbox div#Contentbox div#ContentLeft ul#WeiterInformieren {
	margin-left:20px;
	margin-bottom:20px;
	list-style:none;
}
div#Mainbox div#Contentbox div#ContentLeft ul#WeiterInformieren li {
	margin-bottom:8px;
}
div#Mainbox div#Contentbox div#ContentLeft ul#WeiterInformieren li a {
	color:#0265a0;
	text-decoration:none;
	border-bottom:1px solid #0265a0;
	font-size:0.9em;
}

div#Mainbox div#Contentbox div#ContentLeft span#OpenForm {
	position:absolute;
	left:125px;
	bottom:130px;
}
div#Mainbox div#Contentbox div#ContentLeft span#OpenForm a img {
	border:none;
	text-decoration:none;
}

div#Mainbox div#Contentbox div#ContentLeft div#ContentLeftFooter {
	width:550px;
	height:119px;
	background:url(/images/LandingPages/eKomiBox.jpg) no-repeat;
	color:#FFF;
}
div#Mainbox div#Contentbox div#ContentLeft div#ContentLeftFooter h3 {
	margin-left:110px;
	padding-top:20px;
	font-size:1.2em;
}
div#Mainbox div#Contentbox div#ContentLeft div#ContentLeftFooter ul {
	font-size:0.9em;
	margin-left:125px;
	margin-top:10px;
}
div#Mainbox div#Contentbox div#ContentLeft div#ContentLeftFooter ul li {
	margin-bottom:3px;
}
div#Mainbox div#Contentbox div#ContentLeft div#ContentLeftFooter ul li a {
	color:#FFF;
}

div#Mainbox div#Contentbox div#ContentRight {
	width:380px;
	height:570px;
	margin-left:20px;
	float:right;
	background:url(/images/LandingPages/Sidebar.jpg) top repeat-x;
	background-color:#b15681;
	margin-bottom:10px;
	color:#FFF;
	position:relative;
}
body#willkommen div#Mainbox div#Contentbox div#ContentRight {
	height: 610px;
}
div#Mainbox div#Contentbox div#ContentRight h2 {
	margin-left:10px;
	margin-top:3px;
	font-size:1em;
}
div#Mainbox div#Contentbox div#ContentRight h3 {
	font-size:1.2em;
	
}
div#Mainbox div#Contentbox div#ContentRight p {

	font-size:0.9em;
	
	width:220px;
}

div#Mainbox div#Contentbox div#ContentRight ul li {
	margin-bottom: 2px;
}

div#Mainbox div#Contentbox div#ContentRight div#Stoerer {
	width:190px;
	height:120px;
	position:absolute;
	left:17px;
	bottom:250px;
	background:url(/images/LandingPages/stoerer.jpg) no-repeat;
}
body#willkommen div#Mainbox div#Contentbox div#ContentRight div#Stoerer {
	bottom: 70px;
}

div#Mainbox div#Contentbox div#ContentRight div#ProductExplanation {
	position:absolute;
	left:20px;
	top: 320px;
	width:220px;
	z-index:1;
}
body#willkommen div#Mainbox div#Contentbox div#ContentRight div#ProductExplanation {
	left: 10px;
	top: 550px
}
div#Mainbox div#Contentbox div#ContentRight ol {
	position:absolute;
	width:340px;
	font-size:1em;
	font-weight:bold;
	left:30px;
	top:40px;
	z-index:2;
}
div#Mainbox div#Contentbox div#ContentRight ol li {
	margin-bottom:15px;
}

div#Mainbox div#Contentbox div#ContentRight span#OpenForm {
	position: absolute;
	left:10px;
	bottom:140px;
}
div#Mainbox div#Contentbox div#ContentRight span#OpenForm a img {
	border:none;
}
div#Mainbox div#Contentbox div#ContentRight div#BeratungsHotline {
	background:url(/images/LandingPages/beratungshotline.jpg) no-repeat;
	width: 175px;
	height:80px;
	position:absolute;
	left:13px;
	bottom:120px;
}
body#willkommen div#Mainbox div#Contentbox div#ContentRight div#BeratungsHotline {
	background:url(/images/LandingPages/beratungshotline_big.jpg) no-repeat;
	width: 219px;
	height:97px;
	position:absolute;
	left:13px;
	bottom: 260px;
}

div#Mainbox div#Contentbox div#ContentRight div#ContentRightFooter {
	height:343px;
	width:150px;
	background:url(/images/LandingPages/Seracell_Bauchband.jpg) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
}
body#willkommen div#Mainbox div#Contentbox div#ContentRight div#ContentRightFooter {
	height:388px;
	width:170px;
	background:url(/images/LandingPages/Seracell_Bauchband_big.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
}


div#Mainbox div#Footer {
	clear:both;
	font-size:10px;
	color:#6f9ac5;
}
div#Footer div#FacebookFriends {
	padding-bottom:15px;
}
div#Mainbox div#Footer ul {
	list-style:none;
	margin-bottom:15px;
}
div#Mainbox div#Footer ul li {
	display:inline;
	margin-right:10px;
}
div#Mainbox div#Footer ul li a {
	color:#6F9AC5;
}

div#Mainbox div#Footer p {
	margin-bottom:8px;
}

/* Ekomi Teaser */
div#ContentRight div#eKomiTeaser {
	background:url(/images/LandingPages/ekomi_big.jpg) top no-repeat #b05681;
	width:380px;
	color:#FFF;
	margin-bottom:10px;
	position:relative;
}
div#Mainbox div#Contentbox div#ContentRight div#eKomiTeaser h3 {
	line-height:22px;
	vertical-align:middle;
	text-indent:10px;
	font-size:1em;
}
div#ContentRight div#eKomiTeaser .hreview-aggregate {
	display:none;
}
div#ContentRight div#eKomiTeaser div#Meinung {
	padding-bottom:10px;
	margin-left:120px;
	width:220px;
	padding-top:5px;
}

div#Mainbox div#Contentbox div#ContentRight #eKomiTeaser #Meinung blockquote {
    padding: 10px;  
    background: url(/images/quote_up.png) top left no-repeat;
}

div#Mainbox div#Contentbox div#ContentRight #eKomiTeaser #Meinung blockquote p {
    padding: 0px 15px 0px 0px; 
    float: left;
    background: url(/images/quote_down.png) bottom right no-repeat;
	font-size:0.9em;
}


div#ContentRight div#eKomiTeaser div#Meinung span#moreekomi {
	margin-left: 160px;
	font-size:0.9em;
	
}
div#ContentRight div#eKomiTeaser div#Meinung span#moreekomi a {
	color:#FFF;
	text-decoration:underline;
}


/* Easy Slider */
div#slider {
	border-bottom:1px solid #c16991;
}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:550px;
		height:450px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:540px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	div#Mainbox div#Contentbox div#ContentLeft #slider h2 {
		margin-left:20px;
		margin-top:10px;
		color:#c16991;
		font-family: "cronos-pro", cronos-pro-1, Arial, Helvetica, sans-serif;
    	font-size: 20px;
    	font-weight: bolder;
		width:530px;
		padding-top:0;
	}
	div#Mainbox div#Contentbox div#ContentLeft #slider p {
		margin-left:20px;
		margin-top:5px;
		width:530px;
	}
	div#Mainbox div#Contentbox div#ContentLeft #slider p a {
		color:#4879A3;
	}
	div#Mainbox div#Contentbox div#ContentLeft #slider p span#last {
		color:#c16991;
	}
	
/* // Easy Slider */


/* News-Ticker */
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}