/*************************************************************
  
  Author:       Michael Vermesen 
  Company:      WDR TRAVEL
  Version:      1.0
  Created on:   22.03.2010
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  MENU
  CONTENT
  FOOTER
  -
  CLEARFIX
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background:#FFF url(bgbody.jpg) repeat-x; color: #3F3F3F; font: 12px Arial, Helvetica, sans-serif; line-height:17px;  }

#wrapper { margin: 0 auto; padding: 0px; width: 988px;  }

.NoScreenDisplay { display:none; }

hr { background-color:#333 }

/*************************************************************
  H E A D E R
*************************************************************/
#header { margin-left:4px}

#kruimelpad { color:#FFF; float:right; font-size:11px }
#kruimelpad a { color:#FFF; text-decoration:none }
#logos { padding-top: 30px; float: left; }

#infobox { height:66px; width:249px; /*background-image:url(bg_teaser_header.jpg);*/ float:left; margin-top:7px; margin-left:100px; font-size:11px; color:#666; padding:0px }
#flashbanner { height:75px; width:276px; background-image:url(flashbanner.jpg); float:right; margin-top:18px; margin-right:5px  }

#header #in_de_kijker { float:left; margin-top:5px; margin-left:100px }
#header #in_de_kijker h4 { font:13px Tahoma; color:#666; }
#header #in_de_kijker #text { font:11px Arial, Helvetica, sans-serif; color:#666 }

#header #nieuwsitem1{ background:url(in_de_kijker_3.gif) no-repeat; width:250px; height:65px; padding:9px 17px; float:left; margin-right:5px  }
#header #nieuwsitem1 a { background:url(link_3.gif) left top no-repeat; height:24px; display:block; padding-left:30px; text-decoration:none; font-size:11px; color:#4A4A4A; padding-top:2px; margin-top:4px }
#header #nieuwsitem2{ background:url(in_de_kijker_4.gif) no-repeat; width:250px; height:65px; padding:9px 17px; float:left}
#header #nieuwsitem2 a{ background:url(link_4.gif) left top no-repeat; height:24px; display:block; padding-left:30px; text-decoration:none; font-size:11px; color:#4A4A4A; padding-top:2px; margin-top:4px }


#zoek { background:url(bg_zoek.jpg) no-repeat; height:34px; width:294px; float:right;  color:#FFF; font-weight:bold;}
#zoek #navigation { background:none; width:130px; margin:0px; padding-left:23px; height:20px; }
#zoek #navigation a { font:13px Tahoma; color:#FFF; line-height:25px; padding:0px 10px 8px; }
#zoek #navigation a:hover { background:none; font:13px Tahoma; color:#FFDE00; line-height:25px } 
#zoek input { border:0px; color:#666666; font-size:11px; height:15px; line-height:16px; float:right; width:90px; margin-top:5px; margin-right:40px}
#zoek .zoekknop { background:none; color:#83993A; border:0px; width:40px; margin:0; padding:0px; cursor:pointer; font-weight:bold; vertical-align:middle; margin-left:4px }

#navigation { background-color:#666; width:979px; height:29px; float:left; margin:8px 0px 0px 0px }
#navigation a { font:13px Tahoma; color:#FFF; text-decoration:none;  padding:5px 12px 8px; float:left; height:16px; }
#navigation a:hover, #navigation .item1HL { font:13px Tahoma; color:#4A4A4A; text-decoration:none; background-color:#FFDE00 }

#header_Home_1 { width:979px; height:195px; background:url(header_home_1.jpg) no-repeat; float:left }
#header_Home_2 { width:979px; height:195px; background:url(header_home_2.jpg) no-repeat; float:left }
#header_Home_3 { width:979px; height:195px; background:url(header_home_3.jpg) no-repeat; float:left }
#header_Home_4 { width:979px; height:195px; background:url(header_home_4.jpg) no-repeat; float:left }
#teaser { float:left; padding:35px 0px 0px 35px; color:#FFF }
#teaser h1 { font:16px Tahoma; margin-bottom:10px }
#teaser a.url { color:#fff; background: url(teaser_link.gif) no-repeat; height:23px; font-size:11px; padding-left:30px; margin-top:5px }

