/* Middeldorp Mannenmode Theme 01
by Delarosa 2008
------------------------------------------------------------------------- */

/*colors: 
light-blue: b3bad2
dark-blue: 00285e
menu-link blue: d5daeb
link-red: 960000
*/


* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000000;
	background-color: #f6f1e5!important;	
	/*
	scrollbar-3d-light-color:#000000;     
	scrollbar-arrow-color:#ff9900;       
	scrollbar-base-color:#000000;        
	scrollbar-dark-shadow-color:#000000;        
	scrollbar-face-color:#3c3638;       
	scrollbar-highlight-color:#302728;       
	scrollbar-shadow-color:#372920;
	*/
}	

div, p, img, a, td, ul, ol {
    font-size: 11px;
	text-decoration: none;
	border-bottom: none !important; 
	font-weight: normal;
	color: #000000;
}

ul {
padding-bottom: 1em;
}

li {
    margin-left: 1em; 
    padding-left: 0em;
}

ol {
    margin-left: 1em;
    padding: 0 0 .5em.3em; 
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: verdana, arial;
	font-weight: bold;
	padding-bottom: 0em;
}
h1 { font-size: 13px; color: #b3bad2; font-weight: bold; margin: 0px 0px 0px 0px;}
h2 { font-size: 11px; color: #b3bad2; font-weight: bold; margin: 0px 0px 0px 0px;}
h3 { font-size: 15px; color: #b3bad2; font-weight: bold; margin: 0px 0px 0px 0px;}
h4 { font-size: 11px; color: #b3bad2; font-weight: bold; margin: 0px 0px 0px 0px; letter-spacing: .15em; }

p { padding: 0 0 1em; }

#dittoMerken a, a:link {font-weight: bold;}

a, a:link { 
    text-decoration: none;
    color: #960000;
	font-size: 11px;
	font-weight: normal;
    /* border-bottom: 1px dotted #69c; */
}
a:visited { color: #960000; text-decoration: none; }
a:hover { color: #b3bad2;  text-decoration: none; }
a:active { color: #960000; text-decoration: none; }

#menu LI{
display: inline;
}

/* MD Menu default */
#menu a, #menu a:link { 
    text-decoration: none;
    color: #d5daeb;
	font-size: 11px;
	font-weight: bold;
    /* border-bottom: 1px dotted #69c; */
}

#menu a:visited { color: #d5daeb; text-decoration: none; }
#menu a:hover { color: #FFFFFF;  text-decoration: none; }
#menu a:active { color: #d5daeb; text-decoration: none; }

#menu a.here, #menu a:visited.here {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#menu li.here a:visited, #menu li.here a:link {color:#FFFFFF; font-weight:bold; text-decoration:none;}

a.smallink{
font-weight: normal;
}

.introtext {
color: #b3bad2;
}

a:hover.smallink  {
font-weight: normal;
text-decoration: underline;
}

a img, img {
    border: none;
}

.errors {
font-weight: normal;
color: #000000;
background: url(images/icon_files/warning.gif) no-repeat;
padding-left: 18px;
padding-top: 0px;
padding-bottom: 10px;
}

.copyright {
font-size: 10px;
color: #333333;
}

.newsdate {
color: #555555;
}

/* filetypes link icons*/
a.doc, a.gif, a.jpg, a.mp3, a.pdf, a.psd, a.web, a.xls, a.zip   {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 12px;
line-height: 18px;
}

a.doc {
background: url(images/icon_files/doc.gif) no-repeat;
}
a.gif {
background: url(images/icon_files/gif.gif) no-repeat;
}
a.jpg {
background: url(images/icon_files/jpg.gif) no-repeat;
}
a.mp3 {
background: url(images/icon_files/mp3.gif) no-repeat;
}
a.pdf {
background: url(images/icon_files/pdf.gif) no-repeat;
}
a.psd {
background: url(images/icon_files/psd.gif) no-repeat;
}
a.web {
background: url(images/icon_files/web.gif) no-repeat;
}
a.xls {
background: url(images/icon_files/xls.gif) no-repeat;
}
a.zip {
background: url(images/icon_files/zip.gif) no-repeat;
}

/* end filetipes */

/* DIV STRUCTURE STYLING */

#page{
position: relative;
margin: 0px auto;
width: 800px;
top: -10px;
background-color: transparent; /* transparent */
}
 
 /* Headers */

#header {
position: relative;
float: left;
width: 800px;
height: 120px;
background-color: #FFFFFF;
/* background: url(images/md_header.jpg) no-repeat; */
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#headerHome {
position: relative;
float: left;
width: 800px;
height: 120px;
background: url(images/md_header.jpg) no-repeat;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#headerContact {
position: relative;
float: left;
width: 800px;
height: 120px;
background: url(images/md_header_contact.jpg) no-repeat;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#headerMaathemden {
position: relative;
float: left;
width: 800px;
height: 120px;
background: url(images/md_header_maathemden.jpg) no-repeat;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#headerMerken {
position: relative;
float: left;
width: 800px;
height: 120px;
background: url(images/md_header_merken.jpg) no-repeat;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#headerBedrijfskleding {
position: relative;
float: left;
width: 800px;
height: 120px;
background: url(images/md_header_bedrijfskleding.jpg) no-repeat;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

	#logo {
	position: relative;
	padding-left: 15px;
	padding-top: 20px;
	float: left;
	width: 220px;
	height: 56px;
	background-color: transparent;
	}

#menu {
position: relative;
float: left;
width: 790px;
height:25px;
background-color: transparent;
background: url(images/md_menu_bg.jpg) repeat-x;
text-align: left;
padding-top: 6px;
padding-left: 10px;
border: 1px solid #b3bad2!important;
margin-bottom: 3px;
}

#main {
position: relative;
float: left;
width: 800px;
height: ;
background-color: #FFF;
border: 1px solid #b3bad2!important;
padding-bottom: 0px;
margin-bottom: 0px;

}

	#contentLeft {
	position: relative;
	float: left;
	width: 496px;
	height: auto;
	padding-left: 24px;
	padding-right: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: transparent;
	overflow: auto;
	}
	
    #contentFull {
	position: relative;
	float: left;
	width: 100%;
	height:100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	overflow: hidden;
	}

	#contentRight {
	position: relative;
	float: right;
	width: 250px;
	height: auto;
	padding-right: 15px;
	padding-top: 15px;
	padding-left: 0px;
	border-left: 0px solid #efede2;
	background-color: transparent;
	text-align: right;
	overflow: auto;
	}
        
        #contentRight img {border: 1px solid #B1B7D7;}

		#openingstijden {
		width: 160px;
		position: relative;
		float: right;
		text-align: left;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 15px;
		padding-right: 10px;
		margin: 0;
		margin-bottom: 15px;
		/* border: 1px solid #b3bad2!important; */
		background: url(images/bg_openingstijden.jpg) no-repeat;
		background-color: #00285e; /*  */
		color: #FFF;
		}
		
		#dittoMerken {
		text-align: left;
		}
		

