/* reset
---------------------------------------------------------------------------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol        { list-style:none; }
fieldset,img { border:none; }
caption,th   { text-align:left; }
table        { border-collapse:collapse; border-spacing:0; }
a:focus      { outline:none; }

/* standards
---------------------------------------------------------------------------------------------------------------------------------------------------------*/
.clearboth, .clear { clear:both; }
.floatleft   { float:left; }
.floatright  { float:right; }

body        { background:#081528 url(../images/misc/background.jpg) no-repeat center top; color:#fff; font-size:12px; padding:0 0 70px 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }

a           { font-size:12px; font-family:verdana; text-decoration:underline; color:#FFF; }
a:hover     { color:#888;  }

input       { font-size:12px; margin:1px 0 0 0; padding:2px 0 0 2px; background:rgb(240,240,240); border:1px solid rgb(220,220,220); }

h1          { font-weight:bold; font-size:15px; padding:0 0 18px 0; text-transform:uppercase; }
h1 span     { color:#ff006c; }
h2          { color:#D98F26; font-size:13px; padding:22px 0 0 0; }
p           { line-height:19px; padding:15px 0 0 0; }

/* linear
---------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#center      { width:815px; margin:0pt auto; position:relative; }

div#productOverlay { background:#091428; display:block; position:absolute; left:340px; top:135px; z-index:99; display:none; border:1px solid #6f747c; }
div#productOverlay li { border-top:1px dotted #364143; margin:0 5px 0 5px;  }
div#productOverlay li.noBorder { border:none;  }
div#productOverlay a { display:block; padding:6px; text-decoration:none; }

div#header      { padding:75px 0 55px 0; overflow:hidden; }

div#header div#logo { float:left; margin:0 37px 0 0; }

ul#navi          { float:right; margin:37px 0 0 0; }
ul#navi li       { margin:0 23px 0 0; float:left; }
ul#navi li.last  { margin:0 0 0 0; }
ul#navi li a     { text-transform:uppercase; color:#fff; text-decoration:none; }



/* laynout - not start page */
div#contentHolder        { border-bottom:1px dotted #4F525B; overflow:hidden; padding:0 0 20px 0; }

div#secNav                     { float:left; width:190px; background:#0B1326; height:800px; padding:20px 0 0 0; }
div#secNav img.title           { margin:20px 0 0 12px; }
div#secNav p                   { text-align:center; font-size:10px; }

div#cart              { position:absolute; right:0px; top:0px; background:#080e24; width:480px; margin:0pt auto; padding:4px 6px; overflow:hidden; }
div#cartTitle         { float:left; padding:3px 0 0 0; }
div#cart div.text     { float:left; padding:3px 0 0 100px; }
div#cart strong       { font-weight:bold; display:block; }
div#cart ul           { margin:3px 0 3px 0; }
div#cart li           { font-size:10px; padding:3px 0 0 0; }
div#cart div.details  { text-align:right; }

div#cartNavi   { overflow:hidden; float:right; }
div#cartNavi a { display:block; float:left; height:21px; margin-left:6px;  }


div#content              { padding:0 0 45px 0; position:relative; }
div#content div.inner    { padding:45px 0 0 0; }

div#footer               { clear:both; margin:17px 0 0 0; }
div#footer a             { text-decoration:none; font-size:9px; }
div#footer div           { float:left; font-size:9px; }
div#footer div.a         { width:256.6px; padding:0 0 0 15px; }
div#footer div.b         { width:271.6px; text-align:center; }
div#footer div.c         { float:right; }


/* non-linear
---------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* start */
div#start {  border-bottom:1px dotted #4F525B; padding:0 0 17px 0; }

div#start div.top { overflow:hidden; padding:0 0 20px 0; border-bottom:1px dotted #fff; }

/* start slideshow */
div#slides { background:#101123; border:5px solid #6f747c; width:540px; height:375px; float:left; margin:0 15px 0 0; }
div#slides div.inner { border:1px solid #000; }
div.slide { display:none; }
div.slide div.image { height:263px; overflow:hidden; }
div.slide div.image img {  }

div.slide div.text  { padding:10px 0 10px 0; height:90px; }
div.slide div.title { font-size:15px; margin:0 20px 17px 20px; }
div.slide div.body  { font-size:12px; margin:0 20px 0 20px; color:#fff; }
div.slide div.link  { margin:10px 20px 0 20px; }
div.slide div.link a { font-size:10px; color:#fff; }

div#wundw { float:left; background:#101123; width:250px; height:370px; text-align:center; padding:15px 0 0 0; }
div#wundw div { margin:0 0 11px 0; }
div#wundw p { margin:0 0 10px 0; padding:0; }
div#wundw img { width:126px; }

/* start bottom */
div#start div.bottom { margin:20px 0 0 0; overflow:hidden; }
div#start div.bottom div.one { float:left; margin:0 15px 0 0; overflow:hidden; }
div#start div.bottom div.one.last { margin:0; }
div#start div.bottom div.image { width:251px; height:250px; overflow:hidden; border:5px solid #6f747c; }
div#start div.bottom div.headline { padding:15px 0 0 0; font-size:14px; font-weight:bold; }
div#start div.bottom div.body  { padding:15px 0 0 0; width:250px; }



/* productRow */
div.productRow                { border:5px solid #3D484E; padding:8px 8px 8px 8px; background:#000; margin:0 0 15px 0; }
div.productRow div.left       { float:left; width:445px; padding:0 15px 0 0; }
div.productRow p              { color:#BBAF97; padding:5px 0 0 0; line-height:14px; }
div.productRow span           { color:#D98F26; font-size:12px; }

div.productRow div.images { padding:15px 0 0 0; }
div.productRow div.images div.one { float:left; margin:0 10px 0 0; }
div.productRow div.images img { border:2px solid #3D484E; }

div.productRow div.options    { float:right; padding:3px 0 0 0; width:116px; }
div.productRow div.options a  { font-size:11px; }


/*
div.productRow div.images     { clear:both; width:95px; border:1px solid #000; }
div.productRow div.image      { overflow:hidden; width:80px; }
div.productRow div.right      { float:left; padding:0 0 0 0; }
div.productRow div.text       { float:left; width:350px; padding:0 20px 0 0; }

*/

/* dateil-ansicht */
div#produkte-details div.images img { border:5px solid #3D484E; margin:5px 25px 10px 0; float:left; }
div#produkte-details p   { font-size:12px; padding:5px 0 15px 0; }
div#pricefooter          { text-align:right; margin:50px 0 0 0; border-bottom:1px solid #C2AA92; padding:0 15px 10px 0; }
div#pricefooter span     { color:#D98F26; font-size:15px; }
div#orderfooter          { text-align:right; padding:10px 0 0 0; }

/**/
div.categorieRow                 { float:left; margin:0 10px 10px 0; text-align:center; padding:0 0 8px 0; border:5px solid #3D484E; background:#000; width:181px; }
div.categorieRow div.image       { height:100px; width:181px; overflow:hidden; border-bottom:1px dotted #fff; margin:0 0 7px 0; background:#fff; }
div.categorieRow div.image img   {  }
div.categorieRow div a           { text-decoration:none; font-size:14px; }

/* Referenz Galerie */
div#referenceViewer            { position:relative; border:3px solid #666; height:400px; overflow:hidden; background:#14263F; }
div#referenceViewer div#desc   { position:absolute; top:360px; width:587px; padding:5px 5px 5px 10px; background:#666; opacity:0.7; color:#fff; font-weight:bold; }
div#referenceViewer div.empty  { text-align:center; padding:180px 0 0 0; font-weight:bold; }
div#referenceViewer img        { width:605px; }

div#referenceGalerie                 { border:0px solid #666; }
div#referenceGalerie div.one         { cursor:pointer; float:left; margin:0 10px 10px 0; width:100px; border:2px solid #3D484E; height:60px; overflow:hidden; }
div#referenceGalerie div.one.active  { border:2px solid rgb(230,230,230) !important; }
div#referenceGalerie div.one:hover   { cursor:pointer; border:2px solid #fff; }
div#referenceGalerie div.one img     { width:100px; }

/* Startseite - News */
div#startNews div.one   { margin:15px 0 0 0; }
div#startNews div.line  { float:left; border-bottom:1px solid rgb(190,171,141); height:6px; width:540px; }
div#startNews div.date  { float:left; color:rgb(190,171,141); font-size:10px; padding:0 0 0 4px; }


/* form
---------------------------------------------------------------------------------------------------------------------------------------------------------*/
input, textarea  { font-size:12px; background:rgb(240,240,240); border:1px solid #14263F; padding:2px;  }
textarea         { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
input.submit     { }
label            { padding:2px; }

form                { padding:15px 0 0 0; }
form div.row        { background:#22364F; padding:10px; margin:0 0 1px 0; }
form label          { width:160px; display:block; float:left; }
form label img      { margin-right:10px; height:40px; float:left; }
form input          { width:400px; }
form input.amount   { width:25px; }
form select         { width:365px; }
form input.submit   { width:100px; font-weight:bold; }
form textarea       { width:360px; height:200px; }
form input:focus, form textarea:focus { background:rgb(210,210,210); }

form div.row.amount label { width:300px; }


div.notice        { padding:15px; background:rgb(255, 255, 255); margin:0 0 15px 0; color:#333; }
div.notice strong { font-weight:bold; }
div.notice a      { color:#000; }

