/*------------------------------------------------------------------\
| style.css    | yoishiatsu.nl					                    |
| versie       | 1.0							                    |
| gemaakt door | Minardus v/d Kooi, Warner Talsma en Martin	Broers	|
\ -----------------------------------------------------------------*/

/* #algemene instellingen */
* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
color: black;
background: #fff;
/*background: url('img/bg1.png') repeat;*/
}

div#mainbody {
width: 810px;
margin: 0 auto;
}

/* #header */
div#header {
text-align: center;
margin-bottom: 10px;
margin-top:10px;
}

/* #menu */
div#menu {
height: 30px;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
font-size: 0.82em;
margin-left: -30px;
_margin-bottom: -4px; /* margin fix voor ie6 */
}

.menu ul {
list-style-type: none;
text-align: center;
padding: 9px;
}

.menu li {
display: inline;
margin: 0;
}

.menu li a {
color: #666666;
background: #fff;
text-decoration: none;
padding: 5px;
margin-right: 5px;
}

.menu li a:hover {
background: #ed0120;
color: #fff;
}

.menu li.active a{
background: #ed0120;
color: #fff;
/*border-bottom: 1px solid #ed0120;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;*/
}

/* #randomMotto */
div#randomMotto {
height: 30px;
background: #ed0120;
width: 800px;
text-align: center;
margin-bottom: 5px;
margin-left: 2px;
/*border: 1px solid #000;*/
}

div#randomMotto p {
color: #fff;
font-size: 1.0em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
padding: 5px;
}

/* #top-border */
div#top-border {
background: url('img/top-border.png') no-repeat;
height: 11px;
width: 810px;
_margin-bottom: -8px; /* margin fix voor ie6 */
}

/* #content */
div#content {
background: url('img/side-border.png') repeat-y;
width: 810px;
padding-left: 10px;
padding-bottom: 10px;
}

div#maincontent {
width: 776px;
padding-left: 5px;
overflow:auto;
}

div#content img {
margin: 5px;
border: 0px solid #666666;
}

div#maincontent p {
font-size: 0.70em;
font-family: Lucida Grande, sans-serif;
color: #666666;
}

div#content h1 {
font-size: 1.2em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
color: #ed0120;
}

div#content h2 {
font-size: 0.9em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
color: #666666;
}

div#content h3 {
font-size: 0.80em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
color: #666666;
}

div#content h4 {
font-size: 1.0em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
color: #ed0120;
}

div#content h5 {
font-size: 0.9em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
font-style: italic;
color: #ed0120;
}
div#maincontent ul {
list-style-type: circle;
}

div#maincontent li {
font-size: 0.7em;
font-family: Lucida Grande, sans-serif;
color: #666666;
}

div#content a {
color: #000;
}

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

/* #bottom-border */
div#bottom-border {
background: url('img/bottom-border.png') no-repeat;
height: 11px;
width: 810px;
}

/* #footer */
div#footer {
margin-top: 10px;
text-align: center;
}

div#footer p {
color: #666666;
font-size: 0.7em;
font-family: Lucida Grande, sans-serif;
}

/* simplecontactform */
#simplecontactform { 
border:0; 
float: left;
}

#simplecontactform label {
font-size: 0.80em;
font-family: Lucida Grande, sans-serif;
font-weight: bold;
color: #666666;
}

/* rest css */

#map {
float: right;
margin-top: 20px;
margin-left: 60px;
}

.slide-out-div {
padding: 20px;
padding-bottom: 0px;
width: 290px;
background: #fff;
border: 1px dashed #666;
height: 200px;
}

/*label { 
display: block; margin-top: 10px; 
}*/

#login {
font-size: 100%;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto; 
border: 1px solid #eee; 
padding: 25px; 
background-color: #FFFFCC;
position: relative; left: 1px; top: -1px;
}

/*WebloginPE CSS*/
fieldset {
border: 0;
}

/*label {
float: left;
width: 200px;
}*/

.rememberme label {
display: block;
margin-top: 10px;
}

hr {
margin-top:2px; 
border:0; 
width:100%; 
color:#666; 
background-color: #666; 
height:1px;
}
/*
http://modxcms.com/forums/index.php/topic,44580.0.html
*/

/*
<div id="login">
[!WebLogin? &logouthomeid=`1` &logintext=`Inloggen` &logouttext=`Uitloggen`!]
</div>
*/

/*
<div id="login"> 
			
	<h3>Inloggen (members only)</h3> 
	<form action="" method="post" id="loginform"> 
		<label for="username">Gebruikersnaam:</label> 
		<input type="text" name="username" id="username" /> 
		
		<label for="pwd">Paswoord:</label> 
		<input type="password" name="pwd" id="pwd" /> 
		
		<input type="button" name="Submit" id="submit_butt" value="Verzenden" /> 
	</form> 

<div id="login">
[!WebLogin? &logouthomeid=`1` &logintext=`Inloggen` &logouttext=`Uitloggen`!]
</div>		
</div>

*/