/*
Theme Name: Liftskin
Theme URI: http://www.overvorm.nl
Description: image based layout
Version: 1.0
*/

* {margin:0; padding:0;
}

div.flashalbum {
	outline: 0; /*to remove dotted outline firefox*/
	outline: none; /*to remove dotted outline firefox*/
}

body {
	color: #000066;
	background: #bfe3ff url(images/bg_body_line.gif) repeat-x left top;
	font: 9px "Trebuchet MS", "Lucida Grande", Lucida;
}

span.wp_title {
	color: #60aed1;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;

	background: url(images/divider.png) no-repeat left center;
	display: inline-block;
	padding-left: 30px;
	margin-left: 10px;
}

/* @group buttons */
/* Container you can use to surround a CSS button to clear float */
 /*See: http://www.quirksmode.org/css/clearing.html */
#button{ 
overflow: hidden;
width: 100%;
	margin: 0 0 30px;
}

#button a.login:link, #button a.login:visited {
	width: 180px;
	height: 20px;
	display: block;
	background: url(images/but_login_dwnld.png) no-repeat left top;
	font: bold 13px/20px "Trebuchet MS", "Lucida Grande", Lucida;
	float: left;
	color: #60aed1;
	text-align: left;
	padding-left: 25px;
	text-decoration: none;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#button a.login:hover, #button a.login:visited {
		width: 180px;
	height: 20px;
	display: block;
	background: url(images/but_login_dwnld.png) no-repeat left bottom;
	color: #2b84c9;
	text-decoration: none;
	float: left;
	overflow: hidden;
	padding-left: 25px;
}

#button a.login1:active {
    outline: none; /* hide dotted outline in Firefox */
}

/* @end */

/* @group links */

#thepost a:link, #thepost a:visited {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #ff6e0d;
	border-style: none;
}

a {
	outline: 0; /*to remove dotted outline firefox*/
	outline: none; /*to remove dotted outline firefox*/
}

#thepost a:hover, #thepost a:active {
	text-decoration: none;
	color: #000066;
	background-color: #ffff99;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#klantlijst {
	font-size: 11px;
}

ul#klantlijst li {
	height: 22px;
	width: 100%;
	list-style-image: url(images/ul_bullet.gif);
}

ul#klantlijst li a:link, ul#klantlijst li a:visited {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	border-style: none;
	padding: 2px 3px 2px 4px;
	color: #039bcd;
	display: block;

}

ul#klantlijst li a:hover, ul#klantlijst li a:active {
	text-decoration: none;
	border-top: 1px solid #039bcd;
	background-color: #b4dbfa;
	color: #018dbb;
	padding: 1px 3px 1px 4px;
	border-bottom: 1px solid #039bcd;
	outline: none; /* hide dotted outline in Firefox */
}

/*div#thepost a:link, div#thepost a:visited {
	border-bottom: 1px solid #039bcd;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

div#thepost a:hover, div#thepost a:active {
	text-decoration: none;
		padding-bottom: 1px;
		border-bottom: 2px solid #039bcd;

}*/

/* @end */

/* @group form fiels input buttons */
input.lock {
	background-color: #ffddab;
	color: #ff6600;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	height: 26px;
	border: 1px solid #ff6600;
	padding-left: 6px;
	padding-right: 6px;
}

input.lock:hover, input.lock:focus {
	background-color: #ff6600;
	color: #ffffff;
	outline: none; /*safari hack to remove glowing edge*/
}

input.passwordsubmit, input.submit {
	background-color: #336699;
	color: #bfe3ff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	height: 26px;
	border: 1px solid #003366;
	padding-left: 6px;
	padding-right: 6px;
}

input.passwordsubmit:hover, input.submit:hover, input.submit:focus {
	background-color: #003366;
	color: #ffffff;
	outline: none; /*safari hack to remove glowing edge*/
}

/* @end */

/* @group nav menu */

ul.menu {
	float: left;
	text-transform: capitalize;
	vertical-align: middle;
height: 29px;
margin: 0px auto 0px 12px;
z-index: 100;
position: absolute;
font: 125% "Trebuchet MS", "Lucida Grande", Lucida;
	display: block;
	background: url(images/navbar/nav_right.png) no-repeat right center;
	padding-right: 12px;
}

