/*bemmelzeefdruk.nl
anandarizki, yavidesign
24 March 2009*/

*{
padding:0;
margin:0;
}

body{
background:#000 url(images/bg.jpg) center top no-repeat;
font:11px normal Arial, Helvetica, sans-serif;
color:#ccc;
text-align:center;
}

h1{
font-size:18px;
color:#02B5BC;
}
a{
color:#02B5BC;
text-decoration:none;
}

li{
list-style-position:inside;}

a:hover{
color:#fff;
text-decoration:underline;}

#wrapper{
width:884px;
margin:0 auto;
overflow:hidden;
text-align:left;
}

#logo{
text-decoration:none;
}

#logo img{
border:none;
}

#section{
overflow:hidden;
width:884px;
}

#left{
width:246px;
position:relative;
color:#fff;
float:left;
overflow:hidden;
background:url(images/leftbg.jpg) left 100px repeat-y
}

#left .module{
padding:10px;
line-height:16px;
}

#right{
width:620px;
float:right;
padding-top:90px;
}

#header{
width:620px;
height:240px;
margin-bottom:20px;
position:relative;
}

.imguploadframe{
background:url(images/header.png) left top no-repeat;
width:620px;
height:240px;
position:absolute;
left:0;
top:0;
}

.imgupload{
width:620px;
height:240px;
overflow:hidden;
}
#topnav{
overflow:hidden;
}
#nav{
height:30px;
margin-bottom:54px;
padding-top:10px;
float:right;
}

* html #nav{
height:40px;
}

#nav li{
float:left;
list-style:none;
font-size:16px;
}

#nav li a{
display:block;
float:left;
color:#fff;
font-weight:bold;
font-size:16px;
text-decoration:none;
background:#02B5BC;
padding:0 10px;
}



#navigation li{
color:#02B5BC;
padding:3px 20px;
border-bottom:1px solid #333;
padding:10px;
text-align:left;
list-style:none;
width:220px;
}

#navigation li ul li{
padding:5px;
border:none;
}

#navigation li ul li a{
font-size:12px;
font-weight:normal;
background:none;
color:#00ADB7;
}

#navigation li ul li a:hover{
color:#fff;
}


*:first-child+html #navigation li{
margin-left:-16px;}

* html #navigation li{
width:240px;
margin-left:-16px;
}

#navigation li a{
color:#fff;
padding:0 20px;
font-weight:bold;
text-decoration:none;
font-size:14px;
background:url(images/bullet.gif) 5px 4px no-repeat;
}

#navigation li a:hover, #navigation li.active a{
color:#02B5BC;
}

#navigation li.active{
background:#333;
}

#content{
line-height:18px;
padding-left:12px;
}
#content h1{
font-size:30px;
color:#fff;}
#content p{
margin-bottom:20px;
}

#footer{
width:100%;
border-top:1px solid #666;
margin-top:10px;
}

#yavidesign{
text-align:right;
padding-top:5px;
}

#yavidesign a{
color:#fff;
text-decoration:none;
}

#yavidesign a:hover{
color:#02B5BC;
}

#yavidesign span{
color:#02B5BC;
}

.gallery{
border:1px solid #333;
width:210px;
margin:10px;
overflow:hidden;
padding:5px 5px 0;
}
* html .gallery{
width:222px;
}
* html .gallerycontent {
padding-bottom:5px;
}
.gallerycontent a img{
border:3px solid #02B5BC;
float:left;
margin-right:5px;
}

.gallerycontent a{
font-weight:bold;
font-size:12px;
}


.gallerycontent a:hover img{
border-color:#fff;
}

/* typo3 */
#mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
.csc-mailform {
border:1px solid #333;
padding:15px 15px 5px 15px;
}
.csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
.csc-mailform-label {
font-weight:bold;
padding-bottom:10px;
}
.csc-mailform label {
display:block;
float:left;
width:266px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
.csc-mailform input, .csc-mailform textarea {
padding:1px 4px;
}
.csc-mailform option {

padding-right:6px;
}
.csc-mailform .csc-mailform-check, .csc-mailform .csc-mailform-radio {
border:none;
}
.csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
.csc-mailform .csc-mailform-radio legend {
display:none;
}
.csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
.csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
.csc-mailform .csc-mailform-submit {
background:#02B5BC;
border:none;
width:78px;
height:22px;
color:#fff;
margin-top:3px;
}
/* end of typo3 */

#leftcontent h1{
font-size:14px}

#leftcontent .leftheading h1{
margin-top:10px;
padding:5px 10px;
background:#00ADB7;
color:#fff;
width:220px;
border-bottom:5px solid #6FF8FF
}