#header_1 { width:979px; height:195px; background:url(header_1.jpg) no-repeat; float:left }
#header_2 { width:979px; height:195px; background:url(header_2.jpg) no-repeat; float:left }
#header_3 { width:979px; height:195px; background:url(header_3.jpg) no-repeat; float:left }
#header_4 { width:979px; height:195px; background:url(header_4.jpg) no-repeat; float:left }

#taalkeuze{ background-color:#666;float:right; clear:none}
#taalkeuze a:link{ color:#FFF}

/*************************************************************
  P A R E N T
*************************************************************/
#parentwrap { background: url(parent_patroon.jpg) repeat-y; float:left }
#parent {  background: url(bg_parent.jpg) no-repeat bottom; width:988px; float:left }
#parent_bottom {  background: url(parent_bottom.jpg) no-repeat; width:988px; height:10px; float:left; margin-bottom:3px }

/*************************************************************
  S I D E B A R  - L E F T
*************************************************************/
#sidebar-left { width:190px; height:auto; padding:0px; float:left; margin-top:10px; padding-left:18px }
#submenu { width:190px; background-color:#FFDE00; float:left;  }
#submenu a { font:12px Tahoma; color:#5B5B5B; display:block; text-decoration:none; line-height:22px; padding:0px 10px 0px 10px; width:153px; background:url(submenu_a.gif) no-repeat; height:24px; margin-left:17px;  } 
#submenu a.subMenu2:active, #submenu a.subMenu2:hover, #submenu a.subMenu2HL { color:#fff; display:block; text-decoration:none; line-height:22px; padding:0px 10px 0px 20px; width:143px; background:url(submenu_active.gif) no-repeat; height:24px; margin-left:7px  } 
#submenu-bottom-seperator { padding-bottom:20px } 

/*************************************************************
  C O N T E N T
*************************************************************/
#content { padding: 0px; height:auto; width:625px; float:left; padding:10px 50px 10px 32px; }
#content_basic { padding: 0px; height:auto; width:700px; float:left; padding:10px 50px 10px 20px; }

#content h1, #content_basic h1 { font: 18px Tahoma; color:#DC370E; margin:10px 0px 20px 0px }
#content h2, #content_basic h2 { font: 14px Arial, Helvetica, sans-serif; color:#DC370E; margin:15px 0px 10px 0px; font-weight:bold  }
#content h3, #content_basic h3 { font: 14px Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin:10px 0px  }

#content p, #content_basic p { margin:5px 0px }

