@charset "utf-8";
@import url("tb.css");
@import url("navi.css");
/* CuiveMedia - Index */

header, nav, main, aside, footer {
  	display: block;
}
html {
	background: #F0F0F0 url(/img/bg_index.jpg) no-repeat center center fixed ; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
 		 -o-background-size: cover;
	background-size: cover;
  	margin: 0;
	padding: 0;}
	
body {
	width: 960px;
  	font-size: 0.875rem;
	font-family:Tahoma, Geneva, sans-serif;
  	background: #fff url(img/header_bg.png) 0 0 repeat-x;
  	margin: 1rem auto;
	border: 1px solid #CCC;
	border-radius:4px;
	padding:1rem;
	box-shadow: 0px 0px 1px 0px #b3b1b1;	}
	
header {
	width: 96.5%;
	text-align:center;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-radius:3px;
	padding:1rem;
	border-bottom: 3px solid #39F;
	}

/* Navigation */

nav#mainnav {
	text-align:center;
	z-index:99;
}

nav#mainnav > a {
	text-decoration:none;		
}

section#slider {
	background:#333;
	border-radius:4px;	
}

main {
	background:#f3f3f3;
	border-radius:4px;
	color: #333;
	padding:1rem;	
	margin:1% 0 1% 0%;
	width: 62%;
}

p#about {
	text-align: justify;
	padding:0 1rem 0 1rem;
}

p#more_infos {
	text-align: center;
}

aside#right {
	float:right;
	margin:1% auto;
	text-align:center;
	padding:1rem;
	width:31%;
	}
	
section#ads {
	width: 300px;
	height: 600px;
}

div#login {
	border-radius:4px;
	border: 1px solid #CCC;
	box-shadow: 0px 2px 0px 0px #999;
	padding: 1rem;
}

div#index_wrapper section {
	box-shadow: 0 0 3px 0 #E0E0E0;
	background: rgb(226,226,226);
	background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(242,242,242) 50%, rgb(226,226,226) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(242,242,242)), color-stop(100%,rgb(226,226,226)));
	background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(242,242,242) 50%,rgb(226,226,226) 100%);
	background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(242,242,242) 50%,rgb(226,226,226) 100%);
	background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(242,242,242) 50%,rgb(226,226,226) 100%);
	background: linear-gradient(to bottom, rgb(226,226,226) 0%,rgb(242,242,242) 50%,rgb(226,226,226) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=0 );
	border-radius:4px;
	padding: 0.8rem;
	margin: 2.5% auto;	
}

div#login h1 {
	color: #666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(224,224,224) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(224,224,224)));
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(224,224,224) 100%);
	background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(224,224,224) 100%);
	background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(224,224,224) 100%);
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(224,224,224) 100%);
	border-radius:4px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
	font-weight:normal;
	font-size:13pt;	
	text-align:center;
	line-height:30pt;
	height:40px;
	margin-top:-10px;
}

form#login_pat {
}

div#starter {
	min-height:330px;
	background: rgb(249,198,103);
	background: -moz-linear-gradient(top, rgb(249,198,103) 0%, rgb(247,150,33) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(249,198,103)), color-stop(100%,rgb(247,150,33)));
	background: -webkit-linear-gradient(top, rgb(249,198,103) 0%,rgb(247,150,33) 100%);
	background: -o-linear-gradient(top, rgb(249,198,103) 0%,rgb(247,150,33) 100%);
	background: -ms-linear-gradient(top, rgb(249,198,103) 0%,rgb(247,150,33) 100%);
	background: linear-gradient(to bottom, rgb(249,198,103) 0%,rgb(247,150,33) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
	border: 1px solid #FC0;
	box-shadow: 0 0 3px 0 #FC0;
	margin: 3% auto;
	text-align:center;
}

div#starter_head {
	background: rgb(14,14,14);
	background: -moz-linear-gradient(top, rgb(14,14,14) 0%, rgb(91,91,91) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(14,14,14)), color-stop(100%,rgb(91,91,91)));
	background: -webkit-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: -o-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: -ms-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: linear-gradient(to bottom, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#5b5b5b',GradientType=0 );	
	color:#fff;
	font-size:15pt;
	font-weight:bold;
	padding: 0.5rem;
}

