/*   

Theme Name: Flucon Nederlands

Theme URI: www.flucon.nl

Description: Flucon Template

Author: Flucon BV

Author URI: Flucon BV

Version: 2.0

.

Copyright by Flucon

.

*/

@charset "UTF-8";

/* CSS Document */





/*algemeen*/

body {

		margin:0px;

		background-image:url(images/site/background.jpg);

		background-repeat:repeat-x;

		background-color:#d1d1d1;

		font-family:Verdana, Geneva, sans-serif;

}

.dropdown dd, .dropdown dt, .dropdown ul {

	margin:0px;

	padding:0px;

}

.dropdown dd {

	position:relative;

}

.dropdown a, .dropdown a:visited {

	color:#ccc;

	text-decoration:none;

	outline:none;

}

.dropdown a:hover {

	color:#ccc;

		text-decoration:none;

}

.dropdown dt a:hover {

	color:#999999;

	border: 1px solid #ccc;

	border-top:none;

		text-decoration:none;

}

.dropdown dt a {

	background:#FFFFFF url(images/language/arrow.png) no-repeat scroll right center;

	display:block;

	padding-right:20px;

	border:1px solid #ccc;

	width:100px;

	border-top:none;

	text-decoration:none;

}

.dropdown dt a span {

	cursor:pointer;

	display:block;

	padding:5px;

}

.dropdown dd ul {

	background:#fff none repeat scroll 0 0;

	border:1px solid #ccc;

	color:#C5C0B0;

	display:none;

	left:0px;

	padding:5px 0px;

	position:absolute;

	top:2px;

	width:auto;

	min-width:120px;

	list-style:none;

}

.dropdown span.value {

	display:none;

}

.dropdown dd ul li a {

	padding:5px;

	display:block;

}

.dropdown dd ul li a:hover {

	background-color:#ccc;

	color:#FFF;

}

.dropdown img.flag {

	border:none;

	vertical-align:middle;

	margin-right:10px;

}

img {

	border:none;

}

.gallery-icon {

	vertical-align: 50%;

}

/*font submenu*/

h2 {

	padding:0px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#535353;

	line-height:16px;

}

/*font links headers nieuwsberichten*/

h3 {

	padding:0px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

}

/*font slogan tekst*/

h4 {

	padding:0px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:30px;

}

a {

	outline: none;

}

/* rotator in-page placement */

    div#rotator {

	margin-top:-10px;

	margin-left:px;

}

/* rotator css */

	div#rotator ul li {

	float:left;

	position:absolute;

	list-style: none;

}

/* rotator image style */	

	div#rotator ul li img {

	border:0px;

	background: #FFF;

}

div#rotator ul li.show {

	z-index:500

}

/*font gewone tekst*/

h5 {

	padding:0px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:normal;

	display:inline;

	line-height:16px;

}

h6 {

	padding:0px;

	margin-bottom:12px;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:normal;

	display:inline;

}

.donker {

	color:#000;

}

.rood {

	color:#ec1b25;

}

.wit {

	color:#ffffff;

}

.grijs {

	color:#4b4b4b;

	text-align: left;

}

.zwart {

	color:#000000;

}

/*links*/

a:link {

	text-decoration:none;

}

a:visited {

	text-decoration:none;

}

a:active {

	text-decoration:none;

}

a:hover {

	text-decoration:none;

}

/*begin layout van boven naar beneden*/



#container {

	margin:auto;

	width:914px;

	height:auto;

	background-image:url(images/site/background_wit.png);

	background-repeat:repeat-y;

	padding:0px 23px 0px 23px;

}

#logo {

	margin-top:20px;

	width:914px;

	height:90px;

	float:left;

	background-image:url(images/site/flucon_logo.jpg);

	background-repeat:no-repeat;

}

#payoff {

	width:304px;

	height:18px;

	float:right;

	background-image:url(images/site/flucon_payoff.jpg);

	background-repeat:no-repeat;

	margin-top:50px;

}

#streep {

	width:914px;

	height:1px;

	float:left;

	background-image:url(images/site/rodelijn.jpg);

	background-repeat:no-repeat;

}

#categorie_keuze {

	width:914px;

	height:29px;

	float:left;

}

#main_navigatie {

	width:914px;

	height:41px;

	float:left;

	margin:0px 0px 40px 0px;

}

#footer {

	margin:auto;

	height:27px;

	width:935px;

	background-image:url(images/site/background_footer.png);

	background-repeat:no-repeat;

	padding:7px 0px 0px 25px;

}

/*home*/



.subzijmenu_links {

	width:164px;

	height:300px;

	float:left;

}

.header_homepage {

	width:750px;

	height:300px;

	float:right;

	background-image:url(images/site/home_header_klantentellen.jpg);

	background-repeat:no-repeat;

}

