/*  
Theme Name: SafeDesk
Theme URI: http://www.safedesk.nl/
Description: Het thema voor safedesk.nl
Version: 1.0
Author: Goedhart Reklame / Goedhart Vormgeving © 2009
Author URI: http://www.goedhartreklame.nl/
*/

* {padding:0; margin:0;}

body {
	background: #001e49 ;
	color:#333;
	font:0.8em/140% "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-bottom: 15px;	
}

#container, #bottom{width:970px}
#container, #nav, #bottom, #head, #footer, .end, #container_content{margin:0 auto}

#head, #nav, #container_content{width:950px}

#container {
	background: #fff;
	padding-bottom: 10px;
}

#head {
	position:relative;
	height:280px;
	margin-bottom:10px;
}

#splash {
	position:absolute;
	top:10px;
	left:0px;
}

#btnzorg, #btnonderwijs, #btnzakelijk, #btnparticulier {position:absolute; right:0px;}

#btnzorg {top:10px;}
#btnonderwijs{top:80px;}
#btnzakelijk{top:147px;}
#btnparticulier{top:214px;}

#nav{
	position:relative;
	height: 40px;
	background: #1366AB url(images/nav_bg.png) no-repeat left top;
}

#homebutton {
	position:absolute;
	left:opx;
	top:0px;
}

#container_content {
	background: #fff url(images/bg-page.jpg) no-repeat left top;
	position:relative;
	margin-top:10px;
	padding-top:15px;
	padding-bottom:60px;
	/*min-height hack*/
	min-height:400px;
	height:auto !important;
	height:400px;
	/*End hack*/
}

#logo{
	position:absolute;
	right:32px;
	top:92px;
}

#section, #inleiding {height:80px;}

#footer {
	width:950px;
	position:absolute;
	height:60px;
	font-size:95%;
	background: #999900 url(images/bg-footer.gif) no-repeat left top;
	bottom: 0px;
	left:0px;
}

#footer .col_1 {margin-left:380px;}

#footer .col_1, #footer .col_2, #footer .col_3{
	font: .85em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	float:left;
	text-align: left;
	padding-top:10px;
}

#footer .col_1, #footer .col_2, #footer .col_3{
	width:170px;
	padding-right: 10px;
	padding-left: 10px;
}

#footer strong { color:#003366;}

.copyright {
	width:740px;
	text-align:center;
	margin:0 auto;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #999;
	padding-top:10px;
}

.copyright a {text-decoration:none;color: #999;}
.copyright a:hover {color: #ccc;}


#contenthead{
	clear:both;
	margin-bottom:15px;
}

.col3-right {
	width:545px; 
	padding-left:10px;
	padding-right:15px;
	float:left;
	padding-bottom:30px;
}

.col3-right-gallery {
	width:560px; 
	padding-left:10px;
	padding-right:0px;
	float:left;
	padding-bottom:30px;
}

.col2-left {
	width:355px; 
	padding-left:15px;
	padding-right:10px;
	float:left;
	padding-bottom:30px;
}

/*LISTS*/

ul {
	list-style: disc outside;
	padding-left:30px;
	margin-bottom:15px;
}

ol {
	list-style: decimal outside;
	padding-left:30px;
	margin-bottom:15px;
}

ul li {padding-bottom:5px;}
ol li {padding-bottom:5px;}

ul.newslist {list-style: none; padding-left:0px;}

ul.submenu {
	font: bold 0.85em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
}

ul.submenu li{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}

ul.submenu li a{text-decoration:none;}

#nav ul{
	position: absolute;
	right: 10px;
	list-style-type: none;
	text-align: center;
}

#nav ul li{
	height:30px;
	float:left;
	padding-top:10px;
}

#nav ul li a{
	border:none;
	float: left;
	padding: 0px 8px;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.85em;	
}

#nav ul li a:hover, #nav ul li a#active{
	height:30px;
	color: #fff;
	background: url(images/nav-active.gif) no-repeat center bottom;
}

/*END*/

/*HEADERS*/

h1, h2, h1 a, h2 a {
	color: #003366;
	text-shadow: 0px 1px 0px rgba(255,255,255,.65);
	}

