/* Start of CMSMS style sheet 'Vertex Dental' */
html{
padding: 0;
margin: 0;

}

body {
padding: 0;
margin: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 13pt;
color: #2d2966; 
background-color: #c5c7c7;
overflow: -moz-scrollbars-vertical;
}

/* main divs */

#wrapper {
width: 937px;
position:relative;
margin-left: auto;
margin-right: auto;
background-color: white;
}

#top {
width: 100%;
height: 96px;
position: relative;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
}

	#logo {
	width: 232px;
	height: 44px;
	margin-left: 30px;
	margin-top: 25px;
	position: relative;
	float: left;
	background-image: url('images/logo.jpg');
	background-repeat: no-repeat;
	}
	
#logo img {
width: 100%;
height: 100%;
}

	#premium {
	width: 370px;
	height: 27px;
	margin-right: 31px;
	margin-top: 30px;
	position: relative;
	float: right;
	}

#foto {
width: 937px;
height: 169px;
background-color: #FFFFFF;
overflow:hidden;
position:relative;
}
	
#main {
width: 100%;
height: 100%;
min-height: 450px;
overflow: visible;
position: relative;
background-color: #FFFFFF;
clear: both;
}

		#left_bar {
		float: left;
		width: 16px;
		height: 100%;
		background-color: #38316F;
		
		}
		
		#content {
		float: left;
		position: relative;
		padding-top: 1px;
		padding-left: 15px;
		width: 900px;
		font-size: 11px;
		}
		
			#menu {
			width: 900px;
			height: 24px;
			position: relative;
			}
		
			#breadcrumbs {
			clear: both;
			width: 880px;
			height: 28px;
			color: #C5C6C6;
			margin-left: 7px;
			margin-top: 13px;
			}
		
				#breadcrumbs a {
				color: #C5C6C6;
				text-decoration: none; font-weight: normal;
				}
				
			#colums {
			background-image: url('images/lijnen_front.gif');
			background-repeat: repeat-y;
background-position:-14px 0px;
			float: left;
		position: relative;
		width: 900px;padding-bottom: 20px;
height: auto !important;
height: 364px;
min-height: 364px; z-index: 1;
			}
			
			/* Front */
			#front_left {
			float: left;
			width: 275px;
			margin-left: 7px;
			}
			
			#front_middle {
			float: left;
			width: 235px;
			margin-left: 44px;
			}
			
			#front_right {
			float: left;
			width: 264px;
			margin-left: 55px;
			}

/* Alternatief */

#colums_alternate {
			background-image: url('images/lijnen_alternatief.gif');
			background-repeat: repeat-y;
background-position:-14px 0px;
			float: left;
		position: relative;
		width: 900px;padding-bottom: 20px;
height: auto !important;
height: 363px;
min-height: 352px; z-index: 1;
			}

			#colums_alternate #front_left {
			float: left;
			width: 275px;
			margin-left: 7px;
			}
			
			#colums_alternate #front_middle {
			float: left;
			width: 394px;
			margin-left: 44px;
			}
			
			#colums_alternate #front_right {
			float: left;
			width: 125px;
			margin-left: 35px;
			}


			/* Distributors */
                        #colums_breed {
			float: left;
		position: relative;
		width: 900px;padding-bottom: 20px;
height: auto !important;
height: 352px;
min-height: 352px; z-index: 1;
			}

			#front_breed {
			float: left;
			width: 900px;
			margin-left: 7px; 
			}
			
/* Downloads */

#colums_downloads {
			background-image: url('images/lijnen_download.gif');
			background-repeat: repeat-y;
background-position:-14px 0px;
			float: left;
		position: relative;
		width: 900px;padding-bottom: 20px;
height: auto !important;
height: 364px;
min-height: 364px; z-index: 1;
			}
			
			/* Front */
			#colums_downloads #front_left {
			float: left;
			width: 275px;
			margin-left: 7px;
			}
			
			#colums_downloads #front_middle {
			float: left;
			width: 554px;
			margin-left: 44px;
			}
	
.download_row2 {
background-color: #DBEFF2;
}

.download_row1, .download_row2 {
line-height: 16pt;
text-align: left;
}

.download_row1:hover, .download_row2:hover {
background-color: #80CBD4;
}

table.download_detail td{
vertical-align:top;
}

.download_detaillink {
text-align: right;
}
		
			/* News */
			
			.News {
			margin-top: 15px;
padding-left: 20px;
			}
			
			.News a{
			color: #2d2966; 
			text-decoration: none;font-weight: normal;line-height:16pt;
			}
			
			.News a:hover{
			text-decoration: underline;
			}
			
			.gt_news {
			color: #80CAD4;
			}

.News ul {
padding-left: 0px;
}

