/****************************************************/
/*****                                          *****/
/*****         CSS for RIJNSTROOM (c)           *****/
/*****  ontwikkeld door OrangeWindow.nl 2008    *****/
/*****                                          *****/
/****************************************************/

/***** STYLES IN BODY ******/

body{

	margin: 0;
	background:url(../visuals/page_bg.gif) repeat-y ;
	background-position: 50%;
	}

/***** STYLES ALGEMEEN ******/

.main_container
{
width: 950px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}

.main_container_binnen
{
width: 840px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}

.logo_and_menu
{
float: left; 
width: 840px;
height: 87px;
border-top: solid 3px #000033;
}

.logo
{
float: left;
margin: 10px 0 0 0;
width: 325px;
height: 80px;
font-size: 11px;
color: #00295c;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 27px;
}

.topmenu
{
float: right;
margin: 60px 15px 0 0;
height: 14px;
font-size: 11px;
color: #00295c;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../visuals/pointer.gif) no-repeat;
}


.total_header
{
float: left; 
width: 840px;
height: 200px;
background:url(../visuals/header_bg.gif) repeat-x;
}

.menu
{
float: left; 
margin: 8px 0 0 0;
width: 186px;
height: 190px;
background: url(../visuals/menu_bg.gif) no-repeat;
}

.flash
{
float: left; 
margin: 8px 0 0 5px;
width: 647px;
height: 188px;
border: solid 1px #bebebe;
background:#689bc1;

}

/***** TEKST MENU ******/

/***** FIXED STYLES MENU ******/

.menubox
{
vertical-align: top;
width:186px;
margin: 2px 0 0 0;
padding: 0;
text-align:left;
float:left;
list-style-type: disc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #00295c;
	font-size:14px;
	text-transform: uppercase ;
	
}



.menubox ul li  {
	display: block;
	width: 150px;
	height: 21px;
	margin: 0 0 0 -15px;
	padding: 15px 0 0 0;
	list-style-type: none;
	background:url(../visuals/menu_btn_0.gif) no-repeat;
}

.menubox ul li a:hover {
	display: block;
	width: 150px;
	height: 21px;
	margin: 0;
	padding: 0;
	background:url(../visuals/menu_btn_1.gif) no-repeat;
	background-position: 50% 145%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
	color: #FF9900;
	text-decoration:none;
}

.menubox ul li#page a {
	display: block;
	width: 150px;
	height: 21px;
	margin: 0;
	padding: 0;
		background:url(../visuals/menu_btn_1.gif) no-repeat;
	background-position: 50% 155%;
	}

.link{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
	color: #00295c;
	text-decoration:none;
}

.link:hover{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
	color: #00295c;
	text-decoration:none;
}

.page{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
	color: #FF9900;
	text-decoration:none;
	
}

.spacer
{
margin: 0 0 0 0;
height: 10px;
}

/***** STYLE HOME ******/

.welkom
{
float: left; 
margin: 25px 0 0 0;
width: 500px;
height: 250px;
background:url(../visuals/welkom_bg.jpg) no-repeat;
}

.nieuws_service
{
float: left; 
margin: 25px 0 0 7px;
width: 330px;
height: 250px;
border-left: solid 3px #49a1c4;
}

/***** STYLE RIJNSTROOM ******/

.rijnstroom
{
float: left; 
margin: 25px 0 0 0;
width: 500px;
height: 250px;
background:url(../visuals/rijnstroom_bg.jpg) no-repeat;
}

.pictures
{
float: left; 
margin: 25px 0 0 9px;
width: 330px;
height: 250px;
}

/***** STYLE SERVICE ******/

.servicebigbox
{
float: left; 
margin: 0;
width: 840px;
}

.servicebox
{
float: left; 
margin: 25px 0 0 0;
width: 400px;
height: 150px;
}

.elektrabox
{
float: left; 
margin: 0;
width: 400px;
height: 150px;

}

.sanitairbox
{
float: left; 
margin: 25px 0 0 19px;
width: 420px;
height: 150px;
border-left: solid 1px #49a1c4;
}

.ventilatiebox
{
float: left; 
margin: 0 0 0 19px;
width: 420px;
height: 150px;
border-left: solid 1px #49a1c4;
}

/***** STYLE ONLINEWINKEL ******/

.webwinkelbigbox
{
float: left; 
margin: 25px 0 0 0;
width: 840px;
}

/***** STYLE CONTACT ******/
.contactinfo
{
float: left; 
margin: 25px 0 0 0;
width: 500px;
height: 250px;
}

.contactmap
{
float: right; 
margin: 0 0 0 0;

}

/***** TEKST STYLES ******/

h1
{
font-size: 16px;
color: #002282;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0 0 15px;
text-transform: none;
}

h1#welkomkop
{
margin: 5px 0 0 0;
}


.textblok
{
font-size: 11px;
color: #002282;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 0 0 15px;
}

.textblok#welkomtext
{
margin: 15px 0 0 140px;
}



a.text:link { color: #00295c; text-decoration: none; }
a.text:visited { color: #00295c; text-decoration: none;}
a.text:hover { color: #00295c; text-decoration:underline;}
a.text:active { color: #00295c; text-decoration: none;}


/***** STYLES FOOTER ******/

.footerbox
{
float: left;
margin: 15px 0 0 0;
width: 840px;
}

.banner_footer
{
float: left;
margin: 15px 0 0 0;
width: 840px;
}


.footerlinks
{
float: left;
margin: 22px 0 0 25px;
width: 450px;
font-size: 11px;
color: #00295c;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footerorangewindow
{
float: right;
margin: 25px 25px 0 0;
width: 250px;
text-align: right;
font-size: 10px;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.orangewindowlink, .orangewindowlink a, .orangewindowlink a:hover, .orangewindowlink a:visited 
{
color: #999999;
text-decoration:none;
}


.ontwikkeld_door
{
visibility: hidden;
margin-left: auto;
margin-right: auto;
width: 950px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/****************************************************/
/*****                                          *****/
/*****         END of CSS RIJNSTROOM (c)        *****/
/*****  ontwikkeld door OrangeWindow.nl 2008    *****/
/*****                                          *****/
/****************************************************/