/* -------------------------
stylesheet: sms4information
author: Stephan Bakker
info: www.triple-it.nl

color: 
font: #000
font oranje: #F35712
font grijs: #666
link paars: #691C67
---------------------------*/

/* ------------------- default styles ---------------------- */
body{
	color: #000;
	font: 62.5%/150% verdana,helvetica,arial,sans-serif;
	margin: 0;
	padding: 0 0 40px 0;
	background: #F1F0F5 url(../images/backgrounds/bg_sms.jpg) repeat-x top;
	text-align: center;
}
div,img{
	border: 0;
	margin: 0;
	padding: 0;
}
img{
	vertical-align: bottom;
}
ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}
li p{
	margin:0;
	padding:0;
}
fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}
h2,h3,h4{
	margin: 1em 0;
	padding: 0 6px;
}
h3{
	font-size: 1.1em;
}
p{
	font-size: 1.1em;
	margin: 1em 6px;
	padding: 0;
}
/* submit via a link =button */

a.button{
	float: right;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 18px;
	color: #fff;
	padding: 0 12px;
	margin: 10px 0 6px 0;
	text-decoration: none;
	background: #f35712 url(../images/buttons/button_submit.jpg) no-repeat 50% 50%;
	border-right: 1px solid #cc3e00;
	border-bottom: 1px solid #cc3e00;
}
	.content .content_main a.button{
		color: #fff;
		float: left;
		margin: 1px 0 0 4px;
	}
	.content .content_sub a.button{
		float: left;
		margin: 1px 0 0 4px;
	}
.status{
	float: left;
	padding: 12px;
	font-weight: bold;
	font-size: 1.2em;
}
.content .forminput a.button{
	margin: 10px 0 0 0;
	float: right;
	clear: both;
}
/* ------------------- main layout ---------------------- */

/* ------------------- =wrapper ---------------------- */

.wrapper{
	overflow: hidden;
	width: 774px;
	margin: 0 auto 0 auto;
	padding: 0 3px 0 3px;
	text-align: left;
	background: #fff url(../images/backgrounds/bg_wrapper.gif) repeat-y center
}
.header{
	float: left;
	width: 774px;
	border-bottom: 1px solid #d1d1d1;
}
	.layout_sub .header{
		border: 0;
	}
.footer{
	width: 774px;
	margin: 0 auto 0 auto;
	padding: 0 3px 6px 3px;
	color: #691C67;
	text-align: left;
	background: #F1F0F5 url(../images/backgrounds/bg_suppl.gif) no-repeat center bottom;
}
.content_intro{
	background: #fff;
}
/*
.content_main{
	clear: both;
	width: 774px;
	border-top: 1px solid #d1d1d1;
}
afwachten of we deze nodig hebben
*/
.content_main{
	float: left;
	width: 570px;
	padding: 0;
}
.content_container{
	clear: both;
	float: left;
	width: 774px;
	padding: 0 0 30px 0;
	border-top: 1px solid #d1d1d1;
	background: #fff url(../images/backgrounds/bg_contsub.gif) repeat-y right;
}
.content_container .content_main{
	border: 0;
	padding: 0 12px 0 6px;
}
.content_container .content_sub{
	float: right;
	width: 184px;
}

/* ------------------- =nav_extras ---------------------- */
ul.nav_extras{
	text-align: right;
	height: 50px;
	padding: 3px 8px 0 0 ;
	background: url(../images/backgrounds/bg_pagetop.jpg) no-repeat 0 0 ;
}
	ul.nav_extras li{
		display: inline;
		padding:0 0 0 12px;
	}
	ul.nav_extras li.logged_in{
		display:block;
		padding:5px 0 0 0;
	}
	ul.nav_extras li a{
		color: #fff;
		text-decoration:none;
	}
		ul.nav_extras li a:hover{
			text-decoration:underline;
		}
/* ------------------- =branding ---------------------- */
.branding{
	float: left;
	width: 410px;
	margin: -12px 0 0 0;
	padding: 0 0 0 12px;
}


