/* --- basics --- */
body { background: #eaeff2; color: #173e55; overflow: scroll; }
a { text-decoration: none; color: #910d2c; }
a:hover { border-bottom: 1px solid; color: #c0113a; }

/* --- effects --- */
.drop { text-shadow: 1px 1px 2px #999; }

/* --- main wrapper divs --- */
#wrap-header { margin-top: 20px; }
#wrap-content { background: #d9e6ee url(/img/content-back.png) top left repeat; clear: both; }
#wrap-footer { height: 140px; clear: both; }

/* --- main header divs --- */
#header { background: #fff url(/img/header-back.png) top left repeat-x; width: 960px; height: 300px; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; display: block; }
#header-logo { height: 245px; }
#header-navi { height: 45px; }
#header-logo img { float: left; }

/* --- main content divs --- */
#content { background: #cedae2; color: #2d5a73; width: 960px; min-height: 250px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#content-body { margin-top: 10px; }
#content-side { margin-top: 10px; }

/* --- main footer divs --- */
#footer { background: #fff; height: 30px; }
#footer-logos { height: 30px; margin-top: 0px; line-height: 28px; } /*height: 60px; margin-top: 0px; line-height: 58px;*/
#footer-links { height: 30px; margin-top: 0px; line-height: 30px; text-align: right; }

/* --- top navigation --- */
#navi { margin-top: 20px; margin-left: 80px; padding: 0; text-align: right; list-style-type: none; }
#navi li { float: left; display: inline; text-align: center; margin: 0 1px; padding: 0; height: 50px; }
#navi li a { display: block; width: 120px; height: 30px; line-height: 30px; background-color: #eaeff2; color: #4a7892; font-size: 11px; font-weight: bold; }
#navi li a:hover { background: #c0113a; color: #fff; }
#navi li:hover { background: transparent url(/img/navi-hover.gif) bottom center no-repeat; }
#navi .active { background: transparent url(/img/navi-active.gif) bottom center no-repeat; }
#navi .active a { background: #910d2c; color: #fff; }

/* --- footer logos --- */
#logos { list-style-type: none; float:right;}
#logos li { float: left; display: inline; text-align: center; margin: 0; padding: 0; height: 48px; }
#logos img { margin: 1px; }
#logos a { text-decoration: none; border: none; }

/* --- footer links --- */
#footer-links a { color: #4a7892; margin: 0 10px; }
#footer-links a.active { color: #910d2c; }
#footer-links a:hover { color: #c0113a; }

/* --- footer info --- */
#footer-info { color: #910d2c; text-align: center; height: 30px; line-height: 30px; }
#footer-info span { color: #7799ad; margin: 0 5px; }
#footer-info a { color: #7799ad; border: none; }
#footer-info a:hover { color: #2d5a73; }

/* --- content body --- */
#content-body { color: #000; margin-top: 60px; }
#content-body ul, #content-body ol { list-style-position: outside; margin-bottom: 1em; }
#content-body li { margin: 0 0 10px 20px; }
#content-body p { margin-bottom: 1em; }
#content-body a {text-decoration: underline;}

/* --- content side --- */
#content-side { color: #2D5A73; margin: 20px 10px; }

/* --- general --- */
.right { float: right; margin: 10px; margin-right: 0; display: inline; }
.left { float: left; margin: 10px; margin-left: 0; display: inline; }

#footer-info a.Creations {color: #CCC; text-decoration: none;}
#footer-info a.Creations:hover {text-decoration: underline;}
#footer-info .Creations {color: #CCC;font-size:10px;}

#Navigation
{
padding-top: 10px;
margin-bottom: 10px;
}

#Navigation ul
{
padding: 0 0 0px 0 !important; /*top right bottom left */
margin: 0 auto;
/*width:500px;*/
}

#Navigation li
{
display: inline; 
margin: 0 0.15em 0 2px;
height: 22px;
line-height: 22px;
}

#Navigation  li a
{
height: 22px;
line-height: 22px;
color: #4A7892;
padding: 5px 5px 3px 5px !important;
padding: 10px 5px 10px 5px;
font-weight: bold;
background-color:#FFF;
text-decoration: none;
text-align: center;
}

#Navigation  li a.active {color: #FFF; background-color:#910D2C; font-weight: bold;}

#Navigation  li a:hover  {color: #FFF; background-color:#c0113a;}
/* Hide from IE5-Mac \*/
#Navigation  li a {float: none}
/* End hide */
#Navigation  li a.active:hover {color: #FFF; background-color:#c0113a; font-weight: bold;}

#Formulier form
    {
    padding: 10px;
    font-size: 10px;
	color: #000;
	margin:0;
    } 

#Formulier label
    {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 5px;
    }	
	
#Formulier input
    {
    background-color: #f5f5f5;
    font-size: 14px;
	width:250px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#036;
    }	

#Formulier input.button
    {
	font-weight: bold;	
    background-color: #194F75;
    font-size: 14px;
	width:250px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#FFF;
    }		
#Formulier	select
    {
    width: 160px;
    font-size: 14px;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 2px;
    }
	
#Formulier textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    color: #036;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    
    margin-bottom: 2px;
    }
	
#Formulier span {color:#B00;}    
#Formulier .FormErrorMessage	
{
color:#B00;
margin-left:105px;margin-top:10px;margin-bottom:5px;;
font-size:13px;
font-weight: bold;
/*border:1px solid #0F0;*/
line-height:12px;
}
#Formulier .Postcode 
{
width:60px;
}

h1               {color: #036;}
h2               {color: #036;}
h4               {color: #036;}
.IMSDatum               {FONT-SIZE: 11px; color: #000; font-style: italic; font-family:  Arial, Swiss, Helvetica;}
.IMSCategorie           {FONT-SIZE: 11px; color: #EEEEEE; font-family:  Arial, Swiss, Helvetica;}
.IMSPhoto               {border-width: 1px; border-color: #000000; border-style: solid;}