/* GENERAL STYLES */
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : default.css
Author : Kobe Van Looveren
URL : www.digipoint.be

Description : Default styles

Created : 09.10.06
Modified :
Copyright: www.digipoint.be 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
WIDTH-SCHEME
CONTAINER: 758px
CONTENTPANE-ITEMS: MAX 504px breed!!!!!!!!
LEFTPANE-ITEMS: MAX 218px breed!!!!!!!!

COLOURS
Reds
°°°°
Links: #b40001

Orange
°°°°°°
Borders, h1,: #eaae00

Darks
°°°°°
txt: #212129

brown:#cc6600
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/

/****** GENERAL ******/
html {height:100%;}

body {
margin: 0px;
padding: 0px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size:70%;
height:100%;
background: white url(/media/183/bgBody02.jpg) center top no-repeat fixed;
color:#4d4c5a;
text-align:center;
}

/****** TOP-PANE ******/
.HeaderWithLeftMenu {
background: #FFF url(/media/525/headerpic.jpg) top left no-repeat;
width: 758px;
height: 256px;
float: left;
margin-top:5px;
}

/****** LEFT-PANE ******/
.LeftPane{
width: 248px;
position: relative;
float: left;
margin: 0;
}

.LeftPane .LatestNews p{margin:0px; padding:0px;}
.LeftPane .offer img{width:213px; margin: 0 auto; display:block;}

/****** CONTENT-PANE ******/
.ContentPane {
width:504px;
position:relative;
float:right;
margin: 0;
}

h1{
margin: 0;
padding: 4px 0 14px 0;
color: #b40001;
font-size:160%;
font-weight: bold;
text-align: left;
}

h2{font-size: 130%;
color: #eaae00;
font-weight: bold;
text-align: left;
margin: 7px 0 0 0 ;
padding: 0;
}


/*h3{padding: 4px 0 6px 0;
margin: 0;
font-size:120%;}
h4{font-weight: bold;
color: #b40001;
margin: 0;
padding: 0;}*/
h3 {
padding: 4px 0 6px 0;
margin: 0;
font-size:13px;
}

h4 {
color: #b40001;
padding: 12px 0 0 0;
margin: 0;
font-size:100%;
font-weight: bold;
}

h5 {
color: #333;
padding: 12px 0 0 0;
margin: 0;
font-size:100%;
font-weight: bold;
}

h6 {
color: #777;
border-top:silver solid 1px;
padding: 5px 0;
margin: 0;
font-size:100%;
font-weight: normal;
text-align:center;
}