/* ------------------- =intro ---------------------- */
.intro{
	padding: 0 0 12px 0;
}
.intro .top,
.intro .bottom{
	clear: both;
	width: 760px;
	padding: 0 0 0 7px;
	height: 10px;
	font-size: 10px;
	background: url(../images/backgrounds/bg_introcorners.jpg) no-repeat right top;
}
.intro .bottom{
	clear: both;
	background-position: 100% 100%;
}
.intro .content{
	float: left;
	width: 760px;
	padding: 0 0 0 7px;
	background: #fff url(../images/backgrounds/bg_intrograd.jpg) repeat-y right;
}
	.intro .content .main{
		float: left;
		width: 570px;
		padding: 0 0 0 6px;
	}
	.intro .content .sub{
		float: right;
		text-align: center;
		width: 180px;
		margin: 0;
	}
.intro h2,
.content_main h2.intro{
	float: left;
	display: inline;
	color: #fff;
	font-size: 1.2em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 0 20px;
	height: 27px;
	background:url(../images/backgrounds/bg_introhead.gif) no-repeat right top;
}
	.intro h2 a,
	.content_main h2.intro a{
		float: left;
		position: relative;
		color: #fff;
		left: -16px;
		width: 20em;
		height: 27px;
		padding: 0 20px 0 20px;
		background: url(../images/backgrounds/bg_introhead.gif) no-repeat left top;
		text-decoration: none;
	}
.intro h3{
	clear: both;
	padding: 12px 6px 0 6px;
	margin: 0 0 0.8em 0;
	font-size: 1.4em;
	color: #F35712;
}

.intro ul{
	margin: 0;
	padding: 0 6px ;
}
.intro ul li{
	font-size: 1.1em;
	list-style: disc inside;
	color: #666;
}
.intro p{
	margin: 1em 6px 0 6px;
}
.intro a.more{
	padding: 0 0 0 6px;
	color: #691C67;
}
.intro .sub h2{
	padding: 0;
	line-height: 1.4em;
	height: auto;
	font-size: 1.1em;
	margin: 0 0 12px 6px;
	text-align: left;
	background: none;
}
.intro .sub p{
	text-align: left;
	margin: 1em 6px;
}

	.intro .sub h2 a{
		position: static;
		padding: 0;
		background: none;
		color: #333;
		width: auto;
		float: none;
	}
	
/* ------------------- =content_main ---------------------- */

.content_main h2.intro{
	margin: 8px 0 1em 28px;
	text-align: left;
	background-position: right bottom;
}
	.content_main h2.intro a{
		text-align: left;
		background-position: left bottom;
	}
	.content_main a{
		color: #691C67;
	}
	.content_main p{
		clear: left;
		margin: 0.6em 0 0.6em 14px;
		padding: 0;
	}
	.content_main h3{
		margin: 1.4em 0 0 14px;
		padding: 0;
	}
	.content_main  ul{
		margin: 0.5em 0 0 14px;
	}
	.content_main ul.categories li{
		float: left;
		margin: 0;
		border: 1px solid #d1d1d1;
		padding: 1px;
		margin: 6px 6px 0 0;
		background: #fff;
	}
		.content_main ul.categories li a{
			display: block;
			text-align: right;
			text-decoration: none;
			color: #fff;
			width: 17em;
			height: 1.6em;
			padding: 0.2em 3px 0 0;
			background: #f35712 url(../images/buttons/button_or.jpg) no-repeat 50% 50%;
			overflow: hidden;
		}
		.content_main ul.categories li a span{
			float: left;
			width: 14em;
			cursor: pointer;
			text-align: left;
			padding: 0 0 0 3px;
			overflow: hidden;
			font-weight: bold;
		}
	/* =container_tables */
