/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Verdana, Arial, sans-serif; color:#FFF; background:#000 url(../../img.reaktor/body_background.jpg) no-repeat center top; min-width:908px; line-height:1.5em; }
table tr td { font:11px Verdana, Arial, sans-serif; color:#FFF; }
a:link, a:visited { color:#f40a79; text-decoration:none; font-weight:bold; }
a:focus, a:hover, a:active { color:#f40a79; text-decoration:underline; font-weight:bold; }
fieldset, img { border:0; }
form * { font:10px Verdana, Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div#wrapper { position:relative; left:50%; width:908px; margin-left:-454px; }
div#header { position:relative; height:337px; background:url(../../img.reaktor/header.jpg) no-repeat 2px 0; }
ul#navigation { list-style:none; position:absolute; left:76px; top:229px; height:29px; width:800px; }
ul#navigation li { float:left; height:29px; margin-right:4px; }
ul#navigation li a { display:block; height:29px; }
ul#navigation li#navi1 a { width:55px; background-position:0px 0px; }
ul#navigation li#navi2 a{ width:78px; background-position:-59px 0px; }
ul#navigation li#navi3 a { width:90px; background-position:-141px 0px; }
ul#navigation li#navi4 a { width:61px; background-position:-235px 0px; }
ul#navigation li#navi5 a { width:80px; background-position:-300px 0px; }
ul#navigation li#navi6 a { width:70px; background-position:-384px 0px; }
ul#navigation li#navi7 a { width:84px; background-position:-458px 0px; }
ul#navigation li#navi8 a { width:132px; background-position:-547px 0px; }
ul#navigation li#navi9 a { width:71px; background-position:-683px 0px; }
ul#navigation li:hover a,ul#navigation li:active a,ul#navigation li.active a { background-image:url(../../img.reaktor/navi_hover.jpg); background-repeat:no-repeat; }
form#notloggedin { height:22px; width:675px; position:absolute; top:280px; left:88px; background:url(../../img.reaktor/notloggedin.jpg) no-repeat; }
form#notloggedin input { background:transparent; border:0; position:absolute; color:#FFF; }
input#username { left:48px; top:4px; width:150px; }
input#password { left:210px; top:4px; width:150px; }
input#loginsubmit { left:375px; top:0px; width:68px; height:22px; cursor:pointer; background-color:transparent; }
form#notloggedin a { display:block; height:22px; position:absolute; top:0px; background-color:transparent;  }
a#lostpassword { left:446px; width:142px; }
a#register { left:590px; width:85px; }
div#equal { background:url(../../img.reaktor/content_background.jpg) repeat-y 2px top; }
div#sidebar, div#content { float:left; overflow:hidden; }
div#sidebar { width:251px; margin-left:38px; display:inline;}
div#sidebar div.trenn { height:25px; background:url(../../img.reaktor/trenn.jpg) no-repeat; }
h2#highlights { height:25px; background:url(../../img.reaktor/h2_highlights.jpg) no-repeat; margin:0px 0 10px 0px; }
div#sidebar  a img { margin-bottom:4px; }

h2#zahlungsmethoden { height:18px; background:url(../../img.reaktor/h2_zahlungsmethoden.jpg) no-repeat; margin:0px 0 10px 5px; }
div#content { width:558px; margin-left:20px; }
h2#angebot { height:22px; background:url(../../img.reaktor/h2_angebot.jpg) no-repeat; margin:0px 0 10px 5px; }
div#content p { line-height:160%; margin:10px 5px; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.img_frame { padding:3px; border:1px solid #505050; }
.img_frame2 { padding:3px; border:1px solid #505050; margin-bottom:6px; margin-right:3px; }
h3 { font-size:12px; text-transform:uppercase; color:#ffffff; font-weight:bold; }
.orderSelectPicture { margin-bottom:10px; }

#footerlinks { text-align:center; margin-top:30px; }
.accountLeftRow { font-weight:bold; }
.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 */