#hbar {
clear: both;
width: 100%;
height: 2px;
background-color: #403776;
}
		 
#footer {
width: 100%;
height: auto !important;
height: 31px;
min-height: 31px;
position: relative;
clear: both;
background-color: #FFFFFF;
}

	#footer_search {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	margin-left: 37px;
	font-size: 10px;
	color: #7b8084;
	}

.search-input {
float: left;
margin-top: 4px;
}

.search {
float: left;
margin-top: 4px;
}

#footer_tekst {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	margin-left: 0px;
margin-top: 5px;
	font-size: 11px;
	}

		#footer_tekst a{
		color: #2d2966;
		text-decoration: none; font-weight: normal;
		}


#footer_newsletter {
	width: auto;
	height: auto;
	position: relative;
	float: right;
	margin-right: 3px;
	font-size: 11px;
	}

#footer_newsletter input{
margin-top: 4px;
float:left;
}

#footer_newsletter .news_image{
margin-top: 2px;
margin-left: 3px;
float:left;
}


/* menu */

#menu ul {
background-color: #FFFFFF;
list-style: none;
margin: 0;
padding: 0;
z-index: 1000;
}

#menu ul li{
position: relative;
float: left;
margin: 0;
margin-right: 2px;
padding: 0;
background: transparent url('images/menu_knop_small.gif') top left no-repeat;
z-index: 1000;
}

#menu ul li a{
display: block;
padding-bottom: 1px;
height: 21px;
width: 105px;
padding-left: 21px;
padding-top: 2px;
float: left;
color: #362356;
text-decoration: none;
position: relative;
z-index: 1000;
}

	.menu_gt {
	color: #FFFFFF;
	margin-right: 4px;
	}

#menu ul li a:hover, #menu ul li.menu_main_active a, #menu ul li.menu_active a.submenu_a, #menu ul li a.submenu_a:hover{
background: transparent url('images/menu_knop_small.gif') -0px -27px no-repeat;
color: #FFFFFF;
z-index: 1000;
}

	#menu .submenu{
	margin: 0px;
	padding: 0px;
padding-top: 2px;
	position: absolute;
z-index: 1000;
	height: 23px;
	top: 24px;
	left: 0px;
display:none
	}
	
	#menu .submenu li {
z-index: 1000;
	}
	
	#menu .submenu li a.submenu_a{
	display: block;
	height: 23px;
	width: 105px;
	padding-left: 21px;
	padding-bottom: 2px;
	float: left;
	color: #362356;
	text-decoration: none;
	position: relative; 
background: transparent url('images/menu_knop_small.gif') top left no-repeat;
z-index: 5;
text-transform: lowercase;
	}

		#menu ul li a:hover .submenu{
		display: none;z-index: 1000;
		}

			#menu ul li a:hover .submenu a:hover, #menu ul li.menu_active a.submenu_a{
			color: #FFFFFF;z-index: 1000;
			}


/* classes */

.block {
display: block;
height: 100%;
width: 100%;
}

.error_message {
position: absolute;
bottom: 35px;
color: red;
}

.tekst {

}

.FAQ {
border-bottom:1px solid #232176;
border-collapse:collapse;
border-right:1px solid #232176;
margin:10px 0 20px;
width: 870px;
}

.subjectHeading {
background-color:#232176;
color:#FFFFFF;
font-weight:bold;
}

.FAQ td {
border-left:1px solid #232176;
border-top:1px solid #232176;
padding:5px;
vertical-align:top;
}

/* HTML */

h1,h2,h3,h4,h5 {
margin: 0px;
padding: 0px;
}

h1 {
color: #2D2966;
font-size: 18px;
line-height: 16pt;
}

h2 {
font-weight: bold;
color: #80CAD4;
font-size: 11px;
margin: 0px;
padding: 0px;
}

h3 {
font-size: 13px;
}

h4 {
font-size: 12px;
}

p {
margin: 0px;
padding: 0px;
}

a.readmore {
color: #80CAD4;
font-weight: bold;
}

a {
color: #2d2966;
}

ul {
margin: 0px;
padding: 0px;
padding-left: 20px;
list-style-image:url(images/gt.gif);
margin-left:0px;
}

li {

}

table {
border-spacing:0pt;
padding: 0px;
border: 0px;
}

/* contact */

.contactform td.required {
height: 30px;
width: 125px;
}

.contactform input[type="text"], .contactform textarea {
width: 250px;
}

/* forms */

.formbuilderform tr {
height: 25px;
}

.formbuilderform td.required {
height: 30px;
width: 175px;
}

.formbuilderform input[type="text"], .formbuilderform textarea {
width: 250px;
}

td.quantity input{
margin-left: 25px;
}

input[type="text"], textarea {
width:150px;
}
/* End of 'Vertex Dental' */