.container_tables{
	padding: 0 0 0 6px;
}
.content_main .container_tables table{
	float: left;
	clear: left;
	width: 558px;
	margin: 8px 0 2em 0;
	padding: 1em 0;
	border-collapse: collapse;
}
	.content_main .container_tables table table{
		width:auto;
		margin:3px 0 2px 0
	}
	.content_main .container_tables h2{
		float: left;
		clear: left;
		width: 204px;
		color: #fff;
		font-size: 1.2em;
		line-height: 21px;
		padding: 0 8px 3px 12px;
		margin: 0.6em 6px 0.6em 0;
		background: #e95622 url(../images/backgrounds/bg_heads_or.gif) no-repeat 0 0;
	}
	.content_main .container_tables table td,
	.content_main .container_tables table th{
		border: 1px solid #d1d1d1;
		padding: 2px 4px;
	}
		.content_main .container_tables td table td{
			border:0;
			padding:2px 0;
		}
		.content_main .container_tables td table span{
			display:block;
			width:18px;
			font-weight:bold;
			text-align:center;
			border:1px solid #d1d1d1;
			background:#fff;
		}
		.content_main .container_tables td table a{
			text-decoration:none;
			margin:0;
			color:#000;
			display:block;
			width:18px;
			text-align:center;
			font-size:1em;
		}
		.content_main .container_tables td table a:hover{
			width:16px;
			color:#000;
			border:1px solid #d1d1d1;
		}
	.content_main .container_tables tr.stripe td,
	.content_main .container_tables th{
		background: #f2f2f2;
	}
		.content_main .container_tables td table tr.stripe td{
			background:transparent;
		}
	.container_tables td,
	.container_tables th{
		text-align: left;
		border: 1px solid #d1d1d1;
		padding: 2px 4px;
	}
	.content_main .container_tables table input{
		width: auto;
		border: 0;
		vertical-align: middle;
	}
	/* class set by javascript setTdWidth.js */
	.content_main .container_tables th.controls{
		width: 20px;
	}
/* ------------------- =detail ---------------------- */
.detail .controls{
	padding:12px 6px;
}
	.detail .controls a{
		line-height:1.6em;
		font-size:1.1em;
		padding:0 4px;
		text-decoration:none;
	}
	.detail .controls a.back{
		padding:0 0 0 18px;
		background:url(../images/arrows/arrow_leftor.gif) no-repeat 0 50%;
	}
	.detail .controls a:hover{
		color:#F35712;
		text-decoration:underline;
	}
.detail h2{
	clear:left;
	margin:0;
	padding:1em 6px 0 6px;
	font-size:1.4em;
	font-weight:bold;
	color:#691C67;
}
	/* =img_gallery */
