@font-face {font-family:Delicious; src:url(fonts/Delicious-Roman.otf);}

a, a:link, a:visited {color:#5f87ae; text-decoration:none;}
a:active {color:#5f87ae; text-decoration:none;}
a:hover {color:#5f87ae; text-decoration: underline;}

h1, h2, h3 {color:#d2d2d2; font-weight:normal; padding-bottom:3px; text-transform:uppercase;}
h1 { font-size:1.8em; padding-bottom:5px;}
h2 {font-size:1.4em;margin:0 0 3px 0;}
h4 {color:#ddd; font-size:1.2em; padding:16px 0 8px; text-transform:uppercase;}
h5 {font-size:1em; padding-bottom:12px;}

.brodtext { text-align: justify; }
.button{font:bold 12px/16px arial !important;color: #232323; padding:2px 6px 2px 6px; cursor:hand;}
.button-add {height:26;width:140px;background: url(fx/button-red-add.gif) no-repeat;font:bold 11px/17px arial;color:White;border:0px;margin:0px; cursor:hand;padding:4px 0 5px 0;}

#main {}
#Wrapper {width:910px;text-align:left;height:750px;}
#Wrapper .head {height:156px; background: url(fx/body-header.jpg);}
#PushWrapper {height:285px;width:910px;padding-top:15px;}

div#container				{width:910px; position:relative; height:222px; text-align:left;}
div#header 					{width:910px; height:36px; margin:0; overflow:hidden; position:relative;background:url(fx/nav-background.png) top left no-repeat;}




div#header ul							{margin:0; padding:0px 0 0 1px; list-style:none; left:0; bottom:0; height:52px;  width:960px; overflow:hidden; }
div#header ul li.first					{float:left; height:38px; margin:0px;height:38px; }
div#header ul li						{float:left; height:38px; margin:0px;height:38px; background:url(fx/nav-seperator.gif) top right no-repeat;}
div#header ul li a						{font:Normal 14px/37px arial, verdana, sans-serif !important; padding:0 20px; text-decoration:none; color:#FFF !important; display:inline;height:52px;display: block; overflow: hidden;}
div#header ul li a:hover				{cursor:pointer; text-decoration:underline;}
div#header ul li a.on					{color:#FFF !important; text-decoration:underline; background:url(fx/nav-on-bg.gif) repeat-x;height:38px; }
div#header ul li a.on:hover				{color:#FFF !important;text-decoration:underline;}



.blackbox  {height:189px;width:292px;background: url('fx/black-box-empty.gif') no-repeat;padding:20px;font:Normal 14px/14px arial, verdana, sans-serif !important;}
.blackbox h2 {font:Normal 14px/14px arial, verdana, sans-serif !important;color:White;margin-bottom:2px;margin-top:0px;}
.blackboxmostwanted  {height:189px;width:292px;background: url('fx/black-box-most-wanted.jpg') no-repeat;padding:20px;font:Normal 14px/14px arial, verdana, sans-serif !important;}
.blackboxmostwanted h2 {font:Normal 14px/14px arial, verdana, sans-serif !important;color:White;margin-bottom:2px;margin-top:0px;}
.blackboxflower  {height:189px;width:292px;background: url('fx/black-box-flower.jpg') no-repeat;padding:20px;font:Normal 14px/14px arial, verdana, sans-serif !important;}
.blackboxflower h2 {font:Normal 14px/14px arial, verdana, sans-serif !important;color:White;margin-bottom:2px;margin-top:0px;}


.bigbox  {height:285px; }
.bigbox .left {background:url(fx/big-box-left.gif) no-repeat;width:10px;}
.bigbox .right {background:url(fx/big-box-right.gif) no-repeat;width:10px;}
.bigbox .middle {background:url(fx/big-box-bg.gif) repeat-x;padding:15px;}

/* CART */
#cart {color:Black;}
#cart h1 {color:#808080;margin:15px 5px 5px 10px;font-size:1.1em;}
.cartHeader {height:20px;font:bold 11px/22px arial !important;background: url(fx/menu-black30-bg.gif) repeat-x;padding-left:3px;height:30px;}
.cartRow {padding-top:5px;padding-left:3px;color:Black;}

/* JQUERY TOOL */
#cartbox {display:none;width:800px;}



.slide-out-kontakt {color:white;font-family: Tahoma,Verdana, Arial;font-size: 13px; background:url('fx/slideOut-bg.png') no-repeat  scroll 100% 100%;margin-top: 5px;width: 230px;height:318px;border: none; }   
.slide-out-kontakt h2 {font: arial,sans-serif;font-size:18px;color:#ffffff;margin-bottom:5px;margin-top:0px;font-weight:normal; text-transform:none;}
.slide-out-kontakt a {font-family: Arial, Helvetica, sans-serif;color:#0379fd; font-size:12px;}	

.slide-out-plivit {font-family: Tahoma,Verdana, Arial;font-size: 13px;  background:url('fx/slideOut-bg.png') no-repeat  scroll 100% 100%;margin-top: 5px;width: 230px;height:318px;border: none;}  
.slide-out-plivit h2 {font: arial,sans-serif;font-size:18px; color:#be0a30;margin-bottom:5px;margin-top:0px;font-weight:normal;}      
.slide-out-plivit a {font-family: Arial, Helvetica, sans-serif;color:#1642ff; font-size:12px;}