/*  
Theme Name: trekhaak
Theme URI: http://www.trekhaakgezocht.nl
Description: wordpress weblog theme for Trekhaak Gezocht
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 12px Courier New, Trebuchet MS, Verdana, Arial; 
	color: #000; 
	background: #fff; 
	margin: 0; 
	padding:0;
	text-align: left;
	}	
	
h1 { 
	font-weight: normal;
	font-size: 16px; 
	margin: 0; 
	padding: 0 0px 10px 0px;
    text-transform: uppercase;
}	
	
h2 { 
	font-weight: normal;
	font-size: 14px;  
	margin: 0; 
	padding: 0;
    text-transform: uppercase;
}

p { 
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	}
	
#menu a, #sidebar a, #footer a, a img {
	border: 0;	
    text-decoration: none; 
	}
    
hr {
    clear: both;
    border: 1px solid #000;
    padding: 0;
    margin: 5px 0 0 0;    
    }    
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #f62429;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #ff8386;
	}
	
ul {
	list-style:none;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}	

ol {
    list-style:none;
	padding: 0;
    margin:0;    
}

	
em, small {
	margin: 0;
	padding: 0; 
	color: #523e2e; 
	}
	
strong {
	color: #523e2e; 
	}

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
	}	
	
/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	position: absolute;
	top: 0px;
	left: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
    top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px; 
}
 /* end IE 5 hack */ 


#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto;   
	}
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
	position: absolute;
	top:0px;	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
    z-index: 0;
	}
		
#header {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 144px;
}	

#header_top {
    float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 96px;
    /*background: url('images/header.gif') no-repeat;*/
}

#menu {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 48px;
    background: #616265 url('images/menubalk.gif') no-repeat;
}

#menu ul, #menu li {
    float: left;
    list-style: none;
    height: 16px;
}

#menu li {
    padding: 0;
}

.btn_trekhaakgezocht a {
    position: absolute;
    left: 28px;
    top: 112px;
    padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 196px; 
	height: 16px;
    background: url('images/trekhaakgezocht.gif') no-repeat;
}

.btn_liftennieuwestijl a {
    position: absolute;
    left: 270px;
    top: 112px;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 198px; 
	height: 16px;
    background: url('images/liftennieuwestijl.gif') no-repeat;
}

.btn_vanutrechtnaaroerol a {
    position: absolute;
    left: 517px;
    top: 112px;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 250px; 
	height: 16px;
    background: url('images/vanutrechtnaaroerol.gif') no-repeat;
}

.btn_hoedoeikmee a {
    position: absolute;
    left:815px;
    top: 112px;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 158px; 
	height: 16px;
    background: url('images/hoedoeikmee.gif') no-repeat;
}

.current a, .btn_trekhaakgezocht a:hover, .btn_liftennieuwestijl a:hover,.btn_vanutrechtnaaroerol a:hover, .btn_hoedoeikmee a:hover {
    float: left;
    background-position: 0 -16px;
}


#wrap_bg {
	float: left;
	width: 1000px;
	padding:0;
	margin: 0;
}

#wrap {
	float: left;
	width: 960px;
	padding:0 40px 0 0;
	margin: 0;
}

#content {  
	float: right;
	padding: 0 0 20px 0; 
	margin: 0;
	text-align: left; 
	width: 515px; 
    background: #fff;
	}
    
    
#home_vuno {
    float: left;
    height: 616px;  
    width: 593px;
    padding:0;
    margin:0;
    }  
    
#home_vuno a {
    float: left;
    height: 616px;  
    width: 593px;
    background: url('images/tg_van_utrecht_naar_oerol.gif') no-repeat;
    }  

#home_vuno a:hover {
    float: left;
    height: 616px;  
    width: 593px;
    background: url('images/tg_van_utrecht_naar_oerol_r.gif') no-repeat;
    }  

#home_expo {
    float: left;
    height: 238px; 
    width: 221px;
    padding:0 0 80px 0;
    margin:0;
    }  
    
#home_expo a {
    float: left;
    height: 238px;  
    width: 221px;
    background: url('images/tg_waar_zijn_wij.gif') no-repeat;
    }  

#home_expo a:hover {
    float: left;
    height: 238px;  
    width: 221px;
    background: url('images/tg_waar_zijn_wij_rollover.gif') no-repeat;
    }     
    
#home_enter {
    float: left;
    height: 156px; 
    width: 156px;
    padding:0 0 0 70px;
    margin:0;
    }  
    
#home_enter a {
    float: left;
    height: 156px;  
    width: 156px;
    background: url('images/tg_enter.gif') no-repeat;
    }  