ul.menu li.menu-item a:link, ul.menu li.menu-item a:visited {
color: #039bcd;
display:block;
	color: #039bcd;
	text-decoration: none;
margin:0px;
background: transparent url(images/navbar/nav_middle.png) repeat-x;
	padding-left: 6px;
	padding-right: 6px;
	height: 29px;
	line-height: 28px;
}

ul.menu li.menu-item a:active, ul.menu li.menu-item a:hover {
color: #ffffff;
background: transparent url(images/navbar/nav_midhover.png) repeat-x;
margin:0px;
text-decoration:none;
	padding-right: 6px;
	padding-left: 6px;
	outline: none; /* hide dotted outline in Firefox */
}

.current-menu-item a:link, .current-menu-item a:visited{
	font-weight: bold;
	color: #000033;
}

.menu li {
float:left;
margin:0px;
padding:0px;
	list-style-type: none;
}

div.menu-mainmenu-container {
float: left;
margin:0px;
padding:0px;
	background: url(images/navbar/nav_left.png) no-repeat left center;
	display: block;
	height: 29px;
	width: 100%;
}

/* @end */

h3 {
	border-bottom: 2px dotted #60aed1;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 13px;
}

h2 {
	color: #000066;
	font-size: 1.3em;
	margin-bottom: 6px;
}

.panel h1 {
	font-size: 20px;
}

.panel h2 {
	font-size: 16px;
}

img {
	border: none;
}

label {
	margin-left: 10px;
}

blockquote {
	margin: 0px 5px 10px 5px;
	padding: 10px 10px 1px 10px;
	font-style: italic;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
}

span.left { float: left; }
span.right { float: right; }

.clearer { clear: both; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 4px 5px 0 5px;
   margin: 0;
}

/* # page = conainer zap buttons */

#page {
	min-width: 900px;
	max-width: 970px;
	margin: 0px auto;
	position: relative;
	  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
border-radius: 7px;
}

#header {
	width: 900px;
	height: 120px;
	margin: 0px auto;
	background: url(images/bg_type.png) no-repeat center 3px;
	overflow: visible;
	z-index: 200;
}

#header h1 {
	padding: 30px 0 16px 0;
	font: bold 24px "Trebuchet MS", "Lucida Grande", Lucida;
	color: #000066
}

#mid {
	width: 100%;
	padding-bottom: 20px;
}

/*#mid.index {
	background: transparent url(images/indexbg.png) no-repeat 50% 0;
}*/

/*#mid.single {
	background: transparent url(images/singlebg.png) no-repeat 50% 0;
}*/

/*#mid.archive {
	background: none;
}*/

.panel {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida;
	color: #efefef;
	position: relative; 
	display: block; 
	width: 900px;
	height: 600px;
	background-color: transparent;
}

.panel-single {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida;
	color: #efefef;
	position: relative; 
	display: block; 
	width: 900px;
	height: 100px;
	margin: 0px auto;
	background-color: transparent;
}

.wrapper-archive {
	width: 270px;
	height: 240px;
	padding: 10px;
	margin: 0 10px 10px 10px;
	background: transparent url(images/archivebg.png) no-repeat 0 0;
	display: block;
	position: relative;
	float: left;
}

.wrapper-page-header {
	height: 110px;
	overflow: hidden;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida;
	border: 1px solid white;
	z-index: 10;
}

.wrapper-page-header .post-title-single {
	max-width: 870px;
		width: 80%;
	padding: 10px;
	position: absolute;
	left: 20px;
	color: #000066;
	font-size: 20px;
	font-weight: bold;

}

.wrapper-archive .post-title {
	max-width: 220px;
	font-size: 1.6em;
}

.slidetext p, .screentext p  {
	font-size: 1.3em;
	margin-top: 5px;
	line-height: 1.4em;

}

.slidetext {
	max-width: 870px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-weight: normal;
	color: #000066;
	width: 80%;
	padding: 10px 10px 12px 15px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
}