a.url:link, a.url:active, a.url:visited{ text-decoration: none; color: #DC370E; font-size:14px; background:url(link.gif) left top no-repeat; height:23px; display:inline-block; padding-left:28px; padding-top:2px; margin-top:15px}	
a.url:hover{ color: #DC370E; text-decoration: none; }
#content a, #content_basic a{ text-decoration: none; color: #DC370E; }	
#content a:hover, #content_basic a:hover{ color: #DC370E; text-decoration: none; }

#content ol, #content ul, #content_basic ol, #content_basic ul {  }
#content ol, #content_basic ol { margin-left: 0px;  }
#content ul, #content_basic ul { }
#content ul li, #content_basic ul li {  list-style: disc; line-height:20px; margin-left:18px }
#content ol li, #content_basic ol li {  list-style: decimal; line-height:20px; margin-left:18px }

#content select, #content_basic select { width:auto; padding: 3px }
#content input.checkbox, #content_basic input.checbox { width:auto; margin-right: 10px }
#content input.radio, #content_basic input.radio { width:auto; margin-right: 10px;  }

#content .mailinginschrijftitel, #content_basic .mailinginschrijftitel{ float:left; font: 14px Arial, Helvetica, sans-serif; color:#DC370E; font-weight:bold; margin:10px 0px; width:700px }
/* PDF */
#content #pdf, #content_basic #pdf { height: 40px; padding: 5px 0 0 }
#content #pdf a, #content_basic #pdf a { color: #DD7026; line-height:30px;}

#content #pdf .IkoonLinks, #content_basic #pdf .IkoonLinks { float: left; margin: 0 10px 0 0 }
#content #pdf .box, #content_basic #pdf .box { clear: right; display: block; height: 32px }


/*************************************************************
  S I D E B A R  - R I G H T
*************************************************************/
#sidebar-right { width:281px; float:left; margin-bottom:15px }

#in_de_kijker h4 { font:13px Tahoma; color:#666; }
#in_de_kijker #text { font:11px Arial, Helvetica, sans-serif; color:#666 }

#nieuwsitem1, #nieuwsitem3, #nieuwsitem5, #nieuwsitem7 { background:url(in_de_kijker_1.gif) no-repeat; width:238px; height:56px; margin-top:10px; padding:7px 12px  }
#nieuwsitem1 a, #nieuwsitem3 a, #nieuwsitem5 a, #nieuwsitem7 a { background:url(link_1.gif) left top no-repeat; height:23px; display:block; padding-left:30px; text-decoration:none; font-size:11px; color:#4A4A4A; padding-top:2px; margin-top:4px }
#nieuwsitem2, #nieuwsitem4, #nieuwsitem6, #nieuwsitem8 { background:url(in_de_kijker_2.gif) no-repeat; width:238px; height:56px; margin-top:10px; padding:7px 12px}
#nieuwsitem2 a, #nieuwsitem4 a, #nieuwsitem6 a, #nieuwsitem8 a { background:url(link_2.gif) left top no-repeat; height:23px; display:block; padding-left:30px; text-decoration:none; font-size:11px; color:#4A4A4A; padding-top:2px; margin-top:4px }

/*************************************************************
  F O O T E R
*************************************************************/
#footer {  background: url(footer.jpg) no-repeat; height: 156px; width:958px; clear:both; margin-bottom:20px; color:#fff; padding:15px 0px 0px 30px; font:13px Tahoma }

#footer #e-mail { float:left; padding:17px 0px 0px 3px }
#footer #e-mail a { text-decoration:none; color:#FFF }
#footer #e-mail2 { float:left; padding:17px 0px 0px 172px  }
#footer #e-mail2 a { text-decoration:none; color:#FFF }
#footer #copyright { float:right; color:#666; margin:20px 7px 0px 0px }
#footer #copyright a { text-decoration:none; color:#666 }

/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */


/* ----------------------------------------------------------------------------------------- */
/* opmaak modules */

.BeeldRechts { float: right; clear: none; margin: 0 0px 10px 30px; }
.BeeldGrootRechts {	float: right; clear: none; margin: 0 0px 10px 60px;	}
.BeeldLinks { float: left; clear: none; margin: 0 30px 10px 0px; }
.BeeldGrootLinks { float: left; clear: none; margin: 0 60px 10px 0px; }
.BeeldGroot { margin-bottom: 15px }

.box { padding: 0; margin: 0 0 5px 0; display: block;}

.category { float:right }

/* vormgeving standaard + uitgebreid formulier ---------- */
input, textarea, select {
	text-align: left;
	padding: 0;
	margin: 0 3px 2px 0;
	color: #666666;
	vertical-align: middle;
	border: 1px solid #999;
	background-color:#FFF !important; 
	width:250px;
}
input.checkbox, input.radio { width:10px; border:0; }
form{
	padding: 0;
	margin: 0;
	line-height:160%;
}
.content{
	margin: 0 0 0 105px;
	line-height:20px
}
.content2{
	margin:0;
	float:left;
}
.label{
	margin: 0 5px 0 0;
	padding: 0;
	width: 100px;
	text-align:right;
	display: block;
	float:left;
	clear:left;
	line-height: 190%;
	background-color:none!important
/*	text-transform: capitalize;*/
}
input.knop, input.knop2, input.knop3 {
	color: #FFF;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	border-width: 0;
	cursor: pointer;
	padding: 3px 5px;
	text-transform: capitalize;
	background-color: #DC370E!important;
	width:auto;
}
input.knop, input.knop3 {	
	margin: 5px 0 0 105px;
}
#zoekresultaat input.knop { margin: 5px 0 0 10px; }
input.knop2 {	
	margin: 5px 0 0 0;
}
input.knop3 {
	padding: 2px;
	text-align: right;
	margin: 0px;
}
/* 2 kolommen tekst + beeld ------------ */
table.portal {
	margin:5px 0 5px 0;
	width:100%;
	}
table.portal .kolom1 {
	vertical-align:top;
	width:50%;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
	border-right:1px solid #ccc
	}
table.portal .kolom2 {
	padding: 0 0 0 25px;
	vertical-align:top;
	width:50%;
	}
.fototekst {
	margin-bottom:5px;
}