/*----------------------------------------------
	Default Stylesheet
	Developer:Joshua Valentin
	Company:Queweb Internet & Design
	Project:Maximoney Default
	Recent update:17/01/2008
----------------------------------------------*/

/*---------------------------------------------- 
	1. CSS reset & standard settings				19
	2. Declaration of div's							154
	3. Standaard form style's						324
	4. Tab Menu											330
	5. MiniForms Belmij/Leningen/Hypotheken	447
	6. MiniForms Sidebar								556
	7. Nieuws style's									562
	8. Aktie & Klanten Boxen						610
----------------------------------------------*/

/*---------------------------------------------- 
	1. 
	
	CSS reset & standard settings 
----------------------------------------------*/

*{ 
margin:0px; 
padding:0px; 
}

body{
background:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#818383;
}

/*Links*/
.main a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

.main a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

.main a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #ee920f;
text-decoration:none;
}

.main a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #ee920f;
text-decoration:none;
}

a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color: #818383;
text-decoration:none;
}

h1 {
color: #FFFFFF;
clear: left;
margin:7px 0 0 0;
padding:0;
}

h2 {
font-family: Arial Narrow, Arial, Helvetica, sans-serif;	
font-size: 1.725em;
letter-spacing: -1px;
font-weight: lighter;
clear: left;
margin:0;
padding:0;

}
	
h3 {		
color: #000000
}
	
h4 {
letter-spacing: -1px;
clear: left;
color: #000000;
font-size: 1.25em;
margin:0;
padding:0;
}

h5 {
color: #000000
}

h6 {
color: #000000
}

/* Classes */
.orange{
color:#ee920f;
}

.smallText{
color:#818383;
font-size:0.8em;
}

.content{
font-size:1.2em;
}
/*---------------------------------------------- 
	2. 
	
	Declaration of div's
----------------------------------------------*/

#header{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:60px;
	background-image:url(../assets/header/header.gif);
	background-repeat: no-repeat;
}

#menu{
height:30px;
background:url(../assets/menu/menuBg.gif) repeat-x;
width:100%;
margin-bottom:20px;
}	

#menuContent{
width:980px;
margin-left:auto;
margin-right:auto;
}

#banner{
margin-left:auto;
margin-right:auto;
width:980px;
height:280px;
background-image:url(../assets/banner/banner.jpg);
}

#bgBanner{
width:100%;
height:280px;
background-color:#009DEF
}

#wrapper{
margin-left:auto;
margin-right:auto;
width:980px;
border-left: #0096e4 solid 0px;
border-right: #0096e4 solid 0px;
}

#textContent{
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#innerContent{
width:700px;
float:left;
margin-right:18px;
}

#subContent{
margin-top:5px;
margin-right:5px;
margin-bottom:15px;
margin-left:5px;
}
#sideBar{
float:left;
}

#footer{
height: 200px;
background: url(../assets/footer/footerBg.gif) repeat-x;
clear:both;
}

#footerContent{
width:980px;
margin-left:auto;
margin-right:auto;
padding:10px 30px 10px 30px;
}

#footer p {
padding-top: 20px;
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

.footerheader{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
color: #818383;
}

.footerList li{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
list-style:disc;
}

#footerBox1{
width:200px;
height:auto;
float:left;
}
#footerBox4{
width:200px;
height:auto;
float:left;
}
#footerBox3{
width:200px;
height:auto;
float:left;
}
#footerBox2{
width:200px;
height:auto;
float:left;
}

#logoFooter{
width:180px;
height:52px;
background-image:url(../assets/footer/logo.gif);
float:left;
background-repeat: no-repeat;
}

#underLogo{
width:200px;
color:#818383;
font-size:1.1em;
}

.footerLink a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}

.footerLink a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}

.footerLink a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #009DEF;
text-decoration:none;
}

.footerLink a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}
/*---------------------------------------------- 
	3. 
	
	Standaard form style's
----------------------------------------------*/

/*---------------------------------------------- 
	4. 
	
	Tab Menu
----------------------------------------------*/

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color: #474848;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: transparent url(../assets/menu/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(../assets/menu/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #009DEF;
}

.ddcolortabs a:hover span{
background-color: #009DEF;
}

.ddcolortabs a.current, #ddcolortabs a.current span{
background-color: #009DEF;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #009DEF;
border-top: 0px solid #fff;
}

.tabcontainer{
clear: left;
width:95%;
height:1.9em; 
}

.tabcontent{
display:none;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #818383;
padding:0 0 0 10px;
}

.tabcontent a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}

.tabcontent a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}

.tabcontent a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #009DEF;
text-decoration:none;
}

.tabcontent a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #818383;
text-decoration:none;
}

/*---------------------------------------------- 
	5. 
	
	MiniForms Belmij/Leningen/Hypotheken
	
----------------------------------------------*/

#buttonWrapperBox{
width:900px;
}

#buttonWrapper{
float:left;
}

#aanvraagButtonBelmij{
width:180px;
height:30px;
float:left;
margin:0 10px 0 15px;
clear:both;
}

#aanvraagButtonLeningen{
width:180px;
height:30px;
float:left;
margin:0 10px 0 15px;
clear:both;
}

#aanvraagButtonHypotheken{
width:180px;
height:30px;
float:left;
margin:0 10px 0 15px;
clear:both;
}

#aanvraagButtonBkr{
width:180px;
height:30px;
float:left;
margin:0 10px 0 15px;
clear:both;
}

#buttonContent{
float:left;
clear:both;
margin:5px 5px 5px 5px;
width:210px;
height:109px;
}

#buttonUnderContent{
	float:left;
	clear:both;
	margin:5px 5px 5px 5px;
	padding:5px;
	width:195px;
	height:110px;
	border:1px solid;
	border-color:#DBDBDB;
}

#buttonContentBKR{
float:left;
clear:both;
margin:5px 15px 5px 15px;
width:180px;
}

label.align_text_box{
float:left;
width:57%;
text-align:left;
}

.aanvraagFormStyle_box{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #818383;
}

.input_box{
width:34%;
background-color:#FBFBFB;
font-size:0.8em;
border-width:1px;
border-style:solid;
border-color:#cccccc;
margin:3px;
}

.submitButton_box{
background-color:#ee920f;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#FFFFFF;
font-weight:bold;
height:20px;
width:45%;
border:0px;
cursor:pointer;
margin-top:3px;
padding-bottom:3px;
}

/*---------------------------------------------- 
	6. 
	
	MiniForms Sidebar
----------------------------------------------*/

/*---------------------------------------------- 
	7. 
	
	Nieuws style's & Accordion
----------------------------------------------*/

#nieuws{
width:980px;
padding:15px;
clear:both;
margin-left:auto;
margin-right:auto;
}

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:950px;
}

.accordion_headings{
	padding:5px;
	background:#ee920f;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:-1px;
}

.accordion_headings:hover{
	background:#009DEF;
}

.accordion_child{
	padding:10px;
	background:#EEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color: #333333;
}

.header_highlight{
	background:#009DEF;
}

/*---------------------------------------------- 
	8. 
	
	Aktie & Klanten Boxen
----------------------------------------------*/

#boxWrapper{
width:980px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#boxAktie{
background:url(../assets/header/actieBox.gif);
width:320px;
height:200px;
float:left;
}

#boxKlant{
background:url(../assets/header/klantenBox.gif);
width:320px;
height:200px;
float:right;
}