.screentext {
	max-width: 870px;
	position: absolute;
	top: 400px;
	left: 100px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-weight: normal;
	color: #000066;
	width: 70%;
	padding: 10px 10px 12px 15px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
}

.post-title {
	max-width: 870px;
	padding: 10px;
	position: absolute;
	left: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-weight: normal;
}

.post-title a, .post-title-single a, .entry a {
	color: #efefef;
	text-decoration: none;
}

.post-title-single {
	top: 30px;
}

/* @group entry */

.entry {
	max-width: 440px;
	padding: 10px;
	position: absolute;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-size: 1.4em;
	line-height: 1.5em;
	left: 20px;
	top: 70px;
}

.entry ul {
	margin: 5px 0 10px 0;
}

.entry li {
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #3b3b3b;
	list-style: none;
}

.entry a:hover {
	color: #c6c6c6;
}

.entry .big {
	font-size: 2em;
}

.entry .rss-big {
	padding-right: 24px;
	background: transparent url(images/rss.png) no-repeat 100% 60%;
}

/* @end */

.content-top {
	height: 15px;
	width: 600px;
	background: transparent url(images/content/top.png) no-repeat 0 0;
}

.content-bottom {
	height: 15px;
	width: 600px;
	background: transparent url(images/content/bottom.png) no-repeat 0 0;
}

.postmetadata {
	padding-bottom: 10px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.postmetadata-archive {
	width: 100%;
	height: 58px;
	padding-top: 10px;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida;
	color: #272727;
	line-height: 1.5em;
}

#thepost {
	margin-bottom: 15px;
	padding: 15px 20px 20px 30px;
	background-color: #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #99ccff;
	line-height: 1.5em;
	visibility: visible;
	height: 100%;
}

#thepost p {
	margin-bottom: 15px;
}

div.previewtxt {
	width: 550px;
	padding: 10px;
	display: block;
}

#content {
	width: 900px;
	margin: 0px auto;
	font-size: 1.2em;
}

#narrow-column {
	width: 600px;
	float: left;
}

#narrow-column p, #narrow-column h3 {
	padding-bottom: 10px;
}

#narrow-column p a {
	font-weight: bold;
	color: #594e7a;
}

#narrow-column ul {
	margin: 0 0 10px 20px;
	line-height: 1.8em;
}

/*#narrow-column input, #narrow-column textarea{
	padding: 4px;
	border: 1px solid #c6c6c6;
}*/

#narrow-column #submit:hover {
	background-color: #333;
	color: #efefef;
}

/*#narrow-column textarea {
	width: 400px;
}*/

/* @group sidebar */

#sidebar {
	width: 240px;
	line-height: 1.5em;
	float: right;
	margin-right: 20px;
	
}

/*.sidebar-item {
	background: transparent;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 1px solid #fff;
	padding: 5px 10px 20px 20px;
	background: #add8fa;
}*/

#sidebar li {
	list-style: none;
		background: #b5dcfa url(images/bg_sidebar.png) repeat-x 0 top;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 1px solid #fff;
	padding: 5px 10px 20px 20px;
	margin-bottom: 10px;
}

#sidebar h2 {
	margin: 5px 0;
	padding-top: 5px;
}

/* @end */

/* @group footer */

/* @end */

/* @group Coda slider */

.csw {width: 100%; height: 500px; overflow: hidden;
	
}
.csw .loading {margin: 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width: 900px;
	height: 500px;
	margin: 0px auto;
	z-index: 10;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
}

.panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 500px;
	position: relative;
	width: 900px;
}

div#stripNavL0 a.arrow:active, div#stripNavL0 a.arrow:focus, div#stripNavR0 a.arrow:active , div#stripNavR0 a.arrow:focus {
	/* remove dotted line on active-ofocus status */
	border: none;
	outline: none;
}

.stripNavL, .stripNavR {
	position: relative;
	top: -320px;
	z-index: 200;
	width: 70px;
	height: 73px;
	overflow: hidden;
	display: block;
	border: none;
}

.stripNavL { float: left;
}

.stripNavR { float: right; }

/* @end */