h1,h2 {
	margin-bottom: 5px;
	line-height: 100%;
	font-weight: normal;
}

h1 {font-size:1.8em;}
h2 {font-size:1.5em; padding-bottom:5px}
h3 {
	font-size:1em;
	padding-bottom:5px;
	text-transform: uppercase;
}

h4 {
	font-size: 1em;
	padding-bottom:5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #003366;
	text-shadow: 0px 1px 0px rgba(255,255,255,.65);
}


h1 a, h2 a, h3 a{text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:underline;}

h2.subhead{
	font-style: italic;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#sidebarbox h2 { background: none; margin-bottom: 5px}
#sidebarbox h3 {
	text-transform: uppercase;
	font-size: .95em;
	padding-left:17px;
	padding-bottom:0px;
	background: url(images/blt-arrangement.png) no-repeat 0px 2px;
}

/*END*/

p{margin-bottom:10px}

a img {border:none;}
a {color:#333;}

#sidebarbox a {text-decoration:none;}
#sidebarbox a:hover {text-decoration:underline;}

#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#nav a{text-decoration:none;}

a.no-linkborder img {
	border: none !important; /*FF*/
	border: none; /*IE*/
}

a.no-linkborder, a:hover.no-linkborder {
	border-bottom: none !important; /*FF*/
	border-bottom: none; /*IE*/
}

/*IMAGES*/

img.alignnone, img.alignleft, img.alignright, img.border {
	background:#fff;
	border:1px solid #ccc;
	padding:4px
}


img.alignleft, img.border {
	float:left;
	margin:5px 10px 5px 0
}

img.alignright {
	float:right;
	margin:5px 0 5px 10px
}

/*END*/

div.border {
	background:#fff;
	border:1px solid #ccc;
	padding:4px
}

.item{clear: both;}
.item{margin-bottom: 30px;}
#sidebarbox .item {margin-bottom: 20px;}

#commentform textarea{width:95%;}

.articlefooter p, .articleheader p, div.edit{
	text-transform: uppercase;
	color: #666;
	font-size: 0.8em;
	line-height: 1.8em;
	clear: both;
}

.articlefooter p a {color: #666; text-decoration:none;}
.articlefooter p a:hover {color: #333;}

.tag, .rss, .trackback, .comment, .edit{padding-left: 20px;}
div.edit {float:right;}
div.edit a {color: #666; text-decoration:none;}
div.edit a:hover {color: #333;}

.tag {background: url(images/tag_blue.png) no-repeat;}
.rss {background: url(images/rss.png) no-repeat;}
.trackback {background: url(images/link.png) no-repeat;}
.comment {background: url(images/comment.png) no-repeat;}
.edit {background: url(images/page_white_edit.png) no-repeat;}


/*TABLES*/

table {
	border-collapse:collapse;
	width:100%;
	margin-top:5px;
	margin-bottom:15px;
}

td {vertical-align:top; }

table#details td {
	padding:2px;
	border-bottom: 1px solid #e5e5e5;
}
table#details td.AttributeName {font-weight: bold;}

/*END*/

/*CUSTOM FIELDS*/

div.voordeelblok {text-align:right;padding-right:10px;}
span.prijsnormaal {
	font-weight: bold;
	text-decoration: line-through;
}
span.prijsaanbieding, span.kortingspercentage {
	font-weight: normal;
	font-size: 1.8em;
	color: #FF0000;
	padding-left:5px;
}

p.voordeeltekst {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
	margin-bottom:5px;
}

/*END*/

.productlijst-item {
	position:relative;

	width:525px;
	height:120px;
	padding:10px;
	background: #fff;
	margin-bottom: 20px;
}

a.productlijst-link {
	display:block;
	position:absolute;
	left:0px;
	top: 0;
	width:545px;
	height:140px;
	z-index: 2;
	outline:none;
	border: 1px solid #ccc;
}

a.productlijst-link:hover {
	border: 1px solid #A4A4A4;
}

.productlijst-item img.ngg-singlepic {
	float:left;
	border: 1px solid #ccc;
	margin-right:10px;
}

img.ngg-singlepic {
	border: 1px solid #ccc;
}