/*alle margins en paddings weg*/
* {margin: 0; padding: 0; }

/*standaard tags bepalen*/
body {
	font: normal 62.5%/1.5em Tahoma, "Verdana", Arial, Helvetica, sans-serif;
	background: #fafafa url(../img/evine1pixel.PNG) repeat-x;
	color: #000;
	text-align: center;
	}
h1 { /*titel vervangen door afbeelding */
  	font: italic bold 2.0em/1.5 times, serif;
  	color: #c63;
	}
h2 { /*Titel part2,part3 in header*/
   	font: bold 1.8em/1.5 "Trebuchet MS", Tahoma, Arial; 
   	margin: 0px 0px 5px 0px; 
   	padding: 0px;
   	}
h3 { /*Gebruikt in bijna alles van de blogonderdelen, titels van nieuwsbericht*/
	font: bold 1.4em/1.5 Helvetica, Arial; 
   	margin: 0px 0px 5px 0px; 
   	padding: 0px;
	color:#f60;
	}
h4 { /*Klein lettertype voor onderschriften bijvoorbeeld en copyright*/
   	font: bold 1.2em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif; 
   	}
h5 { /*Stuk rood om iets onder de aandacht te brengen*/
   	font: bold 1.6em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif; 
	color: #f00;
	text-align: center; 
   	}
h6 { /*Klein voor blogonderdelen zoals "geschreven op:"*/
	font: bold 1.1em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	}					
p {
	margin: 0 0 14px 0;
	}
img {
	border: none;
	}
.imgborder a img {
	border: 3px solid #fff;
	}
.imgborder a:hover img {
	border: 3px solid #666;
	}	
a:link { text-decoration: underline; color: #358; font-weight: bold; } 
a:visited { text-decoration: underline; color: #358; font-weight: bold; }
a:hover { text-decoration: underline; color: #000; font-weight: bold; }
a:active { text-decoration: underline; color: #000; font-weight: bold; }	

#container {
	width: 1050px;
  	text-align: left;
	overflow: hidden;
	margin: 0 auto;
	border: none;
	font: normal 1.4em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif;
	}
#inhoud {
	width: 810px;
	border: none;
	float: left;
	background: #fafafa url(../img/evine.PNG) no-repeat;
	}
#sidebar {
	width: 200px;
	border: none;
	float: right;
	padding: 150px 5px 5px;
	margin: 5px;
	}	
#top {
	width: 810px;
	height: 122px;
	border: none;
	font: normal 1.4em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif;
	}

#nav {
    position: relative;
    height: 50px;
	font: normal 1.2em/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
  }
    #nav ul {
      position: absolute;
      right: 10px;
      top: 72px;
    }
      #nav ul li {
        display: inline;
        line-height: 50px;
        margin-left: 25px;
		border-bottom: 1px dashed white;

      }
       #nav ul li a {
          color: #fff;
          padding: 0;
		  text-decoration: none; color: #fff; font-weight: normal;
        }
		#nav a:hover {
		text-decoration: none; color: #000; font-weight: normal;
		}
	
#recent {
	width: 800px;
	border: none;
	margin: 5px;
	padding: 5px 0;
	overflow: hidden;
	}
#about {
	width: 460px;
	border: none;
	margin: 5px;
	float: left;
	}
#about2 {
	width: 300px;
	border: none;
	float: right;
	margin: 5px;
	}
#portfolio {
	width: 800px;
	border: none;
	margin: 5px;
	clear:both;
	}			
#contact {
	width: 800px;
	border: none;
	margin: 5px;
	}
#footer {
	width: 800px;
	border: none;
	margin: 5px 5px 0 5px;
	}
.subgroot { 
	font: normal 1.4em/1.5 Tahoma, "Verdana", Arial, Helvetica, sans-serif;
	}	
 a.sublinks:link { text-decoration: underline; color: #f60; font-weight: bold; } 
 a.sublinks:visited { text-decoration: underline; color: #f60; font-weight: bold; }
 a.sublinks:hover { text-decoration: underline; color: #000; font-weight: bold; }
 a.sublinks:active { text-decoration: underline; color: #000; font-weight: bold; }	

.kolomlinks {
	width: 430px;
	border: none;
	float: left;
	}
.kolomrechts {
	width: 350px;
	border: none;
	float: right;
	}
.clear {
	clear:both;
	}
.lijst {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: disc outside url(http://evine.nl/img/alt0187blauw.png);
	}
.lijst li {	
	margin: 0 0 0 20px;
	}
/*
    For Specific Slides & Jquery stuff
*/
.karmic_flow_container {
	width: 800px;
	height: 386px;
	border: none;
	overflow: hidden;
}
#flowcontroller {
	text-align: center;
	float: left;
	display: inline-block;
	position: relative;
	clear: both;
	width: 800px;
	height: 40px;
	z-index: 8;
	}
	
.karmic_flow_slider, .karmic_flow_slider li {
	list-style:none;
	margin: 0;
	padding: 0;
}

.karmic_flow_slider {
	overflow: hidden; 
	
	/* optional */
	margin-left: 0;
}

.karmic_flow_slider li {
	float: left;
	position: relative;
	overflow:hidden;
}


.karmic_flow_sliding .karmic_flow_slide_overflow {
	overflow:hidden;
}

.karmic_flow_sliding object, .karmic_flow_sliding embed {
	display: none;
}





/************************************************
*	jFlow									*
************************************************/

#controller {
	background: #FFFFFF;
	text-align: center;
	float: left;
	display: inline-block;
	position: relative;
	clear: both;
	width: 800px;
	height: 40px;
	margin: 0;
	padding: 0;
	z-index: 8;
	}
	
#controller a {
	text-decoration: none;
	}
	
#controller h4 span {
	float: left;
	display: inline;
	_width: 250px;
	margin: 0px;
	padding: 0px;
	border: none;
	}
	
#controller h4 span.mid {
	_width: 200px;
	}

#controller h4 span a, #controller h4 span a:link, #controller h1 span a:visited {
	float: left;
	display: inline;
	color: #333;
	background: #FFF;
	background-repeat: no-repeat;
	display: inline-block;
	width: 200px;
	height: 38px;
	_height: 40px; /* Only IE6 Fix */
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	overflow: hidden;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: none;
	}
	
#controller h4 span a.mid, #controller h4 span a:link.mid, #controller h4 span a:visited.mid {
	width: 293px;
	}
	
#controller h4 span a:hover, #controller h4 span a:active {
	color: #F5F5F5;
	background: #333333 url(images/slider_nav_bg.png) repeat-x;
	text-decoration: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: none;
	}
	
#controller h4 span.jFlowSelected a, #controller h4 .jFlowControl.jFlowSelected a {
	background: #333333 url(images/slider_nav_bg.png) repeat-x;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: none;
	}
	
#controller h4 span.jFlowSelected a {
	color: #F5F5F5;
	text-decoration: none;
	border: none;
	}
	
#prev_btn a {
	float: left;
	clear: both;
	color: #666666;
	text-decoration: none;
	}
	
#prev_btn a:hover {
	background-position: -40px 0px;
	color: #000000;
	}

#next_btn a {
	float: right;
	color: #666666;
	text-decoration: none;
	}
	
#next_btn a:hover {
	background-position: -40px 0px;
	color: #000000;
	}

.jFlow {
	float: left;
	background: none;
	display: block;
	clear: both;
	height: 320px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.jFlow h4 {
	margin: 0px;
	}

.jFlow h4 a {
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}