/*
Theme Name: OrangeRouge Version 1
Theme URI: Orangerouge.com
Description: Orangerouge.com layout
Version: 1.0
Author: 
Author URI: 
Tags: 

*/


/* -------------------------------------------------------------- BASICS */

*{
	padding:0;
	margin:0;
}

a img{
	border:0;
}

p {
	padding:0 0 10px 0;
}

body{
	font-family:arial;
	font-size:12px;
	color:#777;
}

a:link, a:visited, a:active{
	color:#777;
	text-decoration:none;
}

a:hover{
	color:#FF6600;
}

h1{
	font-size:14px;
	font-weight:normal;
	padding:0 0 10px 0;
	color:#FF6600;
	text-transform:capitalize;
}

h2{
	font-size:13px;
}

h2 p a span{
	font-weight:normal;
	text-decoration:underline;
}

h2 p a:hover span{
	color:#FF6600;
}

h3{
	font-size:11px;
	color:#FF6600;
}

/* -------------------------------------------------------------- CONTAINER */


#container{
	height:600px;
	width:951px;
	margin:0 auto;
	padding:10px 0 0 0;
}

#menu{
	height:210px;
	width:634px;
	float:left;
	text-transform:uppercase;
}

#logo{
	height:210px;
	width:317px;
	float:right;
}

#content{
	clear:both;
	width:951px;
	height:250px;
	line-height:150%;
	overflow:hidden;
	position:relative;
}

#images{
	width:633px;
	height:250px;
	float:left;
}

/* projecten */
#text2{
	width:308px;
	height:250px;
	float:right;
	padding:0 0 0 10px;
	background:#FFF;
}

/* 2 vaste kolommen */
#text3{
	width:634px;
	height:250px;
	padding:0 0 0 10px;
	background:#FFF;
	position:absolute;
	top:0;
	left:0px;
	z-index:2;
}

/* 3 vaste kolommen */
#text4{
	width:941px;
	height:250px;
	padding:0 0 0 10px;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
/* schuifbaar */
#text{
	width:634px;
	height:250px;
	padding:0 0 0 10px;
	background:#FFF;
	position:absolute;
	top:0;
	left:633px;
	z-index:2;
}

#adress{
	clear:both;
	width:634px;
	height:40px;
	padding:60px 0 0 0;
	font-size:10px;
	text-align:center;
}

#adress strong{
	color:#FF6600;
	font-weight:normal;
}

#disclaimer{
	color:#999;
	width:951px;
	height:20px;
	padding:60px 0 0 0;
	font-size:9px;
	text-align:right;
	text-transform:uppercase;
}

/* -------------------------------------------------------------- DISCLAIMER */


#disclaimer a{
	color:#999;
}

#disclaimer a:hover{
	color:#FF6600;
}



/* -------------------------------------------------------------- MENU */

#menu ul, #menu ul li ul{
	padding: 0;
	margin: 0;
	list-style: none;
}


#menu ul li{
	float: left;
	width: 126px;
}

#menu ul li ul{
	position: absolute;
	width: 126px;
	left: -1000px;
	padding:4px 0 0 0;
}

#menu ul li ul li{
	font-size:9px;
	padding:5px 0 0 0;
}

#menu ul li:hover ul, #menu ul li.ie_does_hover ul{
	left: auto;
	background-position: 0 0;
}

#menu ul a{
	display:block;
	cursor:default;
}

#menu .active, #menu .current_page_item a{
	color:#FF6600;
}


#menu ul li ul a{
	cursor:pointer;
}


/* -------------------------------------------------------------- CONTENT */

#content a{
	text-decoration:underline;
}

#content h2 a{
	text-decoration:none;
	color:#777;
}

#text .floatl, #text .floatr, #text3 .floatl, #text3 .floatr{
	width:302px;
	height:250px;
	margin:0 15px 0 0;
	text-align:justify;
}

#text td, #text3 td, #text4 td{
	width:302px;
	height:250px;
	padding:0 15px 0 0;
	text-align:justify;
	vertical-align:top;
}

#text td span, #text3 td span, #text4 td span{
	font-size:10px;
}

.floatl{
	float:left;
}

.floatr{
	float:right;
}

#text2 ul{
	list-style:none;
}

#text2 a.active{
	color:#FF6600;
}


/* -------------------------------------------------------------- SLIDE BUTTON */

#slide-btn, #paginationl{
	width:auto; 
	height:30px; 
	position:absolute; 
	top:234px; 
	left:643px; 
	z-index:3;
	cursor:pointer;
	text-decoration:underline;
}

#paginationr{
	width:auto; 
	height:30px; 
	position:absolute; 
	top:234px; 
	left:830px; 
	z-index:3;
	cursor:pointer;
	text-decoration:underline;
}

#terug-btn{
	width:auto; 
	height:30px; 
	position:absolute; 
	top:234px; 
	left:560px; 
	z-index:3;
	cursor:pointer;
	text-decoration:underline;
}


#slide-btn:hover {
	color:#FF6600;
}

/* -------------------------------------------------------------- SLIDESHOW */

.slide-btn{
	padding:0 4px 0 0;
	cursor:pointer;
}

.slide-btn:hover{
	color:#FF6600;
}

/* --------------------------------------------------------------- FORM */


.cform input, .cform textarea{
	padding:2px;
	vertical-align:top;
}

.cform input{
	width:150px;	
}

.cform .cf-ol{
	padding:7px 0 7px 0;	
}

.cform ol{
	list-style:none;
}

.cform .reqtxt, .cform .emailreqtxt{
	margin:0 0 0 2px;
}

.cform ol li{
	padding:5px 0 5px 0;
}

.cform ol li input, .cform ol li textarea{
	border:1px solid #999;
}

.cform label {
	width:40px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
	line-height:100%;
}

.cform label span{
	width:40px; /* must be the same as above!*/
	display:block; 
}

.cf_li_err{
	color:#fff;	
}

.cform textarea{
	height:77px;
	width:220px;
}

.cform .sendbutton{
	margin:0 0 0 50px;
	width:80px;
}

.cf_hidden, .linklove{
	display:none;
}

.failure{
}