html{
background:url(../images/bg.jpg) 0 0 repeat;
margin:0;
padding:0;
}
body {
position:relative;
padding:0;
width:730px;
margin:0 auto;
background:#fff;
font:12px Arial, Helvetica, sans-serif;
}
.avtitle {
font-size:14px;
font-weight:bold;
}
.blink {
text-decoration:none;
color:#888888;
font-size:10px;
text-transform: uppercase;
}
h1,h2,h3,h4,h5,h6,form{
margin:0;
}
img, img a{
border:0;
}
.fs14{
font-size:14px;
}
p.title {
font-size:1.5em;
color:#444444;
font-style:italic;
}
#top-section{
padding:10px;
height:50px;
}
h1.logo{
width:340px;
height:50px;
text-indent:-9999px;
background:url(../images/logo.jpg) 0 0 no-repeat;
float:left;
}
#top-section img{
float:right;
}
#flbanner{
clear:left;
padding:0 4px;
position:relative;
}
#flbanner img{
position:relative;
width:721px;
}
#navigation{
position:absolute;
z-index:2;
top:393px;
width:724.5px;
margin:0;
padding:0;
}
ul#nav{
list-style-type:none;
margin:0 0 0 4.5px;
padding:0;
}
ul#nav li{
width:80px;
height:50px;
float:left;
padding-top:5px;
text-align:center;
font:bold 12px "Arial Narrow", Arial, Helvetica, sans-serif;
background:url(../images/button.png) 0 0 no-repeat;
}

ul#nav li.inv{
width:80px;
height:50px;
float:left;
padding-top:5px;
text-align:center;
font:bold 12px "Arial Narrow", Arial, Helvetica, sans-serif;
background:url(../images/button_inv.png) 0 0 no-repeat;
}

ul#nav li.inv_val{
width:80px;
height:50px;
float:left;
padding-top:5px;
text-align:center;
font:bold 12px "Arial Narrow", Arial, Helvetica, sans-serif;
background:url(../images/button_valentijn.png) 0 0 no-repeat;
}