#footer {
color: #999999;
width: 800px;
clear: both;
margin-top: 0px;
padding-left: 0px;
height: 24px;
background-color: transparent;
}

/* SNIPPET CHUNK STYLING */

/* Ditto */

a.dittoHome, a:link.dittoHome, a:visited.dittoHome, a:active.dittoHome {color: #FFFFFF;}
a:hover.dittoHome {color: #442200;}

.introText {
color: #00285e;
}

a.dittoNews, a:link.dittoNews, a:visited.dittoNews, a:active.dittoNews {color: #666666; padding-left: 12px; background: url(images/bulletnews.gif) no-repeat;}
a:hover.dittoNews {color: #444444; padding-left: 12px; background: url(images/bulletnewshover.gif) no-repeat;}

a.dittoNewsCurrent, a:link.dittoNewsCurrent, a:visited.dittoNewsCurrent, a:active.dittoNewsCurrent {color: #444444; padding-left: 12px; background: url(images/bulletnewshover.gif) no-repeat;}
a:hover.dittoNewsCurrent {color: #444444; padding-left: 12px; background: url(images/bulletnewshover.gif) no-repeat;}

/* eForm */

TEXTAREA.text, textarea.text {
font-family: verdana;
font-size: 11px !important;
}

TEXTAREA.text, textarea.text {
font-family: verdana;
margin-bottom: 5px;
padding: 2px 2px 2px 2px;
border: 1px solid #b3bad2;
width: 250px;
font-size: 11px;
color: #00285e;
background-color: #FFFFFF;
}

input.text {
margin-bottom: 3px;
padding: 2px 2px 2px 2px;
border: 1px solid #b3bad2;
width: 250px;
font-size: 11px !important;
color: #00285e;
background-color: #FFFFFF;
}

input.radio {
color: #00285e;
width: 20px;
border: 0px solid #ff9900;
cursor: hand;
}

input.button {
padding: 2px 2px 2px 2px;
width: 110px;
border: 0px solid #ff9900;
font-size: 11px;
font-weight: bold;
color: #00285e;
background-color: #b3bad2;
cursor: hand;
margin: 0px 0px 0px 0px;
}

/* label */
.easylabel {
font-size: 11px;
font-weight: normal;
color: #00285e;
}