.sSteps {background:#ececec url(/media/142/bgBorder02.jpg) 0px no-repeat; width:476px; height:114px; margin:0px; padding: 0px;}
.Steps p{font-family: Arial, Helvetica, sans-serif;}

.stepInactive{color:#CCCCCC}
.stepVisited{text-decoration:line-through;}
a.btnGo-01{width:74px; height:104px; display:block; background:url(/media/299/btnGo.jpg) no-repeat;}
a.btnGo-01:hover{background:url(/media/304/btnGoH.jpg) no-repeat;}

a.btnGetIt-01{width:127px; height:33px; display:block; background: url(/media/289/btnGetIt.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnGetIt-01:hover{background:url(/media/294/btnGetItH.jpg) no-repeat;}


a.btnSubscribe-01{width:197px; height:33px; display:block; background:url(/media/480/btnSubscribe.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnSubscribe-01:hover{background:url(/media/485/btnSubscribeH.jpg) no-repeat;}

/*Ilse 080603*/
a.btnContact-01{width:127px; height:33px; display:block; background:url(/media/59501/btncontact.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnContact-01:hover{background:url(/media/59506/btncontacth.jpg) no-repeat;}

a.btnAdvertise-01{width:197px; height:33px; display:block; background:url(/media/59511/btnadvertisers.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnAdvertise-01:hover{background:url(/media/59516/btnadvertisersh.jpg) no-repeat;}

a.btnArchive-01{width:197px; height:33px; display:block; background:url(/media/59579/btnarchive.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnArchive-01:hover{background:url(/media/59584/btnarchiveh.jpg) no-repeat;}

a.btnSend-01{width:84px; height:33px; display:block; background:url(/media/59589/btnsend.jpg) no-repeat; margin:auto; text-align: center;}
a.btnSend-01:hover{background:url(/media/59594/btnsendh.jpg) no-repeat;}
/*end Ilse 080603*/

a.btnReadOn01{width:127px; height:33px; display:block; background: url(/media/439/btnReadOn01.jpg) no-repeat; margin:10px auto; text-align: center;}
a.btnReadOn01:hover{background:url(/media/444/btnReadOn01H.jpg) no-repeat;}

a.btnGetIt-01 span, a.btnSubscribe-01 span, a.btnContact-01 span, a.btnAdvertise-01 span, a.btnArchive-01 span, a.btnSend-01 span{display: none;}


a.btnSearch{padding:2px; color:#FFFFFF; background: #666 url(/media/193/bgBtnSearch01.gif) repeat-x; border:solid 1px silver; text-decoration:none;}
a.btnSearch:hover{padding:2px; background:#666 url(/media/198/bgBtnSearch01H.gif) repeat-x; border:solid 1px #FFCC33; text-decoration:none; color:#fff;}

a.btnTop{background:url(/media/490/btnTop01.jpg) no-repeat; width:26px; height:20px; display:block; float:left; margin-top:7px;}
a.btnTop:hover{background:url(/media/495/btnTop01H.jpg) no-repeat; }

/*paging*/
.pagingTop, .pagingBottom{height:31px; width:435px; margin:24px auto 0 auto;}
.pagingBottom a, .pagingTop a{display:block; float:left; height:31px; background-repeat:no-repeat; padding-top:5px; text-decoration:none; font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#696a7e;}

a.pageCijfer{background-image:url(/media/414/btnPageNumber.jpg); width:28px; padding-left:6px; margin:0;}
a.pageCijfer:hover{background-image:url(/media/424/btnPageNumberH.jpg);}
a.pageCijfer.active{background-image:url(/media/419/btnPageNumberA.jpg);}

a.pagePrev{background-image:url(/media/429/btnPagePrev.jpg); width:123px;}
a.pageNext{background-image:url(/media/404/btnpageNext.jpg); width:123px;}

a.pagePrev:hover{background-image:url(/media/434/btnPagePrevH.jpg); width:123px;}
a.pageNext:hover{background-image:url(/media/409/btnpageNextH.jpg); width:123px;}



.splitter{width:100%; height:12px; background:url(/media/254/bgResultSplitter01.jpg) repeat-x;}
.splitter2{width:100%; height:12px; background:url(/media/254/bgResultSplitter01.jpg) repeat-x; margin:5px 0;}

.menuRight{float:right; padding:6px 6px 0 0;}

table tr {vertical-align:top;}
/* This fixes the 3px IE 5.x én 6 WIN BUG
* html #ContentPane{width:507px;float:right;}*/


/****** RIGHT-PANE ******/
.RightPane {
margin: 5px 0 0 5px;
width:120px;
height:610px;
background: url(/media/259/bgRightPane01.jpg) left bottom no-repeat;
float:left;
}


/****** BOTTOM-PANE ******/
.BottomPane {
float: left;
width: 500px;
text-align: center;
color: #CCCCCC;
margin-bottom: 12px;
padding:14px 0 0 0;
background:url(/media/208/bgFooter01.jpg) no-repeat;
}

.center {
margin-left: auto;
margin-right: auto;
width: 890px;
height: 100%;
text-align: left;
}


.container, .container_home {
width: 758px;
height: 100%;
text-align: left;
position:relative;
float: left;}


a img {border-width: 0;}

.clear{clear:both;}

.small{font-size:80%; color:#999999;}
.attention{color:#b40001}
.printLogo{display:none; float:left;}

.noDisplay{display:none;}
.Display{display:block;}

.noBorder{border:none;}

.margin5_0{margin:5px 0 }
.margin5_0_0_0{margin:5px 0 0 0}
.margin_20_0_0_0{margin:20px 0 0 0;}
/****** HEADERS ******/

.container_home h1.logo {
margin: 0;
padding: 0;
width: 248px;
height: 79px;
background: url(/media/520/cxo_logo.gif) no-repeat top right;
text-indent: -900px;
position: relative;
z-index: 3;
float: left;
margin-right: -248px;
margin-top: 261px;
}

.container h1.logo {
margin: 0;
padding: 0;
width: 187px;
height: 61px;
/*background: url(/umbraco/ImageGen.aspx?Image=/media/520/cxo_logo.gif&Width=187&Height=60) no-repeat top right;*/
background: url(/media/59628/cxo_logo_small.gif) no-repeat top right;
text-indent: -900px;
position: relative;
z-index: 3;
float: left;
margin-right: -187px;
margin-top: 31px;
}

.container h1.logo a {
text-decoration: none;
border: 0;
display: block;
height: 60px;
}

.tagline h2 {
padding: 0;
font-size: 17px;
font-weight: normal;
color: #FFF;
text-align:right;
margin: 4px 20px 0 0;
display:none;
}

.tagline_home h2 {
margin: 23px 20px 0 0;
padding: 0;
color: #FFF;
font-size: 17px;
font-weight: normal;
text-align:right;
display:none;

}

a{color:#4d4c5a/*b40001*/;}
a:hover{color:#cc6600}
a:active{outline: none;}/*remove dotted line on active*/
a:focus{-moz-outline-style: none;}/*remove dotted line on active*/

.floatLeft{float:left;}
.floatLeft img{float:left; margin: 0 5px 5px 5px;}
.editoriaal h3, .editoriaal h4{color:#4d4c5a;}
.editoriaal h3, .writer h3  {margin:5px 0 0 0; padding:0px; }
.editoriaal h4, .writer h4 {margin: 0;padding: 0; }



.floatRight{float:right; position:relative;}
.writer{width:360px; text-align:right; margin-right:15px;}
.floatRight img{float:right; margin: 0 0px 5px 5px;}


.imageborder01{text-align:center; padding:14px;}
.imageborder01 img{text-align:left; color:#666666; font-size:10px; font-style:italic;padding:14px;border:solid 1px silver; background:#ececec}
.LeftPane .imageborder01 img{padding:7px;}
.imageborder01 a:hover img{border:solid 1px #ccc; background:#e6e6e6}

.imageborder01 p{text-align:left; color:#666666; font-size:10px; font-style:italic;padding:0 14px;}


/*.borderTop{background:url(/media/590/img-borderTop.jpg) no-repeat; width:474px; height:8px; margin-top:7px;}*/
.borderMiddle{background:url(/media/580/img-borderMiddle01.jpg) repeat-y; width:461px; padding-left:9px; padding-top:1px;}

.borderMiddle img {width:456px; margin-left:auto; margin-right:auto;}
.borderMiddle p{margin:0px; padding:5px;}
.borderBottom{background:url(/media/208/bgFooter01.jpg) no-repeat; width:470px; height:8px;}
		
.numberOthers{vertical-align:middle; text-align:center; background:#dcdcdc; color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.rowOdd{background:#e8e8e8}
.rowEven{background:#f0f0f0}
/****** BREADCRUMB ******/

.bread {
float: left;
height: 24px;
width: 740px;
margin: 10px 0px 0 10px;
}

.bread .home {color: #b40001; text-decoration:none; border-bottom:solid 1px #b40001; padding-bottom:2px; display:block; float:left;}

.bread a{text-decoration:none; border-bottom:solid 1px #4d4c5a; padding-bottom:2px;}
.bread a:hover{text-decoration:none; border-bottom:dotted 1px #cc6600; padding-bottom:2px;}



/****** HEADER ******/

h1.logo a {
text-decoration: none;
border: 0;
display: block;
height: 79px;
}

.topnav {
width: 758px;
height: 30px;
background:url(/media/274/bgTopnav01.jpg) repeat-x;
float: left;
cursor:pointer;
}

.topnav ul {
float: left;
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
}

.topnav ul li {
float: left;
height: 30px;
border-right: #FFF 1px solid;
}

.topnav ul li a {
color: #FFF;
line-height: 30px;
font-size: 14px;
text-decoration: none;
display: block;
float: left;
padding: 0 16px;
}

.topnav ul li a:hover {background:#b40001 url(/media/284/bgTopnav01H.jpg) repeat-x;}
.topnav ul li a.active {background:#b40001 url(/media/279/bgTopnav01A.jpg) repeat-x;}

.HeaderWithLeftMenu .trans {
padding: 0;
margin: 0;
width: 248px;
list-style-type: none;
opacity: 0.5;
filter: alpha(opacity=50);
position: relative;
z-index: 1;
}

.HeaderWithLeftMenu .trans li {
padding: 0;
margin: 2px 0 0 2px;
height: 26px;
background-color: #FFFFFF;
background: #fff url(/media/219/bgHeaderTransH02.jpg) repeat;

}

.HeaderWithLeftMenu .nav {
padding: 0;
margin: -224px 0 0 0;
width: 248px;
list-style-type: none;
position: relative;
z-index: 2;
float: left;
cursor:pointer;
}

.HeaderWithLeftMenu .nav li {
padding: 0;
margin: 2px 0 0 2px;
height: 26px;
}

.HeaderWithLeftMenu .nav li a {
height: 26px;
padding: 0 12px 0 0;
margin: 0;
display: block;
text-transform: capitalize;
color: #FFF;
line-height: 26px;
text-align: right;
font-size: 14px;
text-decoration: none;
}

.HeaderWithLeftMenu .nav li a:hover {
color:#000;
font-weight:bold;
opacity: 0.3;
filter: alpha(opacity=30);
background: #fff url(/media/219/bgHeaderTransH02.jpg) repeat;
}

.tagline_home {
float: left;
margin-left: 0px;
margin-top: 5px;
width: 758px;
height: 66px;
background: #cc6600 url(/media/655/topgradientHome01.jpg) no-repeat;
text-align: right;
}

.tagline {
float: left;
margin-top: 1px;
width: 758px;
height: 60px;
background: #cc6600 url(/media/640/topgradient01.jpg);
text-align: right;
}

.tagline_home .tagline2 {
color: #9d2a25;
margin: 10px 20px 0 0;
text-size: 16px;
font-weight: bold;
display:none;
}

.tagline .tagline2 {
color: #9d2a25;
margin: 10px 20px 0 0;
text-size: 16px;
font-weight: bold;
display:none;
}


/****** LeftPane ******/

.LeftPane .block {
	margin-bottom: 10px;
	padding: 14px;
	width:218px;
	background:url(/media/239/bgleftPane.jpg) no-repeat;
	position: relative;
/*EFFECTIEVE BREEDTE STAAT NU OP 248px: 218 + 2px van border + 2 maal 24px padding */
}

.block_nieuwsbrief {
margin-bottom: 10px;
padding: 14px;
text-align: center;
}

.block h4 a {
text-decoration: none;
color: #B40001;
}

.block h4 a:hover {
color: #cc6600;
}

.block h4 .front {
color: #999;
font-weight: normal;
}

.block h4 a:hover .front {
color: #CCC;
}

.LeftPane .block p{
padding: 0 0 14px 0;
margin: 0;
}



.LeftPane .button {
text-align: center;
}

.LeftPane .button a img {
border-width: 0;
}

/****** LeftPane NAV ******/

.LeftPane .block .nav {
padding: 0;
margin: 0;
width: 213px;
list-style-type: none;
cursor:pointer;
}

.LeftPane .block .nav li {
padding: 1px 0;
margin: 0;
border-bottom: #CCC 1px solid;
}

.LeftPane .block .nav li a {
padding: 3px;
color: #4d4c5a;
font-weight: bold;
text-decoration: none;
display: block;
}

.LeftPane .block .nav li a:hover {
background: #e7e6e8 url(/media/249/bgNavH01.jpg) repeat-x;
/*color: #b40001;*/
color: #000;
}

/**************
 SIDEMENU
 ************ 
.sideMenu {list-style:none; padding:0px; margin:-14px 0 0 -14px; background:url(/media/264/bgSidemenu4Items.jpg) no-repeat;width:241px;}
.sideMenu li {display:block; margin-bottom:1px; line-height:3em;}
.sideMenu li.doubleLine{line-height:1.5em;}
.sideMenu li.selected{background:#eaae00; padding: 3px 0 3px 7px; width:234px; }
.sideMenu a, .sideMenu a:hover{width:234px; height:3em; display:block; padding: 3px 0 3px 7px; text-decoration:none;}
.sideMenu a:hover{background:url(/media/269/bgSidemenu4ItemsH.jpg) no-repeat;width:234px; height:3em; display:block; padding: 3px 0 3px 7px;}*/

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

.ContentPane .block {
	margin-bottom: 10px;
	background: white url(/media/203/bgContentPane.jpg) no-repeat;
	padding: 14px 14px 0 14px;
/*EFFECTIEVE BREEDTE STAAT NU INGESTELD OP 510 - (2x14) - 2px van border = 480px */
}

.headline {
padding: 8px 0 20px 0px;
width: 482px;
float: left;
background:url(/media/254/bgResultSplitter01.jpg) bottom repeat-x;
}


.headline .thumb {
width: 185px;
height: 100px;
margin: 0 14px 6px 0;
float: left;
}

.headline h4 {
margin: 0;
padding: 0;
}

.headline p {
margin: 0 0 0 0;
}

.promo {
text-align:center;
}

.promo img {
border-width: 0;
}

.readmore, .download {
width: 100%;
text-align:right;
margin:0px; padding:0px;
}
.readmore{white-space:nowrap;}
.download {margin-top:0px; height:28px;}

.readmore a {
padding: 0px 12px 0 0;
background: url(/media/162/arrow.gif) no-repeat right 3px;
}

.ContentPane .readmore a{margin:0 7px 0px 0px;}

.readmore a:hover {
color: #cc6600;
background: url(/media/167/arrowH.gif) no-repeat right 3px;
}

.download a {
color: #b40001;
text-decoration: none;
padding: 10px 18px 10px 30px;
font-size:10px;
display:block; float:left;
background: url(/media/550/icoPdf.gif) no-repeat 5px 5px;
}

.download a:hover {
color: #cc6600;
background: url(/media/555/icoPdfH.gif) no-repeat 5px 5px;
}

.form_table input, .form_table select {
font-size: 100%;
}

input, select {font-size:12px; color:#333;  border:solid silver 1px; padding:2px; color:#5b5d64}
input.small, select.small{width:80px;}
.medium{width:125px;}
.large{width:250px;}

input.searchField{background: white url(/media/565/icoSearch01.gif) no-repeat; border:solid 1px silver;padding:2px 2px 2px 20px; color:#575c74; width:120px;}
input.searchFieldH{background: #fafafa url(/media/570/icoSearch01H.gif) no-repeat; border:solid 1px #FFCC33;padding:2px 2px 2px 20px; color:#575c74; width:120px;}
input.searchField:focus{border:solid 1px #888;padding:2px 2px 2px 20px;}
input.searchField:Hover{background:white url(/media/570/icoSearch01H.gif)no-repeat;}
input.radio, input.checkbox{border:none; cursor:pointer;}
.txtRadio{position:relative; top:-3px; left:2px;}
.myRadio { margin:2px 0;}
.myCheck { margin:2px 0;}
.myText {background: white url(/media/229/bgInput01.jpg) no-repeat  left top;}
.myText:focus {border: solid orange 1px;}
.mySelect {background-color:red;}
.myButton {background:url(/media/459/btnSearch01.jpg) no-repeat; }
.myButton:hover {background:url(/media/464/btnSearch01H.jpg) no-repeat;  }
.mySubmit {background:url(/media/469/btnSubmit.jpg) no-repeat;}
.mySubmit:hover {background:url(/media/475/btnSubmitH.jpg) no-repeat;}
.myReset {background:url(/media/449/btnReset01.jpg) no-repeat;}
.myReset:hover {background:url(/media/454/btnReset01H.jpg) no-repeat;}
.myNextStep {background:url(/media/309/btnNextStep.jpg) no-repeat;}
.myNextStep:hover {background:url(/media/314/btnNextStepH.jpg) no-repeat;}
.mySearch {background:url(/media/459/btnSearch01.jpg) no-repeat;}
.mySearch:hover {background:url(/media/464/btnSearch01H.jpg) no-repeat;}

.mySubmit, .myReset, .myButton, .mySearch, .myNextStep {cursor:pointer; border:none; width: 121px; height:33px}
.firstSelector{color:#7d808a}

/****** INTRODUCTIONS ******/

.intro, .intro2 {
background: #eaae00 url(/media/234/bgIntro01.jpg) no-repeat bottom left;
margin: 0 5px 0 -7px;
padding: 0;
}


.intro p{
width: 255px;
margin: 0 0 0 30px;
padding: 14px 0;
text-align:left;
font-size:12px;
}


.intro .image {
float: right;
top: 0px;
right: 50px;
position: relative;
font-size: 90%;
color: #666;
font-style: italic;
}
.intro .image img{width:122px; height:155px;}

.intro2 p{
width: 230px;
margin: 0 0 0 14px;
padding: 14px 0;
text-align:left;
font-size:12px;
}
.intro2 .image {
float: right;
top: 0px;
right: 0px;
position: relative;
font-size: 90%;
color: #666;
font-style: italic;
}

/* ilse 080503 weggehaald wegens image resizing */
/*.intro2 .image img{width:243px; height:155px;}*/
/* end ilse 080503 */
/****** ARTICLES ******/



.authorimg {
float: left;
margin-right: 10px;
}

.category {
font-size: 130%;
color: #eaae00;
font-weight: bold;
text-align: right;
margin: 0;
padding: 0;
}

.article_title {
margin: 0;
padding: 4px 0 14px 0;
color: #b40001;
font-size:160%;
font-weight: bold;
text-align: right;
width: 300px;
}

.results p {
padding-top: 0;
margin-top: 0;
}

/****** BOTTOM-PANE ******/

.BottomPane {width:550px; margin:0 auto; margin-left:25px; margin-top:10px; }

.BottomPane a {
color: #999;
text-decoration: none;
}

.BottomPane a:hover {
color: #333;
}


.RightPane img {
border-width: 0;
}


.BottomPane p{text-align:center; color:#bcbcbc; margin:0px;}

/*newspage*/
.newsitems{margin:7px 0;}
.newsitems p{margin:0 0 0 7em; padding:2px 0 2px 0; text-indent:-7em;}

/* EDITOR PROPERTIES */