/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Arial, sans-serif; color:#595959; background:#FFF url(img/body_background.jpg) repeat-x; min-width:1000px; }
a:link, a:visited { color:#545454; text-decoration:none; }
a:focus, a:hover, a:active { color:#545454; text-decoration:underline; }
fieldset, img { border:0; }
form * { font:11px Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div#wrapper { position:relative; left:50%; width:1000px; margin-left:-500px; z-index:3; }
div#equal { background:url(img/content_background.jpg) repeat-y; border-bottom:1px solid #cfcfcf; }
div#center, div#right,div#sidebar, div#content, div#sidebar2 { float:left; overflow:hidden; }
div#sidebar { width:193px; text-align:center; min-height:10px; }
div#sidebar img { margin:17px 0px; }
div#center { width:617px; }
div#avertising2 { padding:2px 0 2px 1px; background:#FFF; text-align:center;}
div#header { position:relative; height:227px; background:url(img/header.jpg) no-repeat; margin-bottom:5px;}
div#header h1 a img { position:absolute; left:10px; top:5px; }
div#header ul#navigation { position:absolute; left:3px; top:182px; list-style:none; }
div#header ul#navigation li{ float:left; width:110px; height:42px; margin-right:2px; text-align:center; line-height:42px; }
div#header ul#navigation li a{ display:block; height:42px; color:#545454; text-decoration:underline; }
div#content { width:422px; }
div#content h2 { background:url(img/h2_content.jpg) no-repeat bottom left; padding:5px; font:11px Arial, sans-serif; font-weight:normal; }
div#content h3 { clear:both; padding:10px 15px 5px; font:13px Arial, sans-serif; font-weight:bold; }
div#content small { float:right; margin:-20px 15px 5px; font:11px Arial, sans-serif; font-weight:normal; }
div#content img.smallgraph { padding:0 5px 10px; float:left; width:200px; height:150px;  }
div#content div.text { padding:10px; }
div#content div.text p{ margin-bottom:7px; }
div#content ul#types li { float:left; padding:3px 5px; margin:0px 5px 5px; list-style:none; font-size:12px; font-weight:bold; border:1px solid #545454; }
div#content ul#types li:hover, div#content ul#types li:hover a { background:#545454; color:#FFF !important; }
div#right { width:187px; margin-left:8px; }
div#right h2#register { background:url(img/h2_login.jpg) no-repeat bottom left; padding:5px 25px; font:11px Arial, sans-serif; font-weight:bold; margin-bottom:4px; }
div#right form { position:relative; height:100px; }
div#right form input { position:absolute; left:0px; border:1px solid #AAA; padding:7px 9px; width:160px; color:#c7c7c7; margin-bottom:2px; height:12px !important; height:26px; }
div#right form input#loginemail { top:0px; }
div#right form input#loginpassword { top:35px; }
div#right form input#loginsubmit { top:70px; width:80px; height:27px; background:url(img/button_login.jpg) no-repeat; border:0; cursor:pointer; }
div#right form a { position:absolute; left:88px; font:10px Tahoma, sans-serif; }
div#right form a#sendpassword { top:70px; }
div#right form a#registerlink { top:82px; }
div#sidebar2 { width:190px; text-align:center; }
div#sidebar2 img{ margin:17px 0px; }
div#footer { padding:15px 20px 30px; }
p.normal { border:1px solid #000; padding:5px; }
p.empfehlung { background:#FF8989; padding:5px; color:#000; }
p.empfehlung strong a{ margin-left:60px; color:#000 !important; }
#dvrt { position:absolute; left:50%; margin-left:360px; top:20px; z-index:1; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.left { float:left; }
.center { text-align:center; width:50%; }
.right { float:right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.error { color:red; }


/* Formulare */
div#content form { margin:5px 0 10px 0; }
div#content form * { font-family:inherit; font-size:inherit; }
div#content form fieldset { border:0; }
div#content form fieldset legend { display:none; }
div#content form fieldset label { float:left; clear:both; cursor:pointer; min-width:120px; text-indent:5px; padding:2px 0; }
div#content form fieldset input[type=submit] { padding:3px; width:auto !important; }
div#content form fieldset input { width:150px; background:#FFF; border:1px solid #000; padding:4px; margin:0px 4px 16px 4px; }
div#content form fieldset input:hover,div#content form fieldset textarea:hover { background:#EEE; border:1px solid #444; }
div#content form fieldset input:focus,div#content form fieldset textarea:focus { background:#DDD; border:1px solid #888; }
div#content form fieldset select { width:150px; background:#FFF; border:1px solid #000; padding:1px; margin:3px 2px 16px 2px; }
div#content form fieldset option { background:#EEE; border-bottom:1px solid #444; padding:2px; }
div#content form fieldset textarea { width:260px; padding:4px; border:1px solid #000; margin:4px;}

/* Blätterfunktion */
div#content div.page_select { line-height:30px; text-align:right; margin:5px 0px 5px 0px; padding:0 5px; border-bottom:1px dotted #CFCFCF; border-top:1px dotted #CFCFCF;}
div#content div.page_select a.page_inactive { border:1px solid #CFCFCF; padding:3px 5px; margin:1px; background:#FFF; color:#000 !important; }
div#content div.page_select a.page_inactive:hover { background:#EEE; }
div#content div.page_select span.page_active { border:1px solid #CFCFCF; background:#3D5361; padding:3px 5px; margin:1px; color:#FFF; font-weight:bold; }

div#content table { font:11px Arial, sans-serif; color:#000; line-height:150%; margin:7px 7px 10px; }
div#content table tr th { text-align:left; text-indent:5px; border-bottom:2px solid #595959; }
div#content table tr td { text-align:left; padding:2px 5px; border-bottom:1px dotted #595959; }


ol.rating { list-style:none; }
ol.rating li { float:left; width:16px; height:16px; cursor:pointer; }
ol.rating li a { display:block; width:16px; height:16px; background:url(../../image/rating_inactive.png) no-repeat; }
ol.rating li a.active { background:url(../../image/rating_active.png) no-repeat; }

div.rating { float:left; height:16px; width:96px; background:url(../../image/rating_inactive.png) repeat-x; margin:0 10px; }
div.rating_active { height:16px; background:url(../../image/rating_active.png) repeat-x; }
span.left { line-height:26px; width:100px;  }