ul#nav li.active{
width:80px;
height:50px;
padding-top:5px;
background:url(../images/buttonpressed.png) 0 0 no-repeat;
}
ul#nav li.first{
width:80px;
height:50px;
padding-top:5px;
background:url(../images/cornerleft.png) 0 0 no-repeat;
}
ul#nav li.factive{
width:80px;
height:50px;
padding-top:5px;
background:url(../images/leftcorner.png) 0 0 no-repeat;
}
ul#nav li.last{
width:80px;
height:50px;
padding-top:5px;
background:url(../images/cornerright.png) 0 0 no-repeat;
}
ul#nav li.lactive{
width:80px;
height:50px;
padding-top:5px;
background:url(../images/rightcorner.png) 0 0 no-repeat;
}
a, ul#nav li a, .blue, .bluesm, ul.picture li, #left .form table h1{
color:#0096d4;
}
a:hover{
text-decoration:none;
}
ul#nav li a{
font-size:12px;
text-decoration:none;
}
ul#nav li a.bestellen, ul#nav li.bestellen{
color:#f00;
}
#contentsection{
width:721px;
margin:28px auto 0;
padding:20px 0;
background:url(../images/sideborders.jpg) repeat-y;
height:100%;
}
#content{
width:680px;
margin:0 auto;
overflow:hidden;
}
#content #left{
float:left;
width:485px;
}
#content #left p{
margin-top:0;
line-height:160%;
}
#content #right{
float:right;
width:180px;
}
#footer{
width:721px;
margin:0 auto;
padding:0;
margin-top:-15px;
}
#left .blueboxleft, #left .blueboxright{
float:left;
width:229px;
color:#fff;
background:#0096d4 url(../images/topblue.jpg) 0 0 no-repeat;
margin:0;
padding:0;
}
#left .contentblue{
width:229px;
background: url(../images/bottomblue.jpg) 0 100% no-repeat;
}
#left .blueboxleft h3, #left .blueboxright h3, #right .blockbluecorner h3{
padding:10px 5px 0 10px;
font-size:13px;
font-weight:bold;
}
#left .blueboxleft ul, #left .blueboxright ul{
margin:5px 5px 0;
padding:0 0 10px 25px;
}
#left .blueboxright{
margin-left:10px;
}
#right .blockblack{
width:177px;
background:#000 url(../images/topblack.jpg) 0 0 no-repeat;
}
#right .contentblack{
width:177px;
height:150px;
color:#fff;
background:url(../images/bottomblack.jpg) 0 100% no-repeat;
}
#right .blockbluecorner{
width:177px;
background:#0096d4 url(../images/blcornertop.jpg) 0 0 no-repeat;
}
#right .blockbluestep1{
width:177px;
background:#0096d4 url(../images/bluecornerstep1.jpg) 0 0 no-repeat;
}
#right .blockbluestep2{
width:177px;
background:#0096d4 url(../images/bluecornerstep2.jpg) 0 0 no-repeat;
}
#right .blockbluestep3{
width:177px;
background:#0096d4 url(../images/bluecornerstep3.jpg) 0 0 no-repeat;
}
#right .blockbluestep4{
width:177px;
background:#0096d4 url(../images/bluecornerstep4.jpg) 0 0 no-repeat;
}
#right .blockbluestep1 h3, #right .blockbluestep2 h3, #right .blockbluestep3 h3, #right .blockbluestep4 h3{
padding:60px 5px 0 10px;
font-size:13px;
font-weight:bold;
}
#right .blockbluestep1 p, #right .blockbluestep2 p, #right .blockbluestep3 p, #right .blockbluestep4 p{
padding:0 5px 0 10px;
}
#right .bluecornerbottom{
width:177px;
color:#fff;
background:url(../images/blcornerbottom.jpg) 0 100% no-repeat;
}
#right .contentbluecorner{
width:177px;
color:#fff;
background:url(../images/blcornerbm.jpg) 0 100% no-repeat;
}
#right .blockbluecorner p{
padding:0 5px 30px 10px;
}
#right .second{
margin-top:160px;
}
#right .third{
margin-top:160px;
}
.blue{
font-size:14px;
margin-bottom:8px;
}
ul.picture{
list-style-type:none;
margin:0;
padding:0;
}
ul.picture li{
width:216px;
margin:0 20px 15px 0;
float:left;
text-align:center;
}
ul.picture li img{
margin-bottom:5px;
}
ul.picture li.vert, ul.picture p{
text-align:left;
}
ol.numbered{
margin:-5px 0 0 0;
padding:0 0 0 23px;
}
p.bold{
font-weight:bold;
padding:5px 0 0 3px;
}
table.data h2.blue{
margin:0 0 10px 0;
width:110px;
}
table.data td{
font-weight:bold;
padding-left:5px;
}
table.data tr.bluerow td{
background:#0096d4;
color:#fff;
}
table.data tr td.whitetd{
background:#fff;
height:20px;
width:100px;
}
table.data tr td.whitetd img{
margin-left:15px;
}
#left .form{
width:450px;
padding:10px 0;
border-top:1px solid #0096d4;
}
#left .form table h1{
font-size:20px;
font-weight:bold;
}
.text, textarea{
border:1px solid #0096d4;
margin:2px 0;
width:350px;
}
.brdleft{
border-left:1px solid #0096d4;
}
.mt10{
margin-top:10px;
}
.clear{
clear:both;
}
.grey{
color:#666;
}
.mpnone{
margin:0 0 5px 7px;
padding:0 0 5px 0;
padding-left:20px;
list-style:square;
}
.lh16{
line-height:20px;
}
.pbnone{
padding-bottom:0;
}
.mb7{
margin-bottom:7px;
}
table.wborder td{
border:1px solid #fff;
}
p.extramenu a{
text-decoration:none;
}
p.extramenu a.active{
font-weight:bold;
}
ol.loter li{
line-height:18px;
}
img.bordered{
padding:1px;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
}
div.tabled{
padding:4px;
margin-bottom:5px;
background:#eee;

border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
}
.ieditor{
border-top:1px solid #0096d4;
clear:both;
/*background:#4a4a4a;
border:1px solid #f00;*/
}
.ieditor td.tm{
height:6px;
background:url(../images/ieditorbox/tmiddle.gif) repeat-x;
}
td.lm{
width:6px;
background:url(../images/ieditorbox/lmiddle.gif) repeat-y;
}
td.rm{
width:6px;
background:url(../images/ieditorbox/rmiddle.gif) repeat-y;
}
td.bm{
height:6px;
background:url(../images/ieditorbox/bmiddle.gif) repeat-x;
}
.fs12{
font-size:12px
}
.price{
color:#000;
font:18px Georgia, "Times New Roman", Times, serif;
}
ul.btncontrols{
list-style:none;
margin:0 0 30px 0;
padding:0;
}
ul.btncontrols li{
line-height:30px;
}
ul.btncontrols a{
text-decoration:none;
padding:5px 0;
}
ul.btncontrols a:hover{
color:#4a4a4a;
}
li.undo a{
background:url(../images/ieditorbox/undo.gif) 0 50% no-repeat;
padding-left:30px;
}
li.redo a{
background:url(../images/ieditorbox/redo.gif) 0 50% no-repeat;
padding-left:30px;
}
li.rotate a{
background:url(../images/ieditorbox/rotate.gif) 0 50% no-repeat;
padding-left:30px;
}
li.resize a{
background:url(../images/ieditorbox/resize.gif) 0 50% no-repeat;
padding-left:30px;
}
li.crop a{
background:url(../images/ieditorbox/crop.gif) 0 50% no-repeat;
padding-left:30px;
}
li.save a{
background:url(../images/ieditorbox/save.gif) 0 50% no-repeat;
padding-left:30px;
}

.button
{
	/*padding-left:30px;*/
	margin-bottom: 10px;
	color:#0096d4;
}
#undo {
background:url(../images/ieditorbox/undo.gif) 0 50% no-repeat;
}
#redo {
background:url(../images/ieditorbox/redo.gif) 0 50% no-repeat;
}
#rotate {
background:url(../images/ieditorbox/rotate.gif) 0 50% no-repeat;
}
#resize {
background:url(../images/ieditorbox/resize.gif) 0 50% no-repeat;
}
#crop {
background:url(../images/ieditorbox/crop.gif) 0 50% no-repeat;
}
#save {
background:url(../images/ieditorbox/save.gif) 0 50% no-repeat;
}
.modalBackground
{
 background-color: Gray;
 filter: alpha(opacity=70);
 opacity: 0.7;
}
#new{
position:absolute;
z-index:999;
width:249px;
height:194px;
top:50px;
right:20px;
font-size:24px;
color:#4700b8;
text-align:center;
text-transform:uppercase;
background:url(../images/ico-bubble.png) 0 0 no-repeat;
}
#new a{
display:block;
padding:30px 0;
color:#4700b8;
text-decoration:none;
}
#new span{
font:20px;
text-transform:none;
}
