/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
html { font-size: 62.5%; font-family:Verdana,Arial,Helvetica,sans-serif; }
body{font-size:1.1em;color:#505050;font-family:Verdana,Arial,Helvetica,sans-serif;background-image:url(../img/strafsteCafe/body_bg.jpg);background-repeat:repeat-x;background-position:0 0; background-color:#f5f5f5;margin:0;padding:0;}

/*********** MAIN CONTAINERS*************/

#wrapper
{
    width:960px;
    margin:0 auto;
    padding:0;
    position:relative;
    background-color:#fff;
}
#header
{
    height:21px;
    position:relative;
}
#logo
{   
    position:absolute;
    right:20px;
    top:-46px;
    border-left:3px solid #fff; 
    border-right:3px solid #fff; 
    border-bottom:3px solid #fff;
}
#logo a
{
    text-decoration:none;
    color:#fff;
    background-color:#fff;
}
/*********** TYPOGRAPHY *************/
h2
{
    color:#cb0c61;
    font-size:1.8em;
    margin-top:15px;
    margin-bottom:10px;
    
}
.sIFR-active h2
{
    visibility:hidden;
}
h3
{
    color:#cb0c61;
    font-size:1.6em;
    margin-top:15px;
    margin-bottom:10px;
    visibility:hidden;
}
.sIFR-active h3
{
    visibility:hidden;
} 
p
{
    line-height:1.2em;
    margin-top:10px;
    margin-bottom:10px;
}
a
{
    text-decoration:none;
    color:#CB0C61;
}
a:hover
{
    text-decoration:underline;
}
/*************************TOPNAV***************************/

#topNav 
{
    padding-top:10px;
    clear:both;
    height:50px;
}
#topNav ul li
{
    display:inline;
    float:left;
    font-size:.9em;
    border-right:1px solid #cb0c61;
}
#topNav ul li.noBorder
{
    border:none;
}
#topNav ul li a
{
    display:block;
    padding:2px 10px;
    float:left;
    color:#cb0c61;
    text-decoration:none;
}
#topNav ul li a:hover
{
    color:#fff;
    background-color:#cb0c61;
}
#topNav ul li input
{
    font-size:.9em;
    width:8em;
}

#topNav ul li input
{
    border:1px solid #cb0c61;
    color:#cb0c61;
}
#leftTop a
{
    font-weight:bold;
}
/************************* MAIN NAV ***************************/

#headerNav 
{
    height:21px;
    clear:both;
    background-color:#cb0c61;
}
#headerNav ul li
{
    display:inline;
    float:left;
    font-size:.9em;
}
#headerNav ul li#li-vlavak
{
    padding:3px 10px 0 10px;
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    font-family:Tahoma,arial,helvetica, "microsoft sans serif", sans-serif; 
    border-right:1px solid #fff;
    height:18px;
}
#headerNav ul li.noBorder
{
    border:none;
}
#headerNav ul li a
{
    display:block;
    height:18px;
    padding:3px 20px 0 10px;
    float:left;
    color:#fff;
    text-decoration:none;
    font-size:1.1em;
    font-weight:bold;
    font-family:Tahoma,arial,helvetica, "microsoft sans serif", sans-serif; 
}
#headerNav ul li a:hover
{
    color:#fff;
    background-color:#fbb306;
}

/************************* FOOTER ***************************/

#footer
{
    margin-top:30px;
    border-top:1px solid #505050;
    padding:10px;
}
#footer ul li
{
    display:inline;
}
#footer a
{
    color:#505050;
    padding:5px;
    text-decoration:underline;
}
#footer a:hover
{
    text-decoration:none;
}

/************************* HOMEPAGE ***************************/

#topCol
{
    width:100%;
    height:199px;
    background-image:url(../img/strafsteCafe/HPbanner-DEF.jpg);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-color:#cb0c61;
    position:relative;
    z-index: 0 !important; z-index: -1;
    
}
#homeTopTekst
{
    background-color:#fff;
    padding:10px 10px;
    position:absolute;
    top:60px;
    right:30px;
    width:300px;
}
#topLeft, #topRight
{
    float:left;
}
#topRight
{
    width:300px;
    
}
#topRight .edit
{
    position:absolute;
    top:10px;
    z-index:9999;
}
#topLeft
{
    width:635px;
    height:190px;
    margin-right:10px;
    
}
#LeftCol
{
    width:612px;
    margin:10px 15px 10px 25px;
    float:left;
    display:inline;
}
#RightCol
{
    width:285px;
    margin:10px 0 10px 0;
    float:left;
    overflow:hidden !important;
}
/*** vragen module ***/

#vragen
{
    
    border:1px solid #cb0c61;
    padding:10px;
}
#vragen label
{
    display:block;
    width:80px;
    float:left;
    padding-top:5px;
}
#vragen .long label
{
    width:200px;
}
#vragen input
{
    float:left;
    margin:2px;
}
#vragen .BtnVraag
{
    clear:both;
    float:none;
    display:block;
}
span.vraag
{
    display:block;
    margin-bottom:4px;
}
span.vraagNr
{
    font-weight:bold;
}
#vragen a
{
    text-decoration:underline;
    color:#222;
}
#vragen a:hover
{
    text-decoration:none;
}
/*
#vragen img
{
    float:left;
    margin:0 5px 10px 0;
}
#vragen .introTekst
{
    float:right;
}
*/

/*** categorien ***/

#activeCategory
{
    width:330px;
    background-color:#cb0c61;
    float:left;
    position:relative;
    height:475px;
}
#activeCategory p,#activeCategory a ,#activeCategory h2
{
    padding:0 10px;
    color:#fff;
}
#slider
{
    height:200px;
    overflow: hidden; 
    width: 330px; 
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li
{
    width:330px;
    height:200px;
    overflow:hidden;
    margin:0;
    padding:0;
}
#otherCategories
{
    float:left;
    width:282px;
}
#otherCategories h2, #otherCategories h3, #otherCategories p, #otherCategories #top h2, #otherCategories #top p
{
    padding:0 10px;
}
#otherCategories a
{
    color:#cb0c61;
}
#otherCategories #top
{
    border-bottom:1px solid #fff;
    width:100%;
}
#categorienWrapper
{
    background-color:#efb5cf;
    clear:both;
    min-height:200px;
    height:auto !important;
    height:200px;

}
a.Kandidaten
{
    display:block;
    text-align:center;
    color:#fff;
    font-size:1.5em;
    width:200px;
    margin:0 auto 5px auto;
    
}
.sIFR-active a.Kandidaten
{
    visibility:hidden;
}
/*** blog ***/
#blog a
{
    color:#505050;
}
/*** in de meida ***/

a.purple
{
    display:block;
    padding:10px 30px;
    background-color:#cb0c61;
    color:#fff;
    font-size:1.5em;
    float:left;
    margin-right:5px;
   color:#cb0c61;
}
a.purple:hover
{
    background-color:#fbb306;
}
/************************* CATEGORIEN OVERZICHT ***************************/
#LeftCol2
{
    width:630px;
    float:left;
    margin-left:10px;
}
#RightCol2
{
    float:left;
    width:285px
}
.overzichtBlock
{
    width:200px;
    float:left;
    background-color:#cb0c61;
    color:#fff;
    margin-right:10px;
    margin-bottom:10px;
    height:400px;
    position:relative;
    overflow:hidden;
}
.overzichtBlock h2
{
    height:40px;
    font-size:1.4em;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.imageWrapper
{
    height:150px;
    overflow:hidden;
}
.overzichtBlock p
{
    height:100px;
    overflow:hidden;
}
.overzichtBlock img
{
    
}
.overzichtBlock a
{
    color:#fff;
}
.overzichtBlock h2, span.stad
{
    padding:0 20px !important;
}
.overzichtBlock .overzichtDescription
{
    padding:20px;
    height:80px;
    overflow:hidden;
}
.overzichtBlock .overzichtDescription p
{
    margin:0 !important;
    padding:0 !important;
}
.overzichtBlock.white
{
    background-color:#fff;
    color:#505050;
}
.overzichtBlock.white p
{
    height:100%;
    padding:0 20px 20px 20px;
}
.votes
{
    float:left;
    width:123px;
    
}
span.aantal
{
    display:block;
    background-color:#fff;
    color:#cb0c61;
    padding:4px 10px;
    text-align:center;
    font-size:1.5em;
    float:left;
    margin-left:10px;
    margin-top:-12px;
    z-index:99999;
    margin-bottom:5px;
    clear:both;
    position:relative;
}
.first .aantal
{
    background-color:#fbb306;
    border:2px dotted #fff;
}
span.stemmen
{
    
    display:block;
    clear:both;
    text-align:center;
    float:left;
    margin-left:10px;
}
a.stem
{
    font-size:1.5em;
    display:block;
    margin-top:12px;
}
a.andereCategorie
{
    display:block;
    color:#cb0c61;
    font-weight:bold;
    margin-top:5px;
    padding-left:15px;
    background-image:url(../img/arrowright.mag-white.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
}
#video
{
    background-color:#efb5cf;
    padding-bottom:10px;
    padding-top:10px;
    margin-bottom:10px;
}
#video p, #video h2
{
    padding:0 10px;
}
#sponsors
{
    margin-top:10px;
}
#otherCafes
{
    width:100%;
}
.addedCafe
{
    clear:both;
    margin-bottom:10px;
}
.addedCafe img
{
    width:100px;
    float:left;
    padding:0 5px;
}
.addedCafe p
{
    margin-left:110px;
    width:170px;
}

.addedCafe a
{
    color:#444;
}
/************************* CCAFE DETAIL ***************************/

#topDetails
{
    width:610px;
    background-color:#cb0c61;
    height:310px;
}
#leftDetails
{
    width:330px;
    float:left;
    color:#fff;
    position:relative;
    height:100%;
}
#rightDetails
{
    width:279px;
    float:left;
    border-left:1px solid #fff;
    height:100%;
    overflow:hidden;
}
#topDetails #rightDetails img
{
    height:50px;
    margin:5px;
    float:left;
    display:block;
    padding:1px;
    background-color:#fff;
}
#topDetails #rightDetails img.bigImage
{
    width:279px;
    height:auto;
    padding:0;
    margin:0;
}
#leftDetails h2, #leftDetails p , #leftDetails h4, #leftDetails .city
{
    
    color:#fff;
    padding:0 10px;
}
#leftDetails p
{
    margin-bottom:30px;
}
#leftDetails h4
{
    font-size:1.3em;
    margin:10px 0;
}
#leftDetails #detailVotes
{
    border-top:1px solid #fff;
    padding:10px 10px 0px 10px;
    position:absolute;
    bottom:-20px;
    width:310px;
}
#voteBlok
{
    background-color:#fff;
    float:left;
    color:#cb0c61;
    padding:11px;
    top:-30px;
    position:relative;
}
#voteBlok span
{
    display:block;
    width:100px;
    text-align:center;
}
span.stemCount
{
    font-size:1.5em;
    display:block;
    clear:both;
    text-align:center;
    font-weight:bold;
    width:100px;
}
#actions
{
    width:100%;
    height:30px;
    padding:5px 0;
}

#actions a.stemLink, #actions a.s2f
{
    color:#fff;
    font-size:13px;
    margin-right:10px;
    display:block;
    padding:4px 7px;
    background-color:#cb0c61;
    float:left;
    font-weight:bold;
    position:relative;
    /*visibility:hidden;*/
}

#actions a.stemLink:hover,#actions a.s2f:hover
{
    background-color:#fbb306;
}
a.back
{
    display:block;
    color:#cb0c61;
    font-weight:bold;
    padding-left:15px;
    margin-top:8px;
    background-image:url(../img/arrowright.mag-white.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    float:left;
    margin-right:10px;
}
#actieLinks
{
    clear:both;
    padding:10px;
}
#actieLinks a,a.pijltje
{
    display:block;
    color:#cb0c61;
    font-weight:bold;
    padding-left:15px;
    background-image:url(../img/arrowright.mag-white.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
}
#actieLinks .left, #actieLinks .right
{
    float:left;
    width:200px;
}
#actieLinks .right
{
    clear:right;
}
.beledigendeInhoud input, .beledigendeInhoud textarea
{
    margin:0 0 5px 5px;
}
.beledigendeInhoud table td
{
    vertical-align:top;
}
#tabs
{
   
}
#tabs ul 
{
    
    border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
	width:100%;
	z-index:1;

    
}
#tabs ul ,#tabs li
{
    display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;

    
}
#tabs li
{
    position:relative;
    bottom:-1px;
}
#tabs ul li a
{
    background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;

    
}
#tabs ul li a.rtsSelected
{
    color:#cb0c61;
    background : #fff;
	border-bottom : 1px solid #fff;
	font-weight:bold;
   
}
#tabs .tabContent
{
    background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;

}
#tabs .tabContent table td
{
    padding:5px;
}
#kaart_intro
{
    background-color:#efb5cf;
    padding-bottom:10px;
    padding-top:10px;
}
#kaart_intro p, #kaart_intro h2 
{
    padding:0 10px;
}
.logie
{
    width:100%;
    
}
.logieImage
{
    float:left;
    margin:0 5px 5px 0;
    
}
.logieImage a
{
    display:block;
    padding:3px;
    border:1px solid #CCCCCC;
}
.logieImage a:hover
{
    background-color:#cb0c61;
}
.logieImage img
{
    
    width:60px;
    height:60px;
}
.itemContent
{
    float:right;
    width:205px;
}

.logie .itemContent a
{
    color:#cb0c61;
}
/***webservices in linker zijbalk fietsen in de buurt enz... stijl is gecopieerd van de vlavak site***/

.MagentaBlock {
    background-color:#FAE6F0;
    color:#CC0066;
    font-weight:bold;
    margin-top:15px;
    padding:5px;
}  
.PinkBlock a
{
    color:#d6077a;
}
.PinkBlock {
    background-color:#FFF1F5;
    border-top:1px solid #FFFFFF;
    color:#666666;
    padding:5px;
}
.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}
li.external {
    background-image:url(../img/ico_externalLink.gif);
    background-position:0 5px;
    background-repeat:no-repeat;
    list-style-type:none;
    padding:0 0 0 15px;
    line-height:1.5;
}
li.external a {
    clear:both;
    font-weight:bold;
    margin:0;
    padding:0;
    color:#505050;
}
.detailLinks a
{
    display:block;
    color:#505050;
    font-weight:bold;
    padding-left:15px;
    background-image:url(../img/ico_externalLink.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
}
.detailLinks h2
{
    visibility:visible;
    font-size:1.3em;
}
/************************* GEUPLOADE BESTANDEN OVERZICHTS PAGINAS ***************************/
.toegevoegd
{
    width:100%;
    clear:both;
    padding:20px 10px;
    border-bottom:1px dotted #cb0c61;
    text-align:left;
}
.toegevoegd img
{
    
    margin:0 10px 20px 0;
    clear:both;
    display:block;
}
a.s2f
{
    display:block;
    float:left;
    padding:5px 10px;
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    background-color:#cb0c61;
   
}
/************************* GEUPLOADE TOEGEVOEGDE CAFES ***************************/
.cafeItem
{
    padding-bottom:20px;
    border-bottom:1px dashed #cb0c61;
    clear:both;
    min-height:133px;
    height:auto !important;
    height:133px;
    overflow-y:show;
}
.cafeItem img
{
    float:left;
    padding:0 10px 10px 0;
}
#leftCol2 .cafeItem p
{
    float:left;
    margin:0 0 0 230px;
}

/************************* FORMULIEREN ***************************/

 fieldset
{
    border:1px solid #7f9db9;
    margin:20px;
    padding:20px;
}
 fieldset legend
{
    margin-left:20px;
    color:#cb0c61;
    padding:5px;
}
#voegCafeToe fieldset p label
{
    display:block;
    width:100px;
    float:left;
}
fieldset input, fieldset textarea
{
    margin:5px;
}
div.save
{
    padding:10px 16px;
}
input.button
{
    border:2px outset #7f9db9;
    color:#cb0c61;
    cursor:pointer;
}

fieldset.upload
{
    border:1px solid #7f9db9;
    margin:20px;
    padding:20px;
}
fieldset.upload legend
{
    margin-left:20px;
    color:#cb0c61;
    padding:5px;
}
fieldset.upload p label
{
    display:block;
    width:100px;
    float:left;
}
fieldset.upload input,fieldset.upload textarea
{
    margin:5px;
}

fieldset.upload input.button
{
    border:1px outset #cb0c61;
    color:#cb0c61;
    background-image:url(../img/button_bg.jpg);
    background-position:0 100%;
    background-repeat:repeat-x;
    background-color:#fff;
    padding:3px;
    margin:10px 5px;
}



#browseNav
{
    height:20px;
    padding:5px;
    clear:both;
    width:100%;
}
a.back:hover
{
    text-decoration:underline;
}

#ctl00_ctl00_ctl00_btnBackFromVote
{
    display:none;
}