#home_enter a:hover {
    float: left;
    height: 156px;  
    width: 156px;
    background: url('images/tg_enter_rollover.gif') no-repeat;
    }         
       
#sidebar {
    float: left;
    width: 270px;
    padding:0;  
    margin:0;    
    }    
	
#sidebar ul {
    padding:0;
    margin:0;
}               
    
.post  {
	clear: both;
	padding: 20px; 
	margin: 0;
	text-align: left; 
	}
	
.post p {
	text-align: left;
	line-height:  17px;
	}
    
.post img {
    padding: 0;    
    }   
    
.post ul {
    clear: both;
    padding: 10px 0 10px 15px;
    margin:0;
    list-style: disc;    
    }    
    
.post li {
    list-style-type: disc;
    padding:0 0 0 10px;
    margin:0;
    }    
    
.postmeta {
    position: absolute;
    top: 180px;
    left: 20px;
    text-align: right;    
    z-index: 2;
    }      

.mid {  
	float: left;
	background: url(images/bg_mid_top.gif) no-repeat top;
	padding: 0; 
	margin: 0;
	border: 0;
	}

#footer {
    float: left;
	padding: 0 0 40px 0px; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 50px;
}

#sponsors {
    float: left;
	padding: 15px 0 15px 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	}

#sponsors a {
    padding: 0 30px 0 0;
    margin:0 0 5px 0;    
    }    
    
.widget {
	float: left;
	width:243px;
	background: url(images/widget_bg.gif) repeat-y;
	padding:0;
	margin: 0 auto;
	}	

.widget_top {
	clear: both;
	width:238px;
	height: 22px;
	background: url(images/widget_top.gif) no-repeat;
	padding: 7px 0 0 10px;
	margin:0;
	}

.widget_bottom {
	float: left;
	width:243px;
	height: 14px;
	background: url(images/widget_bottom.gif) no-repeat;
	padding:0;
	margin:0 0 10px 0;
	}

.widget ul {
	padding: 10px 0 10px 0;
	margin:0;
	}

/* search */

.navigation {
    float: left;
    padding: 10px 0 20px 0;
    margin:0;
}

#search {
	position: absolute;
	top: 40px;
	left: 650px;
	margin: 0;	
	padding: 0;
	color: #fff;
	width: 280px;
	height: 40px;
	background: #000;
	text-align: left;
	z-index: 0;
	}	

#search_field {
	position: absolute;
	top: 0px;
	left: 0px;
	width:40px;
	height: 25px;
	padding:0px;
	margin:0px;
	}
	
#search_field input {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 210px;
	padding: 2px;
	margin: 0;
    font-size: 14px;
    height: 20px;
	color: #000;
	border: 0;
	background: #fff;
	}
	
#search_button {
	position: absolute;
	top: 8px;
	left: 223px;
	width:55px;
	height: 23px;
	padding:0px;
	margin:0px;
	}
	
#search_button input {		
	width: 50px;
	height: 23px;
	padding:0;
	margin:0;
	border:0;
}
	
.search_submit {		
	background:#dc241f;
    color: #fff;
}

.search_submit:hover {
	background: #f46c6c;
	margin: 0;
	padding: 0;
    cursor: pointer;
}

/* sidebar image links */

#sidebar_links_wrap {
    float: left;
    width: 400px;
    padding:20px;
    margin:0;
    border: 0;    
}

#mooiste_caravan {
    float: left;
    width: 165px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
}

#mooiste_caravan a {
    float: left;
    width: 165px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-12.gif');
}

#mooiste_caravan a:hover {
    float: left;
    width: 165px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-12b.gif');
}

#upload {
    float: left;
    width: 154px;
    height: 219px;
    padding:0;
    margin:0;
    border: 0;
}

#upload a {
    float: left;
    width: 154px;
    height: 219px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-13.gif');
}

#upload a:hover {
    float: left;
    width: 154px;
    height: 219px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-13b.gif');
}

#vraagenaanbod {
    float: left;
    width: 190px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
}

#vraagenaanbod a {
    float: left;
    width: 190px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/vraag_en_aanbod.gif');
}

#vraagenaanbod a:hover {
    float: left;
    width: 190px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/vraag_en_aanbod_rollover.gif');
}

#vreemd {
    float: left;
    width: 164px;
    height: 230px;
    padding:0;
    margin:0;
    border: 0;
}

#vreemd a {
    float: left;
    width: 164px;
    height: 230px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-14.gif');
}