div#starter_intro {
	margin: 3% 5% 1% 5%;	
	text-align:justify;
	color:#FFF;
}

div#profi {
	border: 1px solid #F00;
	box-shadow: 0 0 3px 0 #F30;
	margin: 3% auto;
	min-height:380px;
	background: #C00;
	text-align:center;
}

div#profi_head {
	position:relative;
	background: rgb(14,14,14);
	background: -moz-linear-gradient(top, rgb(14,14,14) 0%, rgb(91,91,91) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(14,14,14)), color-stop(100%,rgb(91,91,91)));
	background: -webkit-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: -o-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: -ms-linear-gradient(top, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	background: linear-gradient(to bottom, rgb(14,14,14) 0%,rgb(91,91,91) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#5b5b5b',GradientType=0 );	
	color:#fff;
	font-size:15pt;
	font-weight:bold;
	padding: 0.5rem;
}

div#profi_intro {
	position:relative;
	color: #fff;
	margin: 3% 5% 1% 5%;	
	text-align:justify;
}

span.price {
	font-size:12pt;
	margin: 0 0 0 30%;
	border:1px solid #999;
	background: rgb(246,248,249);
	background: -moz-linear-gradient(top, rgb(246,248,249) 0%, rgb(229,235,238) 50%, rgb(215,222,227) 51%, rgb(245,247,249) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,248,249)), color-stop(50%,rgb(229,235,238)), color-stop(51%,rgb(215,222,227)), color-stop(100%,rgb(245,247,249)));
	background: -webkit-linear-gradient(top, rgb(246,248,249) 0%,rgb(229,235,238) 50%,rgb(215,222,227) 51%,rgb(245,247,249) 100%);
	background: -o-linear-gradient(top, rgb(246,248,249) 0%,rgb(229,235,238) 50%,rgb(215,222,227) 51%,rgb(245,247,249) 100%);
	background: -ms-linear-gradient(top, rgb(246,248,249) 0%,rgb(229,235,238) 50%,rgb(215,222,227) 51%,rgb(245,247,249) 100%);
	background: linear-gradient(to bottom, rgb(246,248,249) 0%,rgb(229,235,238) 50%,rgb(215,222,227) 51%,rgb(245,247,249) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
	box-shadow: 0 0 3px 0 #393;
	color: #333;
	padding: 0.5rem;
	display:inline-block;
}

div.feat_left {
	position:relative;
	color:#FFF;
	float:left;
	margin: 2% 0 0% 5%;	
	text-align:left;
	width:40%;
	height:auto;
}

div.feat_right {
	position:relative;
	color:#FFF;
	height:auto;
	float:right;
	margin: 2% 5% 0% 0;
	text-align:left;
	width:40%;	
}

section#hinweis_prod {
	color:#CCC;	
	text-align:center;
	font-size:10pt;
}
		
/* Footer */
footer {
	text-align:center;
	clear:both;
	color:#aaa;
	padding:0.3rem;
	}
	
/* Zusatzanweisungen */

a {
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;		
}

a:visited {
	color:#333;	
}

a:hover {
	color:#06C;
	font-weight:bolder;	
}

span.b {
	font-weight:bold;	
}

span.red {
	color:#F00;	
}

span.green {
	color:#390;	
}

h1 {
	color: #09F;
	font-weight:normal;
	font-size:15pt;	
	text-align:left;
}

h2 {
	color: #F90;
	font-weight:400;
	font-size:13pt;	
	text-align:left;
	text-height:font-size;
	line-height:10pt;
}

hr {
	color: #F0F0F0;	
}

.clear {
	clear:both;
}

.bo4 {
	border-radius:4px;
}

.silver_grd {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

p#side_info {
	background: #d2f1fc;
	border: 1px solid #82dafb;
	color: #06F;
	padding: 1rem;
}

p#why_cm {
	text-align:justify;	
	padding:0 1rem 0 1rem;
}

p.in_just {
	text-align:justify;	
	padding:0 1rem 0 1rem;
}

p.error {
	color:#F00;	
}