body, html{
background: #c1c1c0;
margin: 0;
padding:0;
height: 100%;
}

/*Call me now*/
#callmenow
{
	width: 180px;
	margin: 10px 0 0 0;
}

#callmenow_label
{
	float: left;
	width: 70px;
	margin: 5px 0 5px 0;
}

.callmenow_input
{
	float: left;
	width: 80px;
	margin: 0 0 5px 0;
}

/*Kolommen Homepage*/
div#kolom
{
	border: 1px solid #c1c1c0;
	height: 275px;
	width: 178px;
	margin: 10px 15px 0 0;
	overflow: hidden;
	float: left;
}

div#kolomcontent
{
	padding: 5px 5px 5px 10px;
}

div#kolomkop
{
	background-color: #c1c1c0;
	height: 33px;
	line-height: 33px;
	padding: 0 10px 0 10px;
	font-family: Verdana;
	color: #004099;
	font-weight: bold;
	font-size: 11px;
}

div#kolomsmall
{
	border: 1px solid #004099;
	height: 133px;
	width: 178px;
	margin: 15px 15px 15px 0;
	overflow: hidden;
	float: left;
}

div#kolomkopsmall
{
	background-color: #004099;
	height: 33px;
	line-height: 33px;
	padding: 0 10px 0 10px;
	font-family: Verdana;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.darkbg
{
	background-color: #c0c0c0;
}


/* deze container omvat de header, pics, navigatie en content */
div#main_container{
background: white; background-image: url(../images/bg_nav.gif); background-repeat: repeat-y; 
min-height: 100%;
_height: 100%;
width: 870px;
margin: -35px auto 0 auto;
}


/* deze container omvat de linker en rechter pics */
div#pic_container{
background: white;
float: left;
width: 870px;
height: 320px;
margin: 35px auto 0 auto;
}

div#pic_logo{
background: white; background-image: url(../images/logo.gif); 
float: left;
width: 210px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_home{
background: black; 
background-image: url(../images/topper_home.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#flash_home{
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_profiel{
background: black; background-image: url(../images/topper_profiel.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_nieuws{
background: black; background-image: url(../images/topper_nieuws.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_airco{
background: black; background-image: url(../images/topper_airco.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_koeltechniek{
background: black; background-image: url(../images/topper_koeltechniek.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_redo{
background: black; background-image: url(../images/topper_redo.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}

div#pic_contact{
background: black; background-image: url(../images/topper_contact.jpg); 
float: right;
width: 660px;
height: 320px;
text-align: left;
color: #FFF;
}


/* deze container omvat de navigatie en content */
div#content_container{ 
background-color: white; background-image: url(../images/bg_nav.gif); background-repeat: repeat-y; 
float: left; 
width: 870px; 
}

div#nav_left{
float: left;
width: 210px;
text-align: left;
color: #000;
}

div#content_right{
float: left;
width: 660px;
text-align: left;
color: #000;
}

#content{
padding: 30px 40px 35px 35px;
}


#kolom_links{
padding: 20px;
float: left;
width: 240px;
text-align: left;
color: green;
margin: 0 20px 20px 0;
border: 1px solid #c1c1c0; 
}

#kolom_midden{
padding: 20px;
float: left;
width: 240px;
text-align: left;
color: green;
border: 1px solid #c1c1c0;
margin: 0 0 20px 0;
}

#kolom_rechts{
padding: 5px;
float: left;
width: 190px;
text-align: left;
color: green;
}

/* deze container omvat de linker en rechter footer */
div#footer_container{
clear: both;
height: 35px;
background: #004099;
width: 870px;
margin: 0 auto 0 auto;
text-align: left;
color: #FFF;
}

div#footer_left{
background: #004099;
float: left;
height: 35px;
width: 210px;
text-align: center;
color: #FFF;
}

div#footer_right{ 
background: #004099; 
float: right; 
height: 35px; 
width: 660px; 
text-align: center; 
color: #fff;
}

#footer_text{
font-size: 11px; 
padding: 12px 0 0 0;
}

/* hier beginnen we met de navigatie */
ul#menu { 
list-style: none; 
margin: 0 15px 0 15px; 
padding: 0; 
}

ul#submenu
{
	list-style: none; 
	margin: 0 15px 0 15px; 
	padding: 0; 
}

ul#menu li{ 
margin: 0; 
padding: 0; 
font-family: verdana; 
font-size: 11px; 
background-image: url(../images/bg_nav_arrow2.gif); background-repeat: no-repeat; background-position: 174px 7px; 
}

ul#submenu li{ 
margin: 0; 
padding: 0 0 0 15px; 
font-family: verdana; 
font-size: 11px; 
background-image: url(../images/bg_nav_arrow2.gif); background-repeat: no-repeat; background-position: 0 7px; 
}

ul#menu li a{
display: block;
text-decoration: none;
padding: 4px 0 5px 0;
border-bottom: 1px dotted #c1c1c0;
}

ul#submenu li a{
display: block;
text-decoration: none;
padding: 4px 0 5px 0;
border: 0;
}

ul#menu li a:link, a:visited{
color: #999;
text-decoration: none;
}

ul#menu li a:hover, ul#submenu li a:hover, a:active{
color: #004099;
text-decoration: none;
background-image: url(../images/bg_nav_arrow.gif); background-repeat: no-repeat; background-position: 174px 7px;
}

ul#submenu li:hover, ul#submenu li.active_subnav
{
	color: #004099;
	text-decoration: none;
	background-image: url(../images/bg_nav_arrow.gif); background-repeat: no-repeat; background-position: 0 7px; 
}

ul#submenu li a.active_subnav
{
	color: #004099;
	text-decoration: none;
}

:focus{ 
outline: none 
}



/* hier beginnen we met de tekst- en imagevoorkeuren */ 
body, p, td				{ color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h1         		   	   	{ color: #004099; font-size: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h2        		   	   	{ color: #004099; font-size: 15px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h3         		   	   	{ color: #004099; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h4         		   	   	{ color: #004099; font-size: 13px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h5         		 	   	{ color: #004099; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h6         		  	   	{ color: #004099; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

a:link       	        { color: #999; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:visited     	        { color: #999; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:hover      	       	{ color: #004099; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:active     	        { color: #999; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

a.linkje:link			{ color: #004099; font-weight: normal; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.linkje:visited		{ color: #004099; font-weight: normal; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.linkje:hover			{ color: #999; font-weight: normal; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.linkje:active			{ color: #004099; font-weight: normal; text-decoration: underline; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

a.footer:link			{ color: white; font-size: 11px; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.footer:visited		{ color: white; font-size: 11px; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.footer:hover			{ color: #999; font-size: 11px; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.footer:active			{ color: white; font-size: 11px; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

a.active_nav      	    { color: #004099; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(../images/bg_nav_arrow.gif); background-repeat: no-repeat; background-position: 174px 7px;}

li   				  	{ color: #333;  }
.ul 					{ color: #333; list-style: square; background-image: none; }
.ol 					{ color: #333; list-style: decimal; background-image: none; }

TEXTAREA     			{color: #000000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; font-weight: normal}
INPUT		 			{color: #000000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 11px; font-weight: normal}


img.links				{ float: left; margin: 0 10px 10px 0; }
img.rechts				{ float: right; margin: 0 0 0 5px; }