﻿/* General */
* {
    /* margin: 0; */
    /* padding: 0; */
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* hide blocks (e.g. skipnavigation) */
.hide {
    display: none;
}

/* Remove border around linked images */
img {border:none;}

img.productthumb{
	float:right;
	border:none;
	margin:0 0 12px 12px; 
}
img.productdetail{
	float:right;
	border:none;
	margin:0 0 12px 12px; 
}
img.left{
	float:left;
	border:solid 1px #2d1a64;
	margin:0 12px 12px 0; 
}

img.right{
	float:right;
	border:solid 1px #2d1a64;
	margin:0 0 12px 12px; 
}

form{
	margin:0;
	padding:0;
}


/* Verberg print logo
-----------------------------------------------------------------------------*/

#logoprint{display:none;}

/*-----------------------------------------------------------------------------*/

body {
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	line-height:1.5;
	font-size : 13px;
	color: #2d1a64;
	background:#fff;
	margin:0;
	padding:0;
}

.alert{
	font-weight:bold;
	color:Red;
}

h1{
	clear:left;
	margin:0;
	padding:0 0 12px 0;
	font-size: 24px;
}

h2{
	clear:left;
	margin:0;
	padding: 18px 0 12px 0;
	font-size:16px;
	font-weight:bold;
}

h3{
	clear:left;
	margin: 24px 0;
	padding: 0 0 3px 0;
	font-size:14px;
	font-weight:bold;
}

h4{
	clear:left;
	margin: 24px 0;
	padding: 0 0 3px 0;
	font-size:12px;
	font-weight:bold;
}

/*  Stylen link algemeen */

a:link,a:visited,a:active{
	color : #3b2284;
    text-decoration: underline;
}

a:hover{
	color : #3b2284;
    text-decoration: none;
}


/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formitem{
	clear: both;
	padding: 3px 0;
	margin: 0;
}
    
.formlabel1{
	float:left;
	width: 220px;
	padding-right: 6px;
	text-align: right;
	color: #404040;
	font-style:italic;
}

.formlabel2{
	display:block;
	color: #404040;
	font-style:italic;
}

.formfield1{
	font-size: 11px;
	border: 1px solid #61b2cc;
	width: 280px;
}

.formfield2{
	font-size: 11px;
	border: 1px solid #61b2cc;
	width: 100%;
}

.formbutton1{
	background-color : #404040;
	color : #FFFFFF;
	border: 1px solid #fff;
	width: 100%;
	margin-top: 12px;
	font-weight: bold;
}


/* Wrapper
-----------------------------------------------------------------------------*/

#wrapper{
	background-color:#eee;
	background-image:url(../Images/Ortec/BackgroundWrapper.gif);  /* als twee kolommen -> in code wordt style overschreven */
	background-repeat:no-repeat;
	width:970px;
	border:solid 1px #2d1a64;
	margin:0 auto;
	padding:0 0 100px 0;
}

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-left: 206px; 
}

#leftcolumn{
    float: left;
    width: 206px; 
    margin-left: -970px; /* - breedte wrapper */
    background: #fff;
}

#search,
#menutop {
	border-top: solid 1px #a7a9ac;
	border-bottom: solid 1px #a7a9ac;
	margin:0;
	padding:0;
}

#search{
	height: 27px;
	background:#fff;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 0 0;
	font-size:11px;
	text-align:center;
}

#menutop {
	height: 37px;
	background:#3b2284;
}

#content,
#menuleft{
	padding-top: 180px;
	background-repeat:no-repeat;
}



/* content
-----------------------------------------------------------------------------*/

/* Als bestaat uit 1 kolom */

#contentinnertube{
	padding: 10px 40px 40px 40px;
}

/* Als bestaat uit 2 kolommen */

#contentleft{
	float:left;
	width:454px;
	margin:0;
	padding: 0 40px 40px 40px;
}

#contentright{
	float:right;
	width:230px;
	margin:0;
	padding:0;
	background:#f6f6f6;
}

* html #contentright {
	background:#f6f6f6; b\ackground:#f6f6f6; /* hack for IE5.5 en IE6 */  /* nodig om te vermijden dat achtergrond overgeerfd wordt */
}

* html #contentleft {
	width:414px; w\idth:414px; /* hack for IE5.5 en IE6 */
}

* html #contentinnertubewrapper {
	border-bottom:solid 1px #fff;; b\order-bottom:solid 1px #fff;; /* hack voor IE6 -> door border te plaatsen verdwijnt overgeerfde achtergrond */
}

#contentright .teaser{
	padding:25px 15px 25px 40px;
	border-bottom:solid 1px #fff;
	font-size:11px;
}

#contentright .teaser h1{
	font-weight:bold;
	font-size:13px;
	color:#808080;
	margin:0;
	padding:0 0 12px 0;
}

#contentright .teaser p{
	margin:0;
	padding:6px 0;
}

#contentright h1{
	font-weight:bold;
	font-size:13px;
	color:#808080;
	margin:0;
	padding:0 0 12px 0;
}

#contentright p{
	margin:0;
	padding:6px 6px 6px 0;
	font-size:10px;
}


/* Productlist
-----------------------------------------------------------------------------*/

#contentinnertube .productlist h2{
	padding-top:36px;
}

#contentinnertube .productlinkmore{
	padding:12px 0 0 0;
}