/* CSS Document */
html, body{
overflow: hidden;
}

body{
margin: 0;
padding: 0;
width: 100%;
font: normal 62.5% verdana;
text-align: center;
background-color: #F5F5F5;
}

p, ol li{
line-height: 1.6em;
font-size: 1.1em; /* wordt 11px */
color: #666;
margin: 0 0 0 0;
}

H1 {font-size: 2em} /* wordt 20px */
H2 {font-size: 1.8em} /* wordt 18px */
H3 {font-size: 1.5em} /* wordt 15px */
H4 {font-size: 1.2em} /* wordt 12px */
H5 {font-size: 1.1em}
H6 {font-size: 1em}
b{font-size: 1.2em;}
em{color: red;}
a {text-decoration: none;}
a:link {color: #FF0000;}
a:visited {color: #CC6600;}
a:hover {color: #FF0000; font-style: italic;}

#maincontainer{
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 1004px;
width: expression(document.body.clientWidth > 1004? "1004px": "auto" );
}

html, body, #maincontainer { height: 100%;}

#topwrapper{
float: left;
width: 100%;
background-image: url(../images/backgroundlogo.jpg);
background-repeat: repeat-x;
height: 91px;
}

#topsection{
float: left;
}

#topsection h2{
margin: 0;
padding: 5px;
}

#contentwrapper{
float: left;
width: 100%;
height: 77%;
overflow: auto;
}

#contentcolumn, #pandcolumn{
margin: 0 0 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align: justify;
  min-height: 320px;
  height: auto !important;
  height: 320px;
padding: 20px 20px 0 20px;
}

#bottom{
float: right;
background-image: url(../images/backgroundlogo.jpg);
background-repeat: repeat-x;
height: 91px;
width: 80%;
}

#leftcolumn{
float: left;
width: 190px; /*Width of left column*/
margin-left: -100%;
font-size: 1.1em;
padding-top: 20px;
}

#contentcolumn H1, #pandcolumn H1{ 
margin-top: 0;
padding-top: 0;
}

#contentcolumn p{
padding-right: 280px;
padding-left: 60px;
}

#pandcolumn p{
padding-right: 60px;
padding-left: 60px;
}

#leftcolumn H6{
margin: 0;
padding: 0;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0 20px 0 20px;
}

.innercorporatie{
padding: 0 240px 20px 20px;
}

.innerbewoner{
padding: 20px 20px 20px 240px;
}

#sev{
float: right;
width: 101px;
height: 63px;
margin: 14px 5px 0 0;
} 

#breadcrumb{
float: left;
margin-left: -158px;
margin-top: 80px;
width: auto;
height: 17px;
} 

#footer { 
width: auto; 
position: absolute;
bottom: 0;
margin-left: auto;
margin-right: auto;
}

.news {
border: 1px solid #CCCCCC;
max-width: 51em;
width: expression(document.body.clientWidth > 51? "51em": "auto" );
}

.news p {
margin: 0;
padding: 0;
}

.news h6, .news p, p.datum {
margin: 0;
padding: 0;
}

p.datum {
font-size: 1em;
color: #999999;
}

h1.none{
display: none;
}

img.bottom {vertical-align: text-bottom} /*breadcrumb pijltjes layout*/

/*ronding plaatje*/
td img {display: block;}
img.curved {float: right; clear: right; margin: 0 0 0 5em;}
/*plaatsing plaatje in pandpagina's*/
img.curvedr {float: right; clear: right; margin: 0 0 0 5em; padding: 0 180px 0 0;}
img.curvedl {float: left; clear: left; margin: 0 5em 0 0; padding: 0 0 0 180px;}

/*navigatie*/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items navigation */
ul li a {
	display: block;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Styles for menu items outside navigation */
.small {
border: none;
font-size: 80%;
}

.small ul {
	border-bottom: none;
}

.small ul li a{
	border: none;
	background: none;
	padding: 0;
	}
	
.small ul li a:hover {
color: #FF0000;
background: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

.power {
background-color: #F5F5F5;
}

.power a:link, .power a:visited, .power a:hover {
color: #F5F5F5;
}

.knop3, .knop4, .knop5 {
float: left;
padding: 0;
height: 61px;
background-repeat: no-repeat;
}

.knop3 {
margin: 10px 0 0 2px;
width: 30px;
}

.knop4 {
margin: 10px 0 0 0;
width: 17px;
}

.knop5 {
margin: 10px 0 0 0;
width: 46px;
}

.knop3 a, .knop4 a, .knop5 a {
height: 36px; 
display:block; 
padding-top: 30px;
font-weight: bold;
text-align:center;
color: #666;
}

.knop3 a {
width: 30px;
font-size: 1em;
text-align: right;
}

.knop4 a {
width: 17px; 
font-size: 1.2em;
}

.knop5 a {
width: 46px; 
font-size: 1.4em;
text-align: left;
}

.knop1 a:link, .knop2 a:link, .knop3 a:link, .knop4 a:link, .knop5 a:link {
color: black; 
text-decoration:none;
}

.knop3 a:visited, .knop4 a:visited, .knop5 a:visited {
color: #666;
}

.knop3 a:hover, .knop4 a:hover, .knop5 a:hover {
 
text-decoration:underline; 
}


/*credits:
liquid layout: AKA Design <http://www.akadesign.nl> op basis van Dynamic Drive CSS Library <http://www.dynamicdrive.com/style>
navigatie: Nick Rigby <http://www.alistapart.com/articles/horizdropdowns>
*/