/*-------------------------------------------------------------
Style Sheet voor: muZEEum

versie:    1.0
auteur:    men@work
email:     info@menaddwork.nl
website:   http://www.menaddwork.nl
-------------------------------------------------------------*/
* {
	padding: 0; 
	margin: 0; 
	border: 0; 
}
a {
	outline: none;
} 
html, body {
	margin: 0; 
	padding: 0; 
}
body {
	font-size: 62.5%; 
	font-family: Tahoma, Arial, Verdana, sans-serif; 
}
#header {
	background: url(../images/bg-header.gif) repeat-x top left;
	height: 227px;
}
#header #flashcontent {
	width: 778px;
	height: 227px;
	margin: 0 auto;
}
#content {
	width: 778px;
	margin: 0 auto;
}

.twoCollum {
	background: url(../images/bg_2kolommen.gif) repeat-y top left;
}

.threeCollum {
	background: url(../images/bg_3kolommen.gif) repeat-y top left;
}

#content #cLinks {
	width: 195px;
	border-left: 1px solid #fff;
	background: #b7def0;
	float: left;	
	text-align: right;
	margin: 0 0 -2px 0 !important; margin: 0;
}
#content #cLinks #menu {
	margin: 22px 0 0 0;
	font: bold 11px Arial, Verdana, sans-serif;
	list-style: none;
	border-top: 1px solid #fff;
}
#content #cLinks #menu li {
	border-bottom: 1px solid #fff;
}
#content #cLinks #menu a:link, #content #cLinks #menu a:visited {
	color: #005883;
	padding: 4px 20px 4px 0;
	text-decoration: none;
	display: block;
}
#content #cLinks #menu a:hover, #content #cLinks #menu a:active {
	background: #005883;
	color: #fff;
}

#content #cLinks #menu a .selected {
	background: #005883;
	color: #fff;
}

#content #cMain {
	width: 290px;
	float: left;
	margin: 0 0 -2px 0 !important;
	margin: 0;
	padding: 0 15px 5px 15px;
}
#content #cMain h2 {
	color: #005883;
	font: normal 18px Arial, Verdana, sans-serif;
	margin: 25px 0 17px 0;
}
#content #cMain h3 {
	margin: 22px 0 12px 0;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #005883;
}
#content #cMain a:link, #content #cMain a:visited {
	color: #CE0C0C;
	text-decoration: none;
}
#content #cMain a:hover, #content #cMain a:active {
	color: #CE0C0C;
	text-decoration: underline;
}
#content #cMain ul {
	color: #5d5c5c;
	font: normal 1.1em Arial, Verdana, sans-serif;
	line-height: 17px;
	margin: 0 0 0 22px !important; margin: 0 0 0 25px;
}
#content #cMain .imgLeft{
	border: 1px solid #50658d;
	float: left;	
	margin: 0 10px 0 0; 
	padding: 0; 
}
#content #cMain .imgRight{
	border: 1px solid #50658d;
	float: right;	
	margin: 0 0 0 10px; 
	padding: 0;
}
#content #cMain p {
	color: #5d5c5c;
	font: normal 1.1em Arial, Verdana, sans-serif;
	line-height: 17px;
}
#content #cMain2 {
	width: 551px;
	float: left;
	margin: 0 0 -2px 0 !important;
	margin: 0;
	padding: 0 15px 5px 15px;
}
#content #cMain2 h2 {
	color: #005883;
	font: normal 18px Arial, Verdana, sans-serif;
	margin: 25px 0 17px 0;
}
#content #cMain2 h3 {
	margin: 22px 0 12px 0;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #005883;
	clear: both;
}
#content #cMain2 a:link, #content #cMain2 a:visited {
	color: #CE0C0C;
	text-decoration: none;
}
#content #cMain2 a:hover, #content #cMain2 a:active {
	color: #CE0C0C;
	text-decoration: underline;
}
#content #cMain2 ul {
	color: #5d5c5c;
	font: normal 1.1em Arial, Verdana, sans-serif;
	line-height: 17px;
	margin: 0 0 0 22px !important; margin: 0 0 0 25px;
}
#content #cMain2 .imgLeft{
	border: 1px solid #50658d;
	float: left;
	margin: 0 10px 0 0; 
	padding: 0; 	
}
#content #cMain2 .imgRight{
	border: 1px solid #50658d;
	float: right;
	margin: 0 0 0 10px; 
	padding: 0; 	
}
#content #cMain2 p {
	color: #5d5c5c;
	font: normal 1.1em Arial, Verdana, sans-serif;
	line-height: 17px;
}
#content #cRechts {
	width: 261px;
	float: left;
	margin: 0 0 -2px 0 !important; margin: 0;
}
#footer {
	margin: -2px auto 0 auto;
	width: 778px;
}
#footer2 {
	margin: -2px auto 0 auto;
	height: 31px;
	width: 776px;
	background: url(../images/footer2.gif) repeat-x top left;
	clear: both;
}
#footer3 {
	margin: 0 auto;
	height: 31px;
	width: 776px;
	background: url(../images/footer2.gif) repeat-x top left;
	clear: both;
}

/* Admin
--------------------------- */
#admin { 
padding: 10px 0 0 0; 
height: 30px;  
width: 100%;  
background-color: #DFE1E2; 
text-align: center; 
position: absolute; 
top: 0; 
left: 0; 
z-index:3;
filter: Alpha(Opacity=85);
-moz-opacity: 0.85;
opacity: .85;
}
#admin a:link { 
color: #000000; 
text-decoration: none; 
font-weight: normal; 
}
#admin a:visited { 
color: #000000; 
text-decoration: none; 
font-weight: normal; 
}
#admin a:hover { 
color: #ff0000; 
text-decoration: underline; 
font-weight: normal; 
}
#admin a:active { 
color: #ff0000; 
text-decoration: underline; 
font-weight: normal; 
} 
#admin ul li { 
display : inline; 
margin: 0; 
padding: 0; 
}
#flash { z-index: 4; position:relative; margin-top: -190px;}

.clear {
	clear: both;
}


/* Contact -------------------------------------------------------------*/

#contact {
	margin: 0;
	width: 350px;
	}
#contact label {
	font: normal 11px Arial, Verdana, sans-serif;
	width: 125px;
	float: left;
	text-align: left;
	display: block;
	margin: 3px 0 0 0;
	color: #5d5c5c;
}
#contact p {
	font: normal 11px Arial, Verdana, sans-serif;
	margin: 3px 0 0 0;
	color: #5d5c5c;
}
#contact input {
	border: 1px solid #005883;
	color: #5d5c5c;
	padding: 1px;
	font: normal 11px Arial, Verdana, sans-serif;
	width: 160px;
	margin: 0 0 5px 0;
}
#contact .radio {
	border: 0;
	width: 20px;
	margin: 4px 0 0 0;
}
#contact .submit {
	margin: 0 0 10px 125px !important; margin: 0 0 10px 128px;
	width: 60px;
	background: #fff;
	font: normal 10px Arial, Verdana, sans-serif;
	border: 1px solid #005883;
}

#contact .error {
	border: 1px solid #ff0000;
}