@charset "UTF-8";
/* 

***********************************************************
	
	CSS-file by:
   
	Alumat|Zeeman grafische vormgeving 
	
	            
***********************************************************

*/

@import url('reset.css');
@import url('nav_alumat.css');
@import url('forms_alumat.css');

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #4C4C4C;
}


div.clearfloat {
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
	clear: both;
}

div#schaduw_top {
	height: 20px;
	background: url(/images/bg_top.gif) center repeat-y;
}

div#schaduw {
	margin: 0 auto;
	width: 996px;
	background: url(/images/bg_main.gif) center repeat-y;
}

div#mainwrapper {
	text-align: left;
	margin: 0 auto;
	width: 983px;
	overflow: visible;
	position: relative;
	background: url(/images/bg_content.gif) repeat-y #E2E2E2;
}

div#wrapper {
	background: white;
	padding: 0 10px;
}

div#top {
	position: relative;
	width: 100%;
	height: 125px;
	background: white;
}

div#topimages {
	float: right;	
}

div#topimages img {
	display: block;	
}

h1 {
	float: left;
	margin-left: 20px;
	width: 340px;
	height: 125px;
}

h1 a {
	display: block;
	width: 340px;
	height: 125px;
	background: url(/images/logo_alumat_zeeman.gif) no-repeat;
}

h1 span {
	display: none;
}

div#events {
       position: absolute;
       left: 812px;
       top: 250px;
       font-size: 11px;
}

/* 
   Aanpassing 13 jan. 2010 Hans Boeters
        Top was 520px;
*/
div#avag {
	position: absolute;
	left: 812px;
	top: 445px;
	font-size: 9px;
}


div#wisselfototop {
	position: absolute;
	left: 436px;
	top: 0px;
}

div#menuwrapper {
	float: left;
	width: 170px;
	padding: 15px 15px 0;
}


div#content {
	font-size: 12px;
	padding: 33px 185px 20px 40px;
	background: url(/images/bg_content_ovalen.gif) no-repeat top right;
	overflow: auto;
	min-height: 445px;
	height: auto !important;
	height: 445px;
}

div#footer {
	text-align: left;
	margin: 0 auto;
	width: 993px;
	height: 105px;
}

div#footer div.innerwrapper {
	padding	: 0 5px;
}

div#footer div#group {
	float: left;
	font-size: 11px;
	font-style: normal;
	line-height: 140%;
	text-align: center;
	color: #484848;
	padding: 26px 10px 0;
	width: 180px;
	height: 54px;
	background: #E2E2E2;
	overflow: hidden;
}

div#footerimage img {
	float: right;
	width: 783px;
	overflow: hidden;
	display: block;
}

div#footer div#footerlinks {
	font-size: 10px;
	line-height: 25px;
	color: #959595;
	clear: both;
	height: 25px;
	text-align: center;
	background: #4C4C4C url(/images/bg_footer.gif) no-repeat top center;	
}

div#footer div#footerlinks a {
	color: #959595;
	text-decoration: none;
}

div#footer div#footerlinks a:hover {
	color: #EEEEEE;
}

/*--- TAALKEUZE ---*/

ul.taalkeuze {
	font-size: 10px;
	overflow: auto;
	margin-bottom: 20px;
	float: right;
}

ul.taalkeuze li {
	color: white;
	float: left;
	margin-left: 3px;
}

ul.taalkeuze li.txt {
	padding-right: 5px;
}

ul.taalkeuze li a {
	text-indent: -999em;
	display: block;
	width: 16px;
	height: 11px;
	border: 1px solid white;
}

ul.taalkeuze li.nl a {
	background: url(/images/nl.gif) no-repeat top left;
}

ul.taalkeuze li.en a {
	background: url(/images/gb.gif) no-repeat top left;
}

ul.taalkeuze li.de a {
	background: url(/images/de.gif) no-repeat top left;
}

div#menuwrapper p {
	font-size: 10px;
	color: white;
	float: left;
	margin-right: -10px;
	text-align: right;
}

/*--- NIEUWS ---*/

div.nieuws_item {
	padding: 10px 0;
	margin-bottom: 10px;
	border-top: 1px solid white;
}

div#content div.nieuws_item h3 {
	margin: 10px 0 15px;
}