.header_homepage_test {

	width:750px;

	height:300px;

	float:right;

}

.header_homepage_communicatie {

	width:750px;

	height:300px;

	float:right;

	background-image:url(images/site/home_header_communicatie.jpg);

	background-repeat:no-repeat;

}

/*categorie keuze*/



.btn_categorie_klanten_tellen {

	width:154px;

	margin-left:95px;

	height:29px;

	float:left;

}

.btn_categorie_communicatie {

	margin-left:5px;

	width:154px;

	height:29px;

	float:left;

}

.language_chooser {

	width:120px;

	height:15px;

	fon	t-family:Arial, Helvetica, Sans-Serif;

	font-size:12px;

	color:#000;

	float:right;

	margin-top:-20px;

	z-index:1000;

}

/*nieuwsframe*/

.nieuws_frame {

	width:280px;

	height:auto;

	float:right;

	margin-right:20px;

}

.nieuws_kop {

	width:280px;

	padding:10px;

	background-color:#f6f6f6;

	float:left;

}

.nieuws_bericht {

	width:280px;

	padding:10px;

	background-color:#f6f6f6;

	border-top:dotted 1px #000000;

	float:left;

}

/*slogan frame*/

.slogan_frame {

	width:450px;

	float:left;

	margin-top:150px;

}

.slogan_frame2 {

	width:450px;

	float:left;

	margin-top:55px;

}

#lager {

	margin-top:10px;

}

.slogan_rood_bg {

	padding:7px 5px 3px 10px;

	background-color:#ec1b25;

	float:left;

}

.slogan_grijs_bg {

	padding:7px 2px 3px 5px;

	background-color:#4b4b4b;

	float:left;

}

.slogan_pijl {

	padding:8px 10px 8px 5px;

	background-color:#4b4b4b;

	float:left;

}

/*onze klanten frame*/



.onze_klanten_kop {

	width:914px;

	height:29px;

	float:left;

	border-bottom:dotted 1px #000000;

}

.onze_klanten_logos {

	width:914px;

	height:70px;

	float:left;

	border-bottom:dotted 1px #000000;

	text-align:center;

}

/*css rest van de paginas*/







.header_content_tekst {

	width:700px;

	height:auto;

	float:right;

	margin-bottom:20px;

	padding-right:15px;

	padding-left:15px;

}

.streep {

	width:914px;

	height:1px;

	float:left;

	border-bottom:dotted 1px #000000;

}

.sponsorListHolder {

	margin-bottom:30px;

}

.sponsor {

	width:135px;

	height:135px;

	float:left;

	margin:4px;

	/* Giving the sponsor div a relative positioning: */

	position:relative;

	cursor:pointer;

}

.sponsorFlip {

	/*  The sponsor div will be positioned absolutely with respect

		to its parent .sponsor div and fill it in entirely */



	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	border:1px solid #ddd;

	background:url("images/background.jpg") no-repeat center center #f9f9f9;

}

.sponsorFlip:hover {

	border:1px solid #999;

	/* CSS3 inset shadow: */

	-moz-box-shadow:0 0 30px #999 inset;

	-webkit-box-shadow:0 0 30px #999 inset;

	box-shadow:0 0 30px #999 inset;

}

.sponsorFlip img {

	/* Centering the logo image in the middle of the sponsorFlip div */

	

	position:absolute;

	top:50%;

	left:50%;

	margin:-68px 0 0 -67px;

}

.sponsorData {

	/* Hiding the .sponsorData div */

	display:none;

}

.sponsorDescription {

	font-size:14px;

	padding-top:60px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

}

.sponsorURL {

	font-size:10px;

	font-weight:bold;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

}

.clear {

	/* This class clears the floats */

	clear:both;

}

/* The styles below are only necessary for the styling of the demo page: */



#main {

	position:relative;

	margin:0 auto;

	width:750px;

}

.note {

	font-size:12px;

	font-style:italic;

	padding-bottom:20px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

}

a, a:visited {

	color:#666;

	text-decoration:none;

	outline:none;

	font-family:Arial, Helvetica, sans-serif;

}

a:hover {

	text-decoration:underline;

	font-family:Arial, Helvetica, sans-serif;

}

a img {

	border:none;

}

/* CONTACT PAGE */

#adresbg{background-image:url('images/contact/location.gif');}

#mailbg{background-image:url('images/contact/mail.gif');}

#phonebg{background-image:url('images/contact/phone.gif');}

#websitebg{background-image:url('images/contact/web.gif');}

.contact .C1{display: block; padding-bottom: 14px;}

.contact .C1 strong{display: block; float: left; padding-left: 25px; background: no-repeat 2px 2px;}

.contact .C1 span{display: block; float: right; width:190px;}

#content .contact .C1 span a{color: #313131;}

