/*
  *******************************************************
  Cascade Style Sheet
  (c) 2009 REDDIE
  *******************************************************
  Reddie
  Verenlandweg 12
  7461 AP Rijssen
  (The Netherlands)
  tel. +31 (0)548 51 70 51
  mobiel. +31 (6) 24 22 46 89
  http://www.reddie.nl
  info <at> reddie <punt> nl 
  ******************************************************
*/

* {margin:0;padding:0;}
		
html {
background:black;
height:100%;
}
		
body, body.contact {
margin:0;
padding:0;
height:100%;
font-family: Verdana;
color: #fff;
font-size:14px;
min-height: 840px;
}

html>body {
min-height:100%;
height:auto;
}

#groen {width: 330px; position: absolute; height: 105%; right: 0; background: #79A012; z-index: 1;}

#logo {position: absolute; right: 135px; top: 10px; z-index: 5; background: url(../images/logo_vis.gif) 0% 0% no-repeat; border: 1px solid white;}

#logo h1 {color: #fff; font-size: 1.8em; text-transform: uppercase; margin: 0; padding: 3px 90px; background: url(../images/logo_vis2.gif) 100% 0% no-repeat;}

#fotos {
background: transparent;
padding: 0 10px;
}

.leftimage {
width: 120px;
float: left;
margin-right: 20px;
}

/* Navigatie */

.navigatie {
position: absolute;
top: 40px;
left: 50px;
}

.menu {
height:40px;
width:100%;
position:relative;  
margin-top: 0px;
z-index:500;
}

.menu .mainlevel {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
text-transform: uppercase;
font-weight: bold;
}

.menu .mainlevel li {
float:left;
padding-right: 34px;
background: url(../images/menu_divider.gif) 100% 60% no-repeat;
height: 35px;
}

.menu .mainlevel a {
display:block; 
height:35px; 
float:left;  
padding:0 0 0 0px; 
text-decoration:none;
line-height:34px; 
white-space:nowrap; 
color:#a4c007;
}

.menu .mainlevel a:hover {
padding:0 0 0 0px;
line-height:34px;
cursor:pointer; 
color: #fff;
} 

li.active a:link,
li.active a:hover,
li.active a:visited { 
font-weight: bold;
color: gray;
}

/* main content */

a img {border:0;}
		
body #main {
position: absolute; background: url(../images/foto_bg.jpg) 0% 60% no-repeat; 
right: 130px;
left:50px; 
top: 70px; 
height: 75%; 
padding:30px; 
z-index: 40;}

body.contact #main {
position: absolute; background: url(../images/foto_bg.jpg) 0% 10% no-repeat; 
right: 130px;
left:50px; 
top: 70px; 
height: 75%; 
padding:30px; 
z-index: 40;}

body.winkel #main {
position: absolute; background: url(../images/foto_bg.jpg) 18% 37% no-repeat; 
right: 130px;
left:50px; 
top: 70px; 
height: 75%; 
padding:30px; 
z-index: 40;}

body.album #main {
position: absolute; background: url(../images/foto_bg.jpg) 70% 80% no-repeat; 
right: 130px;
left:50px; 
top: 70px; 
height: 75%; 
padding:30px; 
z-index: 40;}

body.links #main {
position: absolute; background: url(../images/foto_bg2.jpg) 25% 75% no-repeat; 
right: 130px;
left:50px; 
top: 70px; 
height: 75%; 
padding:30px; 
z-index: 40;}

#content_bg {
background: url(../images/drop-bg.png) repeat;
width: 82%;
height: 96%;
margin: 10px;
overflow-y: scroll;
}

#content_padding {
padding: 50px 30px;
line-height: 23px;
}

/* text styling */
p {
margin:1em 0;
text-align: justify;
}

#main ul {
padding:0;
white-space:nowrap;
margin: 0 0 20px 30px;
}

#main ul li {
padding-left: 4px;
}

h1 {
font-size:1.4em;
font-weight: bold;
margin-bottom: 14px;
color: #cacaca;
text-transform: uppercase;
}

h2 {
font-size:1.2em;
font-weight: bold;
padding:0px;
margin:0px 0px 10px 0px;
}

h3 {
font-size:1.1em;
font-weight: bold;
padding:0px;
margin:0px 0px 10px 0px;
}

#main a, #main a:visited {
color: #a4c007;
font-weight: bold;
text-decoration:none;
}
#main a:hover {
text-decoration:none;
color: #cacaca;
}

small {
font-size: 0.9em;
}

small a:link, small a:visited {
color: #a4c007;
}

small a:hover {
color: #cacaca;
}
		
/*footer */

#banner {
position: absolute;
bottom: 17px;
left: 50px;
}

#footer {
position: absolute;
bottom: 0px;
height: 14px;
min-height: 14px;
right: 220px;
z-index: 5;
font-size: 0.8em;
}

#footer .copyright span{
padding-right: 20px;
}

#footer .copyright a.reddie {
color: #fff;
text-decoration: none;
}	

#footer .copyright a.reddie:hover {
color: #cacaca;
}	

/* forms */
#label {
padding-left: 24px;
padding-top: 2px;
width: 60px;
}

.input {
padding-bottom: 5px;
}

#inputfield {
display: inline;
padding-left: 24px;
}

.input_tekst {
width: 460px;
margin-top: 10px;
margin-left: 24px;
}

.button_send {
display:inline;
width: 80px;
margin-left: 24px;
float: left;
}

.button_reset {
display:inline;
width: 80px;
float: left;
margin-left: 10px;
}

/* speciale styling voor alv en privacy statement */

body.alv {
margin:0;
padding:0;
height:100%;
font-family: Verdana;
background: white;
color: #444;
font-size:10px;
}