/* --- GOOGLE MAPS ---*/

div#map {
	width: 505px;
	height: 400px;
	border: 1px solid #999999;
	margin: 20px 0;
}

/* --- SLIDESHOW --- */

div#my_slideshow {
	float: left;
	width: 783px;
	height: 80px;
	overflow: hidden;
}

div.slideshow {
	width: 783px;
	height: 80px;
	line-height: 1px;
}

div.slideshow p {
	display: none !important;
}

/*--- STYLING ---*/

div#content h2 {
	color: #FF0033;
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 25px;
}

div#content h3 {
	font-size: 14px;
	margin: 25px 0 15px;
	line-height: 110%;
}

div#content p {
	margin-bottom: 15px;
	line-height: 160%;
}

div#content a,
div#footer a {
	font-weight: bold;
	color: black;	
}

div#content a:hover {
	color: #FF0033;	
}

div#content ul.downloads {
	line-height: 160%;
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

div#content ul.downloads a {
	padding-left: 16px;
	background: url(/images/download.gif) no-repeat top left;	
}

div#content img.beeldlinks {
	float: left;
	margin: 0 20px 20px 0;
}

div#content img.beeldrechts {
	float: right;
	margin: 0 0 20px 15px;
}


a#webshop {
	position: absolute;
	width: 168px;
	height: 101px;
	left: 17px;
	top: 505px;
	text-indent: -999em;
	background: url(/images/webshop.gif) no-repeat center center;
}

div#content a.linkedin {
	font-weight: bold !important;
	padding-left: 20px;
	display: inline-block;
	color: #2077A4 ;
	text-decoration: none;
	background: url(/images/linkedin_16.png) no-repeat top left;	
}

div#content a.linkedin:hover {
	text-decoration: underline;	
}

div#login {
	position: absolute;
	right: 10px;
	top: 130px;	
}

/*--- CONTACTPERSONEN ---*/

div#content div.cp_wrapper div:first-child {
	border-top: none;
}

div#content div.cp_wrapper div.cp {
	overflow: auto;
	padding: 10px 0;
	border-top: 1px solid white;
}

div#content div.cp_wrapper div.cp_foto {
	float: left;	
}

div#content div.cp_wrapper div.cp_tekst {
	overflow: auto;
	padding-left: 20px;	
}

div#content div.cp_wrapper div.cp_tekst h4 {
	margin: 10px 0 15px;
}

div#content div.cp_wrapper div.cp_tekst p {
	margin: 0;
}

div#content div.cp_wrapper div.cp_tekst a {
	font-weight: normal;
}





ul#tabs{
height:33px;
}
ul#tabs li{float:left; margin-right:2px;}

#tabs a{
background:url(../images/tabnav-round.jpg) right 0px no-repeat;
color:#fff!important;
display:block;
font-weight:bold;
height:33px;
line-height:30px;
text-decoration:none;
}
#tabs a span{
background:url(../images/tabnav-round.jpg) left 0px no-repeat;
display:block;
height:33px;
margin-right:14px;
padding-left:14px;
}
#tabs a:hover{
background:url(../images/tabnav-round.jpg) right -33px no-repeat;
display:block;
}
#tabs a:hover span{
background:url(../images/tabnav-round.jpg) left -33px no-repeat;
display:block;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
#tabs .active a:link, #tabs .active a:hover{
background:url(../images/tabnav-round.jpg) right -33px no-repeat;
}
#tabs .active a span, #tabs .active a:hover span{
background:url(../images/tabnav-round.jpg) left -33px no-repeat;
}




/* G2O */
div#content h3 {
	margin: 25px 0 10px;
}

div#content p {
	margin-bottom:25px;
}
div#content p strong {
	margin-top:10px;
}

#content ul{
	padding-bottom:10px;
}
#content ul li{ 
/*	line-height:26px; */
        font-family: Arial, Helvetica, sans-serif;
/*        font-size: 12px; */
} 
#content ul.openingstijden{
	padding-left:32px;
	list-style:disc;
	line-height:18px!important;
}
#content ul.garantie{
	list-style:none;
	line-height:18px!important;
}

div#content a{
	font-weight:normal;
	color: #0757A3;		
}