/* andreas05 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. More free templates are available at: http://oswd.org/userinfo.phtml?user=Andreas
Version: 1.0, September 27, 2005 */

body{
padding:0;
margin:0;
font: normal small 50% verdana,tahoma,sans-serif
background:#FFFFFF;
color:#5a3353;
}

#body .legenda{
	padding: 5px;
	border: 2px solid #6c0b71;
	float: right;
	align: top;
	
}

#body .legenda2{
	padding: 5px;
	border: 2px solid #6c0b71;
	float: right;
	align: bottom;
	
}

#body .nieuws{
	padding: 5px;
	border: 2px solid #6c0b71;
	float: right;
	align: top;
	
}

#body .test{
	padding: 5px;
	border: 2px solid #6c0b71;
	float: right;
	align: top;
	
}


#body .kop {
	float: left;
	align: top;
	
}


a{
text-decoration:none;
color: #F26F13;
}

a:hover{
color: #F26F13;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:0px solid #0cf;
    background-color:#F26F13; color:#000;
    text-align: center}



h1{
margin:0;
font-size 1.6em;
letter-spacing:5px;
text-align:left;
background-color:inherit;
color: #F26F13;
padding: 0px;
}

h2{
margin:15px 0 5px 0;
font-size:1.3em;
letter-spacing:0px;
font-weight:bold;
}

h3{
margin:10px 0 10px 0;
font-size:1.3em;
letter-spacing:0px;
font-weight:normal;
font-style:italic;
}

h4{
margin:15px 0 5px 0;
font-size:1.3em;
letter-spacing:0px;
font-weight:bold;
color: #F26F13;
}

h5{
margin:15px 0 5px 0;
font-size:1.8em;
letter-spacing:2px;
font-weight:normal;
font-style:italic;
color: #F26F13;
}

p{
margin:0 0 0px 0;
line-height:1.3em;
font-size:0.9em;
}

li{
margin:0 0 0px 0;
line-height:1.3em;
font-size:0.9em;
}

#title{
margin:20px auto -9px auto;
width:700px;
}

#container{
margin:0 auto 15px auto;
width:700px;
padding:10px;
background:#ffffff url(front.png) bottom left no-repeat;
color:#303030;
border:20px solid #505050;
}

#sidebar{
float:left;
width:110px;
padding-left:175px; 
}

#main{
width:385px;
float:right;
}

#footer{
clear:both;
}

.menu{
display:block;
width:175px;
padding:4px 2px 4px 5px;
font-size:1.1em;
font-weight:bold;
background-color:#5a3353;
color:#ffffcc;
border:1px solid #61002B;
}

.menu_active{
display:block;
width:175px;
padding:4px 2px 4px 10px;
font-size:1.1em;
font-weight:bold;
background-color:#ffffcc;
color:#F26F13;
border:1px solid #ffffcc;
}

.menu_active:hover{
display:block;
width:175px;
padding:4px 2px 4px 10px;
font-size:1.1em;
font-weight:bold;
background-color:#ffffcc;
color:#F26F13;
border:1px solid #ffffcc;
}

.menu:hover{
background-color:#ffffcc;
color:#F26F13;
border:1px solid #ffffcc;
}

.credits{
margin-bottom:-1;
margin:0 auto 15px auto;
font-size:0.8em;
background-color:inherit;
color:#61002B;

}

.credits a{
background-color:inherit;
color:#aaaaaa;
}


#td.test{
margin:0 0 0px 0;
line-height:1.3em;
font-size:0.9em;
}



#td.normal
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    background-color: #FFFFCC;
}

#td.p
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    background-color: #FFFFCC;
}

#td.a
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
   }


INPUT {
	line-height:1.3em;
	font-size:0.9em;
	border: 1px;
	border-style: solid;
	border-color: #5a3353;
	background-color: #ffffff
	
}

#input.test
{
font-size:6.9em;
}

SELECT {
	line-height:1.3em;
	font-size:0.9em;
	font-size:0.9em;
	border: 1px;
	border-style: solid;
	border-color: #5a3353;
	background-color: #ffffff
}

TEXTAREA {
	line-height:1.3em;
	font-size:0.9em;
	font-size:0.9em;
	border: 1px;
	border-style: solid;
	border-color: #5a3353;
	background-color: #ffffff
}


.test
{
font-size:0.9em;
}



#body.a{
background-color:inherit;
color:#aaaaaa;
}