/*
Theme Name: SevenCs style
Theme URI: http://www.sevencs.nl/
Version: 1.1
Description: Stijl voor sevencs.nl. Ontworpen en geschreven door Creatavia.
Author: Creatavia
Author URI: http://www.creatavia.com
Tags: sevencs, creatavia

	Copyright: (c) 2013 Creatavia. 

Table of contents: 
******************
1 - Basics
1.1 Body
1.1.1 Text settings
1.2 Basis elements

2 - Areas
2.1 Container
2.2 Header

*/

@charset "UTF-8";

/* 1.1 Body */
body{
	background-color:#6da947;
	background-image:url('images/bg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;

	/* 1.1.1 Text settings */
	font-family:Verdana, Helvetica, Arial;
	font-size:14px;
	color:#717171;
}

/* 1.2 Basis elements */
h1, h2, h3, h4{color:#6da947; padding:0 20px 0 20px;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:14px; padding:0 20px 0 20px;}
p{font-size:14px; padding:0 20px 0 20px;}
li{margin: 0 0 10px 0;}

a,
a:link{
	transition: background 0.25s ease-in-out;
   	-moz-transition: background 0.25s ease-in-out;
   	-webkit-transition: background 0.25s ease-in-out;
	
	color:#717171;
	text-decoration:underline;
}

a:hover,
a:active{
	color:#6da947;
	text-decoration:underline;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

#respond {
    display: none;
}


.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.imghover{
	padding:20px 0 0 20px;
	}

.imghover img{

   
   margin:0 22px 0 0;
}


.expand-title{
	cursor:pointer;
}

/* 2.1 Container */
.container{
	width:1000px;
	height:auto;
		  
	margin:15px auto 0 auto;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-clip:padding-box;
	
	-webkit-box-shadow: 0px 0px 5px 0px #666666; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	-moz-box-shadow: 0px 0px 5px 0px #666666; /* Mozilla */
    box-shadow: 0px 0px 5px 0px #666666; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */	
}

/* 2.2 Header */
.header{
	width:1000px;
	height:320px;
}

/* X slider */

.slider{
	width:1000px;
	height:250px;
	margin:70px 0 0 0;
	
	position:absolute;
	z-index:1;
}
	
.slider-button {float:left; width:32px; cursor:pointer; font-size:30px; height:32px; line-height:26px; margin-top:134px; text-align:center; color:#888; background:#fff; display:none;}
.slider-button:hover {color:#222; display:none;}

.pagination { position:absolute; background:#FFF; float:left; list-style:none; width:85px; height:20px; margin:230px 0 0 915px; padding:0 0 0 10px; z-index:9999;

	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0
	border-radius: 10px 0 0 0; 
	background-clip:padding-box;
	
	}
.pagination li {float:left; cursor:pointer; height:10px; width:10px; background:#717171; margin:5px 4px 0 0; z-index:9999;}
.pagination li:hover {background:#6da947; color:#000;  z-index:9999;}
li.current {background:#6da947;  z-index:9999;}

/* TinyFader */
#slideshow { float:left; width:1000px; height:250px; background:#fff}
#slides { margin:0; padding:0; position:relative; width:1000px; height:250px; list-style:none; overflow:auto}
#slides li {width:1000px; height:250px}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}

/* Slide Styling */
#content {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

#caption {background:#fff; position:relative}
#caption div {position:absolute; bottom:0; left:0; width:464px; padding:15px 18px 10px 18px; background:#000; background:rgba(0,0,0,.7)}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#aaa}



.logo{
	width:410px;
	height:140px;
	
	padding:10px 0 0 10px;
	 
	background-color:#FFF;
	position:absolute;
	z-index:888;
	margin:0;
	
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	border-radius: 10px 0 10px 0;
	}

.lang{
	width:50px;
	height:45px;
	padding:0;
	
	padding:25px 0 0 0;
	
	background-color:#FFF;
	margin:0 0 0 950px;
	position:absolute;
	z-index:899;
	
	-webkit-border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	
	text-align:left;
}
.menu{
	width:545px; 
	height:70px;
	padding: 12px 0 0 50px;
	
	background-color:#FFF;
	margin:0 0 0 410px;
	position:absolute;
	z-index:888;
}

.menu ul{
}

.menu li{
	list-style-type:none;
	font-size:18px;
	margin:0 10px 0 0;
	float:left;
}

.menu li a{
	color:#717171;

	padding:10px;

	display: inline-block;
	/* CSS3 ease-in-out script */
   	transition: background 0.25s ease-in-out;
   	-moz-transition: background 0.25s ease-in-out;
   	-webkit-transition: background 0.25s ease-in-out;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	text-decoration:none;
}


.menu li a:hover,
.menu li a:active,
.menu li a.current{
	background-color:#6da947;
	
	color:#FFF;
		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	display:inline-block;
}

.content{
	width:1000px;
	height:auto;
		
	background-color:#FFF;
	
	padding:10px 0 10px; 
}


.footer1{
	width:790px;
	height:40px; 
	
	padding: 0 10px 0 20px;
	
	line-height:40px;
	
	background-color:#e9e9e9; 
	
	-webkit-border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
	
	float:left;
}
	
.footer2{
	width:150px;
	height:40px; 
	
	padding:0 20px 0 10px;
	
	font-size:10px;
	text-align:right;
	line-height:40px;
	
	background-color:#e9e9e9;
	
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	
	float:left;
}

.footer1 a,
.footer2 a{
	transition: background 0.25s ease-in-out;
   	-moz-transition: background 0.25s ease-in-out;
   	-webkit-transition: background 0.25s ease-in-out;
	
	color:#717171;
	text-decoration:none;
}

.footer1 a:hover,
.footer2 a:hover{
	color:#6da947;
	text-decoration:none;
}

.clear{
	clear:both;
}
	
	
	
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color:#FFF;
	background-color: rgba(0, 0, 0, 0.3);
	
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-clip:padding-box;
	
	
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top a{
	color:#FFF;
	text-decoration:none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}



.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    padding: 0 !important;
}