/*
Theme Name: Eurovin
Theme URI: http://www.mooistekaap.com/
Description: Theme voor de website van eurovin
Version: 1.0
Author: RoHo
Author: http://cmdstud.khlim.be/~rhoudmeyers/
*/


body{margin: 0; background-image: url(images/body_bg.png); background-repeat: repeat; font-family: Georgia, serif;}

.right{float: right;}
.left{float: left;}

/*geen border bij links rond img*/
a img{
	border: 0;
}

a{font-size: 14px; color: #999966; font-weight: 500; font-style: italic; text-decoration: none;}

a:hover{ text-decoration: underline;}

p{clear: both; font-size: 13px; color: #666; line-height: 1.7em;}

strong{
	font-weight: normal;
	font-style: italic;
	color: #000;
}


.clear{clear:both;}


/*opmaak header */


#header_bg{ height: 241px; width: auto; background-image: url(images/header_bg.png); background-repeat: repeat-x;}

#header_container{margin: 0 auto; width: 930px;	height: auto; margin-top: -241px;}

#header_box{height: 300px; width: 332px; background-image: url(images/header_box-trans.png); background-repeat: no-repeat; margin-top: 51px;}

#header_box img{float:left; }

#header_box .left{float: left; width: 160px; height: auto}

#header_box .line{float: left; width: 3px; height: 168px; background-image: url(images/header_line.png);}

#header_box .right{float: left; width: 160px; height: auto}

#header_box p{ font-size: 13px;	font-style: italic;	color: #333; padding-left: 20px; line-height: normal;}

#header_box a{ font-size: 13px; color: #333; text-decoration: underline;}
#header_box a:hover{text-decoration: none;}

#header_box .titel{	font-size: 20px; font-style: italic; font-weight: 500;	color: #666; padding-left: 10px;}

/*header winkelwagen button en info*/

#header_winkelwagen{
	float: left;
	position: absolute;
	margin-left: 400px;
	margin-top: 30px;
}

#header_winkelwagen .info{
	width: 438px;
	height: 78px;
	padding: 5px;
	background-image: url('images/header_extra-trans.png');
	float: left;
}

#header_winkelwagen p{	
	font-size: 16px;
	font-style: italic;
	color: #c4c3c2;
	
	float: left;
	width: 280px;
	margin-left: 20px;
}

#header_winkelwagen .button{
	position: relative;
	float: left;
	width: 123px;
	margin-top: 17px;
}


/* Header fader */

#header_fade{
	width: 500px;
	height: 126px;
}
#header_fade img{
	position: absolute;
}

/*Navigatie*/

#navigatie{
	position: absolute;
	width: 598px;
	margin-top: -176px;
	margin-left: 310px;
}

#navigatie ul{
	list-style-type:none;
}

li{
	display:inline;
}

#navigatie a{ 
	float:left;
	width: auto;
	text-decoration:none;
	color: #d2c9bf;
	font-style: italic;
	font-size: 18px;
	background: #6e5b4a;
	padding: 12px 10px;
	border-top:3px solid #d5ccc1;
}

#navigatie a:hover{
	background:#8f6c2d;
}

#navigatie a:active{
	background:#8f6c2d;
}

/*Opmaak content container*/

#content_container{	margin: 0 auto; width: 930px; height: 100%;}

#content_container #left{
	float: left;
	width: 322px;
	padding-left: 10px;
}

#content_container #right{
	float: left;
	width: 500px;
	min-height: 470px;
	padding-left: 20px;
	margin-top: -90px;
}

h1{
	
	font-size: 20px;
	color: #333;
	font-weight: 500;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Serif;
}

.nieuwsfeit{padding-bottom: 15px; float: left;}

.nieuwsfeit h2,
h2{
	font-size: 18px;
	color: #843333;
	font-style: italic;
	font-weight: 500;
	padding-left: 8px;
	padding-bottom: 0px;
	margin-top: 2px;
	
	float: left;
}

h2{padding-left: 0;}
.nieuwsfeit img{
	float: left;
}

.nieuwsfeit p{padding-left: 5px;}
span.datum{
	padding-top: 7px;
	padding-left: 6px;
	float: left;
	font-size: 12px;
	color: #ac9f90;
}


.postmetadata{
	width: inherit;
	font-size: 12px;
	
	background-color: #dfd7cd;
	border-top: 1px dotted #cac3ba;
	border-bottom: 3px solid #cac3ba;
	padding: 5px 10px;
}


/* headers per page*/
.header_page li a{
	font-family: Georgia; 
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
	padding: 4px 6px;
}

/*overeurovin*/
#header_overeurovin{
	background-image: url('images/header_overeurovin.png');
	width: 500px;
	height: 126px;
}

#header_overeurovin ul{
	list-style-type: none;
	padding-top: 20px;
	padding-left: 20px;
	margin-left: 5px;
}

#header_overeurovin li{
	display: block;
	text-align: left;
	margin-bottom: 12px;
}

#header_overeurovin li a{
	background-image: url('images/transparant_bg-trans.png');
	background-repeat: repeat;
	color: #FFF; 
}

#header_overeurovin li a:hover{background-color: #5d5955; text-decoration: none;}

/*wijnen*/

#header_wijnen{
	background-image: url('images/header_wijnen.png');
	width: 500px;
	height: 126px;
}

#header_wijnen ul{
	list-style-type: none;
	padding-top: 20px;
	padding-left: 20px;
	margin-left: 5px;
}

#header_wijnen li{
	display: block;
	text-align: left;
	margin-bottom: 12px;
}

#header_wijnen li a{
	background-image: url('images/transparant_bg-trans.png');
	background-repeat: repeat;
	color: #FFF; 
}

#header_wijnen li a:hover{background-color: #5d5955; text-decoration: none;}

/*Wijndegustaties*/
#header_degustaties{
	background-image: url('images/header_degustaties.png');
	width: 500px;
	height: 126px;
}

#header_degustaties ul{
	list-style-type: none;
	padding-top: 20px;
	padding-left: 10px;
	margin-left: 5px;
}

#header_degustaties li{
	display: block;
	text-align: left;
	margin-bottom: 12px;
}

#header_degustaties li a{
	background-image: url('images/transparant_bg-trans.png');
	background-repeat: repeat;
	color: #FFF; 
}

#header_degustaties li a:hover{background-color: #5d5955; text-decoration: none;}

/*winkelwagen opmaak*/
.winkelmandje{
	color: #666;
	font-style: italic;
}

#winkel_totaal{
	float: right;
	/*background-color: #a29d95;*/
	border: 1px solid #c3bdb3;
	padding: 4px 10px;
	margin-right: 78px;
	margin-top: 20px;
}

/* afrekenen opmaak kader*/

.afrekenen_stappen{
	background-color: #f0e8dd;
	border: 2px solid #c3a58c;
	padding: 5px 15px;
}

/* formulier opmaak */

label {
color: #3f3f3f;
font-style: italic;
font-size: 13px;
}

.invulveld,
input {
margin-bottom: 15px;
padding: 3px;
color: #3f3f3f;
background-color: #f0e8dd;
border: 1px solid #c3bdb3;
font-size: 15px;
}

.nieuwsbrief_button{
	padding-top: 0px;
}

#footer{
	float: left;
	margin: 0 auto;	
	width: 100%;
	padding: 5px 0;
	
	color: #837a70;
	font-style: italic;
	font-size: 12px;

	border-top: 2px solid #a89f94;
	background-color: #c3b8ac;

	height: 20px;
	bottom: 0px;
}

#footer_info{
	width: 850px;
	margin: 0 auto;
}

#footer_info span{ padding: 0 20px;}