/* CSS Template by gorotron */

body {
	background: ivory url('images/obvkaderspiegel.gif') no-repeat bottom left fixed;
	margin: 10px;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #6c3600;
	line-height: 120%;
}

a:link {
color: #ff0000;
font-weight: normal;
letter-spacing: 0.1em;
text-decoration: underline;
 }
a:active {
color: orange;
font-weight: normal;
letter-spacing: 1px;
text-decoration: underline;
 }
 a:visited {
color: #ff0000;
font-weight: normal;
letter-spacing: 1px;
text-decoration: underline;
 }
a:hover {
color: white;
background-color: orange;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none;
 }

a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 8px;
      background: white;
	  border: 1px solid #6c3600;
	  }

	img.left {
	  float: left;
	  margin: 6px 10px 6px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 6px 0px 6px 10px;
	  }



h1 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 18px;
      letter-spacing: 2px;
      text-align: left;
	  color: #6c3600;
      line-height: 120%;
	  margin-top: 16px;
      padding-left: 6px;
   }

	h2 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #ff0000;
      font-size: 13px;
      font-weight: normal;
      letter-spacing: 2px;
      border-bottom:1px solid #ff9933;
      padding-left: 6px;
       }
  h3 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #6c3600;
      font-size: 10px;
      font-weight: normal;
      letter-spacing: 2px;
border: 1px solid red;
      background-color: white;
      padding-left: 6px;
       }


#container {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0 auto;
	width:740px;
	padding:10px;
	height:auto;
	text-align:left;
}

#header1  {
    width: 740px;
    background:transparent;
 height: 28px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      letter-spacing: 3px;
      text-align: left;
      color: #6c3600;
 }

#header2  {
    width: 740px;
    margin: 0 auto;
 background:transparent;
   padding: 0;
 height: 12px;

  }
#pullquote
{width: 180px;
height: 180px;
float: left;
background:ivory url('images/cirkelobv.gif') no-repeat center;
color: #fff;
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight:bold;
font-style: italic;
line-height:120%;
padding: 8px;

margin-right: 8px;
margin-top: 8px;
margin-bottom: 8px;
text-align: center;
}

#knop  {
width: 194px;

font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 13px;
font-weight: normal;
      letter-spacing: 2px;
      text-align: center;
      color: red;
border-top: 0px solid red;
border-bottom: 1px solid red;
background: transparent;
padding: 2px;
margin: 0px;
}

#banner {
	width:740px;
	height:147px;
	
}

#bannerLeft {
	width:190px;
	height:147px;
	padding-left:20px;
		float:left;
}

#bannerRight {
	width:522px;
	height:147px;
	float:right;
	}

#content {
	background: transparent;
	height:1%;
	}

#navcontainer ul
{
margin: 0;
padding: 0;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: red;
}

#navcontainer li { margin: 0 2px 0px 0;}

#navcontainer a
{
display: block;
padding: 2px 2px 2px 16px;
border-bottom: 1px solid red;
width: 180px;
background: transparent url('images/bulletorange.gif') no-repeat left;
color: red;

}

#navcontainer a:link, #navlist a:visited
{
color: red;
text-decoration: none;
}

#navcontainer a:hover
{
background: orange url('images/bullet2red.gif') no-repeat left;
font-weight: bold;
text-align: right;
color: white;

}

#active a:link, #active a:visited, #active a:hover
{

background: transparent url('images/bullet2red.gif') no-repeat left;
font-weight: bold;
text-align: right;
color: orange;

}


#leftColumn {
	float:left;
	width:190px;
	padding:0px 0px 0px 4px;
font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #6c3600;
}

#leftColumnBottom {
	width: 190px;
	padding: 0px;
	color: @6c3600;
}

#rightColumn {
	float:right;
	width:480px;
	padding:20px;
margin-right: 0px;
font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size:12px;
border: 1px solid orange;
	color: #6c3600;
}

#clear {
	clear:both;
}
#copyright {
        font-family: verdana, helvetica, san-serif;
        font-size: 9px;
        line-height: 100%;
        color: #6c3600;
text-align: right;
}  

#footer {
	background: transparent;
	margin-top: 6px;
	text-align: left;
	font-size: 11px;
	clear: both;
}
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:256px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:192px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}