#vreemd a:hover {
    float: left;
    width: 164px;
    height: 230px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-14b.gif');
}

#liften_nieuw {
    float: left;
    width: 186px;
    height: 262px;
    padding:0;
    margin:0;
    border: 0;
}

#liften_nieuw a {
    float: left;
    width: 186px;
    height: 262px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-15.gif');
}

#liften_nieuw a:hover {
    float: left;
    width: 186px;
    height: 262px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-15b.gif');
}

#mode {
    float: left;
    width: 147px;
    height: 229px;
    padding:0;
    margin:0;
    border: 0;
}

#mode a {
    float: left;
    width: 147px;
    height: 229px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-16.gif');
}

#mode a:hover {
    float: left;
    width: 147px;
    height: 229px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-16b.gif');
}


#waarstaanwenu {
    float: left;
    width: 136px;
    height: 194px;
    padding:0;
    margin:0;
    border: 0;
}

#waarstaanwenu a {
    float: left;
    width: 136px;
    height: 194px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-17.gif');
}

#waarstaanwenu a:hover {
    float: left;
    width: 136px;
    height: 194px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-17b.gif');
}

#napoleon {
    float: left;
    width: 173px;
    height: 216px;
    padding:0;
    margin:0;
    border: 0;
}

#napoleon a {
    float: left;
    width: 173px;
    height: 216px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-21.gif');
}

#napoleon a:hover {
    float: left;
    width: 173px;
    height: 216px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-21b.gif');
}

#wetenschap {
    float: left;
    width: 132px;
    height: 256px;
    padding:0;
    margin:0;
    border: 0;
}

#wetenschap a {
    float: left;
    width: 132px;
    height: 256px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-19.gif');
}

#wetenschap a:hover {
    float: left;
    width: 132px;
    height: 256px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-19b.gif');
}

#kiekjes {
    float: left;
    width: 141px;
    height: 214px;
    padding:0;
    margin:0;
    border: 0;
}

#kiekjes a {
    float: left;
    width: 141px;
    height: 214px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-20.gif');
}

#kiekjes a:hover {
    float: left;
    width: 141px;
    height: 214px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-20b.gif');
}

#pers {
    float: left;
    width: 141px;
    height: 218px;
    padding:0;
    margin:0;
    border: 0;
}

#pers a {
    float: left;
    width: 141px;
    height: 218px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-18.gif');
}

#pers a:hover {
    float: left;
    width: 141px;
    height: 218px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/picture-18b.gif');
}

#columns {
    float: left;
    width: 120px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
}

#columns a {
    float: left;
    width: 120px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/columns.gif');
}

#columns a:hover {
    float: left;
    width: 120px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/columns_rollover.gif');
}

#webshop {
    float: left;
    width: 129px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
}

#webshop a {
    float: left;
    width: 129px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/webshop.gif');
}

#webshop a:hover {
    float: left;
    width: 129px;
    height: 200px;
    padding:0;
    margin:0;
    border: 0;
    background: url('images/webshop_rollover.gif');
}

/* footer links */

.typischdennis a:link, .typischdennis a:visited {
    float: left;
    padding: 0;
    margin:0;
    border:0;
    width: 1000px;
    height: 49px;
    background: url('images/footer.gif') no-repeat;
}

.typischdennis a:hover, .typischdennis a:active {
    float: left;
    padding: 0;
    margin:0;
    border:0;
    width: 1000px;
    height: 49px;
    background: url('images/footer_r.gif') no-repeat;
}

/*
.autobahn a {
    float: left;
    padding: 0;
    margin:0;
    border:0;
    width: 87px;
    height: 15px;
}

.atypisch a {
    float: left;
    padding: 0;
    margin:0;
    border:0;
    width: 98px;
    height: 15px;
}
*/

/* align images  */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 2px 0 2px 8px;    
margin: 0;
}

img.alignleft {
padding: 2px 8px 2px 0;
margin: 0;
display: inline;
}

.alignright {
float: right;
padding: 0;
}

.alignleft {
float: left;
padding: 0;
}
/* End align Images */

/* GALLERY  */
.gallery-icon {
    float: left;
    padding: 0 15px 0 0;
    margin:0;
}


/* start forms */

select {
	width: 100px;
	}

#content textarea {
    clear: both;
	width: 300px;
	padding: 2px;
	height:125px;
	border: 1px solid #523e2e;
	}
    
#comments {
    clear: both;    
    padding: 20px 0 0 0;
    }    
    
#comment ul, #comment li {
    list-style: none;    
    }    
    
	
/* einde forms */