/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Titel : Hoofd CSS Document
Auteur : Tuicentrum Mollema | Dokkum
URL : http://www.tuincentrummollema.nl

Descriptie : HEAD CCS STYLESHEET

Datum : januari 2008

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/****************************************************************
	BASIS
****************************************************************/
body{
margin: 0;
padding: 0;
text-align: center;
background-image:   url(../images/bg_body.jpg);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Arial, Verdana;
font-size:14px;
color: #5c523d;
text-align: center;
}

#container{
margin: 0 auto 0 auto;
width: 990px;
text-align: left;
position: relative;
/*border: 1px red solid;*/
}

/****************************************************************
	HEADER ELEMENTEN
****************************************************************/
#header{
width: 990px;
height: 104px;
/*border: 1px blue solid;*/
}

#logo{
width: 286px;
height: 75px;
position:absolute;
top: 25px;
}

#subnav{
width: 400px;
position:absolute;
top: 56px;
left: 568px;
text-transform:capitalize;
/*border: 1px blue solid;*/
}

/****************************************************************
	MIDDLE ELEMENTEN
****************************************************************/
#middle{
width: 990px;
height: 145px;
/*border: 1px yellow solid;*/
}

#menu{
width: 500px;
height: 250px;
position:absolute;
top: 146px;
/*border: 1px yellow solid;*/
}

#photoframe{
width: 442px;
height: 338px;
float:right;
background-image:   url(../images/bg_frame.jpg);
/*border: 1px blue solid;*/
}

#frame{
width: 360px;
height: 260px;
position:absolute;
top: 142px;
left: 588px;
}

/****************************************************************
	CONTENT ELEMENTEN
****************************************************************/
#content{
width: 990px;
/*border: 5px orange solid;*/
position:absolute;
top:440px;

}

#homeboxes{
width:990px;
position:absolute;
/*border: 1px orange solid;*/
}

#box{
width: 300px;
display: inline;
height: 185px;
float: left;
margin-right:20px;
/*border: 1px orange solid;*/
background-image:   url(../images/bg_box.jpg);
background-repeat:no-repeat;
}

#title{
width: 320px;
float: left;
/*border: 1px orange solid;*/
}

#push{
width:990px;
border: 5px black solid;
}

#push2{
width:990px;
height:15px;
border: 1px black solid;
}

#left{
width: 300px;
float: left;
/*border: 1px orange solid;*/
}
#sidebar{
width: 300px;
float: left;
/*border: 1px black solid;*/
background-image:   url(../images/bg_box.jpg);
background-repeat:no-repeat;
}

#boxmenu{
width: 270px;
margin-left: 20px;
border-bottom: 2px solid #e9eeb0;
/*border: 1px black solid;*/
}

#breadcrumb{
width: 675px;
float:right;
height: 49px;
/*border: 1px black solid;*/
}

#breadcrumb2{
width: 675px;
height: 30px;
/*border: 1px black solid;*/
}

#main_content{
width: 675px;
float:right;
height:500px;
background-image:   url(../images/bg_main_content.jpg);
background-repeat:no-repeat;
}

#main_content2{
width: 990px;
height:600px;
background-image:   url(../images/bg_main_content.jpg);
background-repeat:no-repeat;
/*border: 1px black solid;*/
}

#frame_map{
width: 442px;
height: 338px;
float:right;
background-image:   url(../images/frame_map.jpg);
/*border: 1px black solid;*/
}

#box1{
width: 300px;
height:300px;
background-image:   url(../images/bg_main_content.jpg);
background-repeat:no-repeat;
/*border: 1px black solid;*/
position:absolute;
top: 450px;
left: 0px;
}

#box2{
width: 300px;
height:300px;
background-image:   url(../images/bg_main_content.jpg);
background-repeat:no-repeat;
/*border: 1px black solid;*/
position:absolute;
top: 450px;
left: 565px;
}


/****************************************************************
	FORMULIER
****************************************************************/
#form{
float:left;
width:500px;
border-width: 1px;
width: 450px;
/*border: 1px blue solid;*/
}

label{
float: left;
width: 110px;
text-align: left;
margin-right: 15px;
margin-left: 15px;
color:#5c523d;
font-size:13px;
}

input{
background-color: #e4f5bf;
border-width: 1px;
border-style: solid;
border-color: #5c523d;
margin-bottom: 10px;
}

select{
width: 120px;
background-color: #e4f5bf;
border-color: #5c523d;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
color:#5c523d;
font-size:14px;
}

textarea{
width: 290px;
height: 90px;
background-color: #e4f5bf;
border-width: 1px;
border-style: solid;
border-color: #5c523d;
font-size:14px;
margin-bottom: 10px;
}

/****************************************************************
	HEADERS
****************************************************************/
h1{
color: #5c523d;
font-size:18px;
}

h2{
color: #5c523d;
font-size:15px;
}

h3{
color: #5c523d;
font-size:16px;
font-weight:bold;
margin-top: 15px;
}

.intro{
font-size:12px;
margin: 15px;
}

.footertext{
font-size:10px;
color:#e9eeb0;
text-align:left;
}

/****************************************************************
	FOOTER ELEMENTEN
****************************************************************/

#footer {
height: 50px;
background-color:#5c523d;
margin: 0 auto;
padding-left: 15px;
width: 980px;
line-height: 50px;
position: relative;
}

#footerdiv{
position:absolute;
top: 830px;
}

#push{
height: 370px;
}

#push3{
height: 1000px;
}

#push4{
height: 1200px;
}
/****************************************************************
	LINKS
****************************************************************/

a{
text-decoration:none;
color:#5c523d;
}

a:hover{
text-decoration:underline;
}

a:active{
color:#000000;
}

.top_nav{
display:inline;
margin-left: 20px;
list-style-type: none;
text-transform:uppercase;
}

.sumup{
font-size:12px;
list-style-image:url(../images/arrowpixel.png);

}
	
.text_submenu{
font-size:11px;
}

.pagina{
font-size:9px;
}

.text_bb{
font-size:11px;
}

.main{
margin-left: 15px;
margin-top: 15px;
}

.main3{
margin-left: 15px;
margin-top: 15px;
}

.main3 a{
	text-decoration:underline;
}