/*
Theme Name: Skipnews 2.0
Theme URI: 
Description: Skipintro News - Newest template.
Version:
Author: Skipintro
Author URI: http://www.skipintro.nl
*/

/***********************
MAIN
***********************/

html {
	overflow-y: auto; 
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto; 
	}
	
html, body  {
	height: 100%;
	margin: 0; 
	padding: 0;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #fff;
	}

* {
	padding: 0;
	margin: 0;
}


/***********************
FONTS
***********************/
p {
	font-size: 12px;
	color:  #616161;
	line-height: 22px;
	text-align: left;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}



/***********************
LANGUAGE
***********************/
#lang {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#lang ul {
	text-align: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: auto;
	margin-bottom: auto;
	}

#lang ul li {
	text-align: center;
	width: 25px;
	height: 18px;
	background-color: #6A6A6A;
	color: #A3A3A3;
	display: inline;
	float: left;
	font-size: 11px;
	line-height:18px;
	}

#lang ul li a {
	display: block;
	width: 25px;
	height: 18px;
	background-color: #505050;
	font-size: 11px;
	color: #A3A3A3;
	text-decoration: none;
	line-height:18px;
}

#lang ul li a:hover {
	background-color: #A3A3A3;
	color: #505050;
}


/***********************
CONTENT
***********************/

#container {
	position: relative;
	min-height: 100%;
	width: 850px;
	margin: 0 auto; 
	text-align: left;
} 

#content {
	float: right;
	position: relative;
	width: 600px;
	top: 193px;
}

#content a.actief {
	color: #616161;
	text-decoration: none;
	}

#content a {
        color: #616161;
        background: transparent;
        text-decoration: underlined;
}

#content a:hover {
        color: #616161;
        background: transparent;
        text-decoration: none;
}

#content a:active {
        color: #616161;
        background: transparent;
        text-decoration: none;
}

#content img {
	margin: 3px 10px 10px 0;
        _margin: 3px 5px 10px 0;
	border: 0px solid #cccccc;
        padding: 5px 0px 0px 0px;
        background-color: transparent;
}

#content a:hover img { 
        border: 0px solid #cccccc; 
        background: transparent;
}

#content h1 a { 
        color: #555555; 
        background: transparent; 
        text-decoration: none; 
}

#content h1 a:hover { 
        color: #000; 
        background: transparent; 
        text-decoration: none; 
}

#content h2 a:hover { 
        color: #000; 
        background: transparent; 
        text-decoration: none; 
}

#content h3 a { 
        text-decoration: none; 
}

#content h3 a:hover { 
         color: #494949; 
         background: transparent; 
         text-decoration: none; 
}

#content ul {
		 font-size: 12px;
		 color: #616161;
         list-style-type: circle; 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

#content ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}

.entry {
	line-height: 1.3em;
	padding-bottom: 50px;
}

/***********************
HEADER
***********************/

#stroke {
	position: absolute;	
	top: 0;
	left: 0;
	height: 150px;
	width: 100%;
	background-color: #313131;
	z-index: 5;
}

#header {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background-color: #313131;
	height: 150px;
	z-index: 6;

}

.logo {
	position: relative;
	float: left;
	width: 200px;
	height: 150px;
	background-color: #000;
	background-image: url(_img/logo.jpg);
}

.logo h1 {
	visibility: hidden;
	padding-top: 60px;
	padding-left: 40px;
	font-size: 22px;
	text-transform: uppercase;
	color: white;
}

.text {
	position: relative;
	float: right;
	width: 600px;
	height: 100px;
	padding-top: 50px;
	padding-left: 50px;
	background-image: url(_img/headers/header_home.jpg);
}


.nieuws {
	background-image: url(http://www.skipintro.nl/_img/headers/header_nieuws_en.gif);
}


.text p {
	visibility: hidden;
	font-size: 17px;
	color: #A4A4A4;
}

/***********************
MENU
***********************/

#sidebar {
	position: fixed;
	top: 0px;
	width: 200px;
	height: 100%;
	background-color: #e5e5e5;
	z-index: 3;
}

#menu {
	float: left;
	position: relative;
	top: 190px;
	width: 114px;
	left: 85px;
	z-index: 9;
	}

#menu ul {
	text-align: right;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	line-height: 24px;
	}

#menu ul li {
	font-size: 12px;
	color: #555555;
	text-transform: uppercase;
	line-height: 25px;
	}

#menu ul a:hover {
		background-color: #fff;
		}

a.home { background-position: -90px 0px; }
a.home:hover { background-position: 0px 0px; }
li.active a.home { background-position: -180px 0px; }

a.bureau { background-position: -90px -25px; }
a.bureau:hover { background-position: 0px -25px; }
li.active a.bureau { background-position: -180px -25px; }

a.klanten { background-position: -90px -50px; }
a.klanten:hover { background-position: 0px -50px; }
li.active a.klanten { background-position: -180px -50px; }

a.werk { background-position: -90px -75px; }
a.werk:hover { background-position: 0px -75px; }
li.active a.werk { background-position: -180px -75px; }

a.nieuws { background-position: -90px -100px; }
a.nieuws:hover  { background-position: 0px -100px; }
li.active a.nieuws { background-position: -180px -100px; }

a.contact { background-position: -90px -125px; }
a.contact:hover { background-position: 0px -125px; }
li.active a.contact { background-position: -180px -125px; }

#menu ul a:link, #menu ul a:visited, #menu ul a:hover {
		letter-spacing: 10000000px;
		text-decoration: none;
		color: #898989;
		width: 0px;
		display: block;
		padding: 25px 0px 0px 70px;
		overflow: hidden;
		height: 0px;
		background-image: url("_img/menu.gif");
		background-repeat: no-repeat;
	}
	

#menu ul ul {
	position: relative;
	right: 50px;
	border-right: 1px solid #CECECE;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: right;
	list-style-type: none;
	padding: 0;
	}
	
#menu ul ul li {
	line-height: 20px;
	}

#menu ul ul li a:link,  #menu ul ul li a:visited {
	position: relative;
	right: 10px;
	font-size: 12px;
	color: #555555;
	text-transform: none;
	line-height: 0px;
	}

#menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:hover {
	letter-spacing: normal;
	text-decoration: none;
	width: 110px;
	display: inline;
	padding: 0;
	overflow: visible;
	background-image: none;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	}

#menu ul ul li a:hover {
	color: #000;
	}

.actief {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}


.pagenavigation2 {
	font-size: 12px;
	padding-bottom: 40px;
	}

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


/********************
SWITCHER
*******************/

#style-switcher {
	position: absolute;
	top:164px;
	width: 80px;
	height: 22px;
	right: 0;
	z-index: 7;

}
#style-switcher ul {
	text-align: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	line-height: 24px;
	}

#style-switcher ul li {
	display: inline;
	float: left;
	}

a.ons { background-position: -0px -28px; }
a.ons:hover { background-position: -0px -56px; }
li.active a.ons { background-position: -0px -0px; }

a.alles { background-position: -42px -0px; }
a.alles:hover { background-position: -42px -56px; }
li.active a.alles  { background-position: -42px -28px; }

#style-switcher ul a:link, #style-switcher ul a:visited, #style-switcher ul a:hover {
		display: block;
		padding: 22px 0px 0px 40px;
		height: 0px;
		background-image: url("_img/newsswitch.gif");
		background-repeat: no-repeat;
		cursor: hand;
	}