/* CSS Document */

body{ color:#4a4a4a; font-size:0.8em; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) no-repeat top #0e80c8;}
body a{ text-decoration:none; color:#4a4a4a; font-weight:normal;}
body a:hover{ text-decoration:underlined; color:#4a4a4a; font-weight:normal;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
.clear{clear:both;}
.clear2{clear:both; height:0px;}
.clear3{clear:both; height:15px;}
.clear4{clear:both; height:50px;}

#top{ width:980px;height:209px; margin:0 auto; padding:0px 9px; background:url(../images/bg_top.jpg) top no-repeat;}
#container{width:980px;margin:0 auto; background:url(../images/bg_container.jpg) repeat-y; padding:0px 9px;}
#container #innercontainer{width:980px;background:url(../images/bg_inner.jpg) no-repeat;}

#topmenu{ width:695px; float:right; padding:9px 5px 11px 0px;}
#topmenu ul{ float:right;}
#topmenu ul li{ display:block; height:26px; float:left; border-right:1px solid #c7c7c7; margin:0px 13px 0px 0px; background:no-repeat}
#topmenu ul li a{ float:left; display:block; color:#0e80c8; font-weight:bold; height:20px; padding:6px 18px 0px 30px; }
#topmenu ul li a:hover{ display:block; color:#f56301; font-weight:bold; height:20px; padding:6px 18px 0px 30px; }
/* per item aparte background */
#topmenu ul li.home {background:url(../images/lihome.jpg);}
#topmenu ul li.diensten {background:url(../images/lidiensten.jpg);}
#topmenu ul li.bestellen {background:url(../images/libestellen.jpg);}
#topmenu ul li.contact {background:url(../images/licontact.jpg);}
#topmenu ul li.links {background:url(../images/lilinks.jpg);}
/* hover state */
#topmenu ul li.home a:hover{background:url(../images/lihome2.jpg);}
#topmenu ul li.diensten a:hover{background:url(../images/lidiensten2.jpg);}
#topmenu ul li.bestellen a:hover{background:url(../images/libestellen2.jpg);}
#topmenu ul li.contact a:hover{background:url(../images/licontact2.jpg);}
#topmenu ul li.links a:hover{background:url(../images/lilinks2.jpg);}

#left{ width:268px; padding:0px 0 0 12px; float:left;}
#left #menu{ width:233px; padding-top:32px;}

#midle{ width:430px; float:left; padding-top:30px; font-size:1.2em; line-height:1.0em;}
#midle h2{ color:#0e80c8; padding-bottom:15px; font-weight:bold;}
#midle p{ padding-bottom:15px;}
#midle .flash{ margin-top:30px;}

#right{ width:240px; float:right;}
#right #camera{ width:240px; height:222px; background:url(../images/bg_camera.jpg);z-index:10;}
#right #camera #test{ width:120px; height:87px; padding:59px 0px 0px 80px;z-index:11;}
#right #camera img{ width:120px; height:87px;padding:59px 0px 0px 80px;background:url(../images/bg_camera.jpg);}

#bottom {width:998px;height:126px;margin-left:auto;margin-right:auto;background:url(../images/bg_bottom.jpg) no-repeat;color:#127289;}
#bottom a{color:#127289; font-weight:bold; text-decoration:none;}
#bottom a:hover{color:#17b8c6; font-weight:bold; text-decoration:none;}



/**
 * Stylesheet 
 * @author Steffen de Boer
 */
input.field, textarea.field{
  font-family: Arial;  
  font-size: 11px;
  font-weight:normal;
  color: #000000;
  background-color: #FFFFFF;
  border-color:#000000;
  border:1px solid  #F56301;
} 

input.error, textarea.error{
  font-family:Arial,Verdana;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  background-color:#fbc8c9;
  border-color:#ff0000;
  border:1px solid #ff0000;
}

input.button{
  font-family:Arial,Verdana;
  font-style:normal;
  font-size:12px;
  font-weight:bold; 
  background:#F56301;
  color:#FFFFFF;
  border:1px solid #F56301;
}

input:checkbox, input.checkbox{
  border:0px;
}

select.field{
  font-family: Arial;
  font-size: 11px;
  font-weight:normal;
  color: #000000;
}

select.error{
  font-family: Arial;
  font-size: 11px;
  font-weight:normal;
  background-color:#fbc8c9;
  color: #000000;
}

span.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color:#ff0000;
	text-decoration:none;
}

.table{
	border:1px solid #000000;
}

tr.kop{
  font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	height:22px;
	background-color:#000000;
	color: #ffffff;
}

tr.kop td.titel{
  padding-left:10px;
}

tr.tr1, tr.tr2, tr.sp{
  font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

tr.tr1 td, tr.tr2 td{
  height:22px;
}

.sp{
  height:22px;
}

.tr1{
  background-color:#f7f4f4;
}

.tr2{
  background-color:#ffffff;
}