.detail .img_gallery{
	float:left;
	display:inline;
	width:550px;
	padding:0;
	margin:0 6px 1em 6px;
	border:1px solid #d1d1d1;
	background:#f2f2f2;
	overflow:hidden;
}
	.detail .img_gallery .img_big[class]{
		display:table;
		border-spacing:3px;
		text-align:center;
		width:550px;
		height:380px;
		padding:0;
		background:#fff;
		border-bottom:1px solid #d1d1d1;
		overflow:hidden;
	}
		.detail .img_gallery .img_big[class] .inner{
			display:table-cell;
			height:360px;
			width:530px;
			padding:10px;
			text-align:center;
			vertical-align:middle;
		}
	.detail .img_gallery .thumbs{
		float:left;
		width:550px;
		padding:0 0 3px 6px;
		background:#f2f2f2;
		text-align:left;
	}
	.detail[class] .img_gallery .thumbs{ /*for all except IE6/7 */
		display:table;
		border-spacing:3px;
		width:auto;
		text-align:center;
		margin:3px 0 0 0px;
	}
	.detail .img_gallery .thumbs a{
		float:left;
		display:inline;
		width:100px;
		height:75px;
		margin:0;
		border:2px solid #f2f2f2;
		background:#fff;
		text-align:center;
		overflow:hidden;
	}
	.detail[class] .img_gallery .thumbs a{/*for all except IE6/7 */
		display:table-cell;
		float:none;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
		.detail .img_gallery .thumbs a:hover{
			border-color:#F35712;
		}
	.detail[class] .img_gallery .thumbs a img{/*for all except IE6/7 */
		margin:0;
		padding:0;
	}

	/* =description */
.detail .description{
	clear:both;
	padding:0 0 1em 0;
}
	.detail .description h4{
		font-size:1.2em;
		padding:0 6px;
		margin:1.5em 0 1em 0;
	}
	.detail .description h5{
		font-size:1.1em;
		margin:1em 0;
		padding:0 6px;
	}
	.detail .description ul{
		list-style:disc outside;
	}
		.detail .description li{
			margin:0 0 0 20px;
			padding:0 0 0 20px;
			list-style:disc outside;
			font-size:1.1em;
		}
	.detail .description h6{
		font-size:1.1em;
		margin:0;
		padding:0 6px;
	}
	.detail .description p{
		padding:0 6px;
		margin:1em 0;
	}
	/* .specs */
.detail .specs{
	clear:left;
}
	.detail .specs h2{
		color:#000;
		margin:0;
		padding:1em 0 1em 6px;
		font-size:1.1em;
	}
	.detail .specs ul{
		padding:0 0 12px 4px;
		font-size:1.1em;
	}
		.detail .specs li a{
			color:#691C67;
		}
		.detail .specs table{
			border-collapse:collapse;
			width:560px;
			margin:0 6px 12px 6px;
		}
			.detail .specs td{
				padding:3px 4px;
				background:#fff;
				border:1px solid #d1d1d1;
			}
			.detail .specs p{
				padding:1em 12px 1em 6px;
				margin:0;
			}
			
		/* =detail_files */
.detail .detail_files{
	float:left;
	display:inline;
	clear:both;
	width:558px;
	margin:1em 6px;
	border-top:1px solid #691C67;
}
	.detail .detail_files h2{
		color:#000;
		margin:0;
		padding:1em 0 1em 0;
		font-size:1.1em;
	}
	.detail .detail_files ul{
		margin:0;
		padding:0;
	}
		.detail .detail_files li{
			display:inline;
			float:left;
			width:550px;
			margin:0 0 3px 0;
			padding:0 6px 0 0;
		}
	.detail .detail_files li a{
		display:block;
		width:50%;
		font-weight:bold;
		padding:3px 6px 3px 18px;
		border:1px solid #d1d1d1;
		text-decoration:none;
		background:url(../images/icons/icon_file.gif) no-repeat 3px 4px;
		color:#000;
	}
	.detail .detail_files li a:hover{
		border-color:#F35712;
	}
/* --------------- =content_sub -----------------------*/
.content_sub h2{
	font-size: 1.1em;
	padding: 0 6px;
	margin: 1em 0 1em 0;
}
.content_sub h3{
	font-size: 1.1em;
	padding: 0 6px;
	margin: 1em 0 1em 0;
}
.content_sub h4{
	font-size: 1.1em;
	padding: 0 6px;
	margin: 1em 0 1em 0;
}
.content_sub h5{
	font-size: 1.1em;
	padding: 0 6px;
	margin: 1em 0 0 0;
}
.content_sub h6{
	font-size: 1.1em;
	padding: 0 6px;
	margin: 1em 0 0 0;
}
	.content_sub h4,
	.content_sub h4 a{
		color: #F35712;
	}
	.content_sub  h5 a,
	.content_sub h6 a{
		color: #000;
	}
.content_sub p{
	padding: 0 6px;
	margin: 0 0 1em 0;
}

.content_sub .imgbox{
	padding: 5px;
	margin: 8px 0 0 0;
	width: 164px;
	background: #fff;
	border: 1px solid #d1d1d1;
	overflow: hidden;
}
.content_sub .info{
	clear: both;
	float: left;
	padding: 0;
	margin: 8px 0 0 0;
	width: 174px;
	border: 1px solid #d1d1d1;
	overflow: hidden;
	background: #fff;
}

	.content_sub .info img{
		margin: 6px 0;
	}
	.content_sub .info p{
		padding: 0 6px 10px 6px;
		margin: 0;
		background: #fff;
	}
		.content_sub .info  a{
			color: #691C67;
		}
	.content_sub .info h2{
		padding: 6px 6px 4px 6px;
		margin: 0;
		background: #fff;
	}
	.content_sub .info h4,
	.content_sub .info h5,
	.content_sub .info h6{
		font-size: 1.1em;
		padding: 6px;
		margin: 0;
		background: #fff;
	}

	.content_sub .info h6{
		padding: 6px 6px 0 6px;
	}
	.content_sub .info ul{
		padding:1em 6px;
	}
		.content_sub .info li{
			font-size:1.1em;
		}
	.content_sub .info strong{
		font-style:normal;
		font-weight:bold;
	}
	.content_sub .imgbox{
		float: left;
		padding: 3px 0;
		width: 176px;
		border: 0;
	}
/* ------------------- =preview ---------------------- */
.content_sub .preview{
	clear: both;
	float: left;
	padding: 0;
	margin: 8px 0 8px 0;
	width: 168px;
	border: 4px solid #d1d1d1;
	overflow: hidden;
	background: #fff;
}
	.content_sub .preview .mms{
		float: left;
		width: 166px;
		min-height: 20em;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
	}
	.content_sub .preview p{
		padding: 6px;
		margin: 0;
	}
	.content_sub .preview img{
		display: block;
		margin: 12px auto;
	}
	.content_sub .preview a.button{
		float: left;
		width: 166px;
		padding: 0;
		margin: 0;
		display: block;
		text-align: center;
		border-left: 1px solid #333;
		border-right: 1px solid #fff;
	}
	




/* ------------------- =text ---------------------- */

.txt h2{
	color: #F35712;
	font-size: 1.4em;
	padding: 0 12px 0 6px;
}
	.txt h2 a{
		color: #F35712;
	}
.content_main .txt h3{
	font-size: 1.2em;
	padding: 0 12px 0 6px;
	margin: 1em 0 0 0;
}
.content_main .txt p{
	padding: 0 12px 0 6px;
	margin: 0 0 1em 0;
}
.txt h4{
	font-size: 1.2em;
	margin: 1em 0;
	padding: 0 6px;
}
.txt h5{
	font-size: 1.1em;
	margin: 1em 0 0 0;
	padding: 0 6px;
}
.txt h6{
	font-size: 1.1em;
	margin: 1em 0 0 0;
	padding: 0 6px;
}

.txt h4 a,
.txt h5 a,
.txt h6 a{
	color: #000;
}
.txt ul,
.txt ol{
	margin:2em 0 2em 20px;
	padding:0;
}
	.txt ol li{
		list-style-type: decimal;
		margin-left:12px;
	}
	.txt li{
		margin:0 0 0 8px;
		padding:0 0 0 1.2em;
		list-style:disc;
	}
	/* ------------------- =templates ---------------------- */
.temp_options{
	float: left;
	display: inline;
	width: 558px;
	margin: 2em 0 2em 6px;
	padding: 1em 0;
	border-top: 1px solid #d1d1d1;
	overflow: hidden;
}
	.temp_options h2{	
		float: left;
		clear: left;
		width: 204px;
		color: #fff;
		font-size: 1.2em;
		line-height: 21px;
		padding: 0 8px 3px 12px;
		margin: 0.6em 6px 0.6em 0;
		background: #e95622 url(../images/backgrounds/bg_heads_or.gif)  0 0;
	}
	.temp_options .box_list{
		clear: left;
		float: left;
		width: 544px;
		padding: 6px 6px 10px 6px;
		margin: 0.6em 0 2em 0;
		background: #f3f3f3;
	}
		.temp_options .box_list a:hover{
			color:#000;
		}
		.temp_options .listalt ul{
			width:250px;
			line-height:2em;
			font-size:1.2em;
		}
			.temp_options .listalt ul a{
				font-weight:bold;
			}
	.temp_options  ul{
		float:left;
		padding: 6px 0 0 6px;
		margin: 0 0 6px 0;
		width: 544px;
		overflow: hidden;
	}
	/* ul.templates */
		.temp_options ul.templates li{
			float: left;
			width: 538px;
			border: 0;
			margin: 0;
			padding: 3px 0 3px 0;
			background: none;
		}
	.temp_options ul.templates li{
		clear:both;
		width:auto;
		margin:0 0 0.5em;
		font-weight:bold;
	}
		.temp_options ul.templates li span,
		.temp_options ul.templates li a{
			font-size:1.2em;
		}
	.temp_options ul.templates ul{
		display:inline;
		clear:both;
		width:300px;
		margin:4px 0 0 20px;
		padding:6px;
		background:#fff;
		border:1px solid #d1d1d1;
	}
		.temp_options ul.templates ul li{
			font-weight:normal;
			margin:0;
		}
/* ------------------- =footer ---------------------- */

.footer a{
	color: #691C67;
}
.footer .inner{
	padding: 4px 0 8px 0;
	width:580px;
	text-align:center;
}
	body.no_sub .footer .inner{
		width:774px;
		background-color: #fff;
	}