#content .contact .C1 span a:hover{color: #ab231d;}

.social{padding-top: 10px; }

.social a{float: left;}

#left{width:320px; line-height:18px; float:left;}

#map {

	width:350px;

	float:left;

}



#mailforms {

  width: 800px;

  padding: 50px;

  margin: 0 auto;

  display: block;

  font-size: 1.2em;

}



#mailforms h2 {

  line-height: 1.5em;

}





/* Add curved borders to various elements */



#contactForm, .statusMessage, input[type="submit"], input[type="button"] {

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;  

  border-radius: 10px;

}





/* Style for the contact form and status messages */



#contactForm, .statusMessage {

  color: #666;

  background-color: #ebedf2;

  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );

  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  

  border: 1px solid #aaa;

  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);

  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);

  box-shadow: 0 0 1em rgba(0, 0, 0, .5);

  opacity: .95;

}





/* The form dimensions */



#contactForm {

  width: 40em;

  height: 33em;

  padding: 0 1.5em 1.5em 1.5em;

  margin: 0 auto;

  z-index:10000000;

}





/* Position the form in the middle of the window (if JavaScript is enabled) */



#contactForm.positioned {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin-top: auto;

  margin-bottom: auto;

}





/* Dimensions and position of the status messages */



.statusMessage {

  display: none;

  margin: auto;

  width: 30em;

  height: 2em;

  padding: 1.5em;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index:10000000;

}



.statusMessage p {

  text-align: center;

  margin: 0;

  padding: 0;

}





/* The header at the top of the form */



#contactForm h2 {

  font-size: 2em;

  font-style: italic;

  letter-spacing: .05em;

  margin: 0 0 1em -.75em;

  padding: 1em;

  width: 19.5em;  

  color: #aeb6aa;

  background: #dfe0e5 15em -3em; /* http://morguefile.com/archive/display/606433 */

  border-bottom: 1px solid #aaa;

  -moz-border-radius: 10px 10px 0 0;

  -webkit-border-radius: 10px 10px 0 0;  

  border-radius: 10px 10px 0 0;

}





/* Give form elements consistent margin, padding and line height */



#contactForm ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



#contactForm ul li {

  margin: .9em 0 0 0;

  padding: 0;

}



#contactForm input, #contactForm label {

  line-height: 1em;

}





/* The field labels */



label {

  display: block;

  float: left;

  clear: left;

  text-align: right;

  width: 28%;

  padding: .4em 0 0 0;

  margin: .15em .5em 0 0;

  font-weight: bold;

}





/* The fields */



input, textarea {

  display: block;

  margin: 0;

  padding: .4em;

  width: 67%;

  font-family:Verdana, Geneva, sans-serif;

  font-size: 1em;

  border: 1px solid #aaa;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;    

  border-radius: 5px;

  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;

  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;

  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;

  background: #fff;

}



textarea {

  height: 13em;

  line-height: 1.5em;

  resize: none;

}





/* Place a border around focused fields, and hide the inner shadow */



#contactForm *:focus {

  border: 1px solid #66f;

  outline: none;

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

}





/* Display correctly filled-in fields with a green background */



input:valid, textarea:valid {

  background: #dfd;

}





/* The Send and Cancel buttons */



input[type="submit"], input[type="button"] {

  float: right;

  margin: 2em 1em 0 1em;

  width: 10em;

  padding: .5em;

  border: 1px solid #666;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;  

  border-radius: 10px;

  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);

  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);

  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);

  color: #fff;

  background: #0a0;

  font-size: 1em;

  line-height: 1em;

  font-weight: bold;

  opacity: .7;

  -webkit-appearance: none;

  -moz-transition: opacity .5s;

  -webkit-transition: opacity .5s;

  -o-transition: opacity .5s;

  transition: opacity .5s;

}





input[type="submit"]:hover,

input[type="submit"]:active,

input[type="button"]:hover,

input[type="button"]:active {

  cursor: pointer;

  opacity: 1;

}



input[type="submit"]:active, input[type="button"]:active {

  color: #333;

  background: #eee;

  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;

  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;

  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;

}



input[type="button"] {

  background: #f33;

}







<!-- Some IE7 hacks and workarounds -->



<!--[if lt IE 8]>





/* IE7 needs the fields to be floated as well as the labels */



input, textarea {

  float: right;

}



#formButtons {

  clear: both;

}



/*

  IE7 needs an ickier approach to vertical/horizontal centring with fixed positioning.

  The negative margins are half the element's width/height.

*/



#contactForm.positioned, .statusMessage {

  left: 50%;

  top: 50%;

}



#contactForm.positioned {

  margin-left: -20em;

  margin-top: -16.5em;

}



.statusMessage {

  margin-left: -15em;

  margin-top: -1em;

}



<![endif]-->