@charset "utf-8";
/*fotografenfederatie, anandarizki, yavidesign, 4-2010*/
@import "typo.css";


html, body{
height:100%;
}

body{
font-family:arial;
text-align:center;
}

.section{
width:940px;
padding:18px 40px 0 40px;
overflow:hidden;
text-align:left;
margin:0 auto;
}


#mainnav{
width:230px;
height:180px;
float:left;
margin-top:5px;
}

#mainnav a{
display:block;
width:240px;
height:0;
overflow:hidden;
}



#mainnav li{
padding-bottom:23px;
}

#nav1 a{
padding-top:50px;
background:url(../images/mainnav.png) -240px top no-repeat;
}

#nav1 a:hover, #nav1.active a{
background-position:left top;
}

#nav2 a{
padding-top:25px;
background:url(../images/mainnav.png) -240px -64px no-repeat;
}

#nav2 a:hover, #nav2.active a{
background-position:left -64px;
}


#nav3 a{
padding-top:25px;
background:url(../images/mainnav.png) -240px -108px no-repeat;
}

#nav3 a:hover, #nav3.active a{
background-position:left  -108px;
}
#subnav-outer{
width:690px;
background:url(../images/subnav-bg.gif) left 4px no-repeat;
float:right;
height:185px;
overflow:hidden;
position:relative;
}

#subnav-inner{
width:690px;
height:181px;
position:absolute;
left:0;
padding-top:4px;
}

#fotografen #subnav-inner{
top:0;
}

#burafo #subnav-inner{

top:-230px;
}

#anoniem #subnav-inner{

top:-460px;
}

.subnav-section h3{
display:none;
}
.subnav-section{
width:690px;
/*padding-left:14px;*/ /* -- remark */
overflow:hidden;
height:230px;

}

.subnav-section ul{

}

.subnav-section>div{
width:172px;
float:left;
margin-left:12px;
}
.subnav-section .colnav1 {
width:178px;
}
.subnav-section .colnav2 {
width:171px;
}
.subnav-section .colnav3 {
width:168px;
}

.subnav-section .colnav4{
width:125px;

}

#fotografen .colnav1 a{
color:#999
}

.subnav-section li a{
font-family:arial;
font-size:11px;
text-decoration:none;
color:#999;
}

.subnav-section li{
padding:0;
margin:0;
}

#header{
overflow:hidden;
}

.content-section{
overflow:hidden;
}

#subcontent{
float:left;
width:230px;
margin-top:14px;
}

#fotografen #subcontent{
border-top:6px solid #f01e23;
}
#fotografen a, #fotografen strong{
color:#f01e23;
}

#burafo #subcontent{
border-top:6px solid #1E8CBE;
}

#burafo a, #burafo strong{
color:#1E8CBE;
}

#anoniem #subcontent{
border-top:6px solid #006937;
}

#anoniem a, #anoniem strong{
color:#006937;
}
.subnav-section li a{
float:left;
display:block;
width:100%;
padding-bottom:11px;
}

#fotografen .subnav-section a, 
#burafo .subnav-section a, 
#anoniem .subnav-section a{
color:#999;
font-size:12px;
}

#fotografen .subnav-section li:first-child a,#fotografen .subnav-section a:hover,#fotografen .subnav-section li.active a {
color:#ED1C24;
}

 
#burafo .subnav-section li:first-child a, #burafo .subnav-section a:hover,#burafo .subnav-section li.active a{
color:#0E76BC;
}


#anoniem .subnav-section li:first-child a, #anoniem .subnav-section a:hover, #anoniem .subnav-section li.active a{
color:#056839;
}



/*
#subnav1 .colnav1 li:first-child a, #subnav1 .colnav1 li a:hover, #subnav1 .colnav1 li.active a{
color:#F01E23;
}
#subnav2 .colnav1 li:first-child a, #subnav2 .colnav1 li a:hover, #subnav2 .colnav1 li.active a{
color:#1E8CBE;
}
#subnav3 .colnav1 li:first-child a, #subnav3 .colnav1 li a:hover, #subnav3 .colnav1 li.active a{
color:#006937;
}
*/

#content{
float:right;
width:670px;
}
#content-inner{
width:670px;
overflow:auto;
height:260px;
}

#main-heading{
width:560px;
padding-left:20px;
}

#content-text{
font-size:12px;
line-height:18px;
width:560px;
padding-left:20px;
}

#content-text p{
margin-bottom:10px;
}

#nieuws-container{
overflow:hidden;
float:left;
width:350px;
}
#nieuws-container h1{
margin-left:20px;
}

#nieuws{
width:321px;
font-size:26px;
font-weight:bold;
color:#F01E23;
overflow:auto;
height:350px;
padding-left:20px;
}

#nieuws h1{
display:none;

}
#nieuws a{
text-decoration:none;
color:#949599;
margin-top:-20px;
}

#nieuws .tx_newsflexible_teaser{
display:none;
}

.tx_newsflexible_itemwrap{
margin-bottom:20px;
}

#nieuws .tx_newsflexible_archivelink_a{
font-size:20px;
text-decoration:underline;
color:#F01E23;
}
#nieuws .tx_newsflexible_title_a{
font-weight:normal;
margin-bottom:0;
}
#fotografen .tx_newsflexible_title_a{
font-weight:bold;
margin-bottom:10px;
font-size:22px;
line-height:25px;
}

#fotografen .tx_newsflexible_teaser{
margin-top:10px;
}
#fotografen .tx_newsflexible_datetime{
font-style:italic;
font-size:13px;
margin-top:10px;
margin-bottom:0px;
}

*:first-child+html #fotografen .tx_newsflexible_datetime{
margin-bottom:20px;}

#fotografen #nieuws .tx_newsflexible_datetime i{
background:url(../images/news-bullet.png) left 7px no-repeat;
padding-left:20px;
margin-left:-20px;
font-style:normal;
font-size:20px;
margin-top:0;
font-style:normal;
font-size:26px;
float:left;
clear:left;
}


#nieuws li a{
text-decoration:none;
color:#999;
margin-bottom:20px;
}

#nieuws  a:hover{
color:#F01E23;
}

#actueel{
width:300px;
float:right;
}

#mailform{
padding-top:10px;
}
#fotografen input[type=submit]{
border:none;
background:#F01E23;
color:#fff;
}

#burafo input[type=submit]{
border:none;
background:#0E76BC;
color:#fff;
}

#anoniem input[type=submit]{
border:none;
background:#056839;
color:#fff;
}



#content .tx_newsflexible_article_teaser{
font-weight:bold;
}

#content .tx_newsflexible_article_body{
padding:10px 0;
}

#content .tx_newsflexible_article_datetime i{
font-size:12px;
color:#666;
}

#content-text .csc-header-n1 {
height:36px;
}

.csc-form-labelcell p {
width:120px;
}
.csc-form-fieldcell input {
border:1px solid #cdcdcd;
font:11px verdana;
padding:2px 4px;
}

.content-section #subcontent ul {
padding-top:10px;
}
.content-section #subcontent li a {
color:#999999;
display:block;
float:left;
font-size:12px;
padding-bottom:11px;
width:100%;
text-transform:lowercase;
text-decoration:none;
}

#fotografen .content-section #subcontent li a:hover, #fotografen .content-section #subcontent li.active a {
color:#ED1C24;
}
#burafo .content-section #subcontent li a:hover, #burafo .content-section #subcontent li.active a {
color:#0E76BC;
}
#anoniem .content-section #subcontent li a:hover, #anoniem .content-section #subcontent li.active a {
color:#056839;
}
