/* Base */

body{margin:0;padding:0; background-color: #e9e8e8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:12pt; font-weight:lighter}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; line-height:12pt; font-weight:lighter}

A:link {text-decoration: underline; color:#333333}
A:visited {text-decoration: underline; color:#333333}
A:active {text-decoration: none; color: #4093c5}
A:hover {text-decoration: underline; color: #4093c5}

strong{ font-weight: bold; }

p {margin-top:5px; margin-bottom:10px}
#titel_club h1 {color:#ffffff; font-size:23px; font-weight:lighter; letter-spacing:2px; margin-bottom:5px; margin-top:5px;}
.titel_kolom{color:#333333; font-size:11px; font-weight:bold; letter-spacing:1px; margin-bottom:5px; margin-top:5px}

h1{ color:#4093c5; font-size: 14px;}
h2{font-size:12px; color:#333333; letter-spacing:1px; background:url(assets/img/h4.png); background-repeat:no-repeat; font-weight:bold; padding-top:5px; height:20px; margin:10px 0 10px 0}
h3{font-size: 11px; color:#414141; letter-spacing:1px; font-weight:bold}
h4{font-size: 11px; color:#4093c5; letter-spacing:1px; font-weight:bold}
h5{font-size: 10px; color:#89898a; letter-spacing:1px; font-weight:bold}
h6{font-size: 10px; color:##4093c5; letter-spacing:1px; font-weight:lighter}

/* content kader */
.innertube{margin-left: 15px; margin-right: 15px;}
.innertube2{margin-left: 10px; margin-top: 0; text-align:left}
.innertube_kijker{padding: 10px; background-color:#e9e8e8}
.innertube3{padding: 10px; margin-left: 5px; margin-right: 5px; border:1px solid silver; }
.innertube_kijker h2{background:url(assets/img/strepen.png); background-repeat:no-repeat; color:#4093c5; padding-left:5px}

.titel{color:#4093c5; font-size:11px; font-weight:bold; letter-spacing:1px; margin-bottom:5px; margin-top:5px}
.ondertitel {color:#c4d014; font-size:12px; font-weight:bold; letter-spacing:1px; margin-bottom:5px; margin-top:5px;}
.datum {color:#4093c5; font-size:10px; font-weight:bold;  margin-bottom:1px; margin-top:5px;} 
.strong {font-weight:bold;}

ul {margin: 5px; padding-left: 12px; padding-bottom: 10px; list-style: square;}
li {padding-top: 0px}
.profiel_titel {color: #777373}
.avatarpic{width:100%; padding:10px}
.fotoR{ float: right; margin: 0 0 0 10px; }

/* gallerij kader */
.album{ float:left; height:100px; width:50%; text-align:center; padding-bottom:25px; }
.album_gekozen{width:484px; text-align:center; padding:2px; margin:2px}
.terug{clear: both; }
.clear{clear: both; }
.title{color:#4093c5; font-size:10px; font-weight:bold; letter-spacing:1px; margin-bottom:5px; margin-top:5px;}
.title_album{color:#4093c5; width:50px; font-size:10px; font-weight:bold; letter-spacing:1px; margin-bottom:5px; margin-top:5px;}
.stats{color:#4093c5; font-size:10px; font-weight:lighter; letter-spacing:0px; margin-bottom:2px; margin-top:5px;}

.paginate{margin: 10px 0 0 6px }
.txt{width: 150px; }
.regged{background-color:#EDEEB0; padding: 6px; }
.weer ul li{list-style::none}




/* DIV selection */	

	/* Totaal / achtergrond */	
	#maincontainer{width: 900px; margin: 0 auto; background-color:#f8f8f8; border-left: 1px solid #c4d014; 
	border-right: 1px solid #c4d014; background-image:url(http://www.rotaryantwerpenmortsel.be/assets/img/container_achtergrond.jpg)}
	#back{height:20px; background-image:url(http://www.rotaryantwerpenmortsel.be/assets/img/schaduw_boven.gif)}
	#back2{height:20px; background-image:url(http://www.rotaryantwerpenmortsel.be/assets/img/schaduw_onder.gif); clear:both;}
	
	/* Header */
	#header{background-color:#4093c5; height:60px; padding:10px; padding-top:20px}
	#rotary_logo{float:left; margin-right:5px}
	#titel_club{ float:left; margin-right:100px}
	
	/* Menu */
	#menu{background-color:#c4d014; height:25px}
	
	/* foto / thema */
	#foto{background-color:#f3f3f3; background-image:url(http://www.rotaryantwerpenmortsel.be/assets/img/header.png); height:130px; width:900px; float:left}
	#logo{background-color:#f3f3f3; height:115px; width:auto; text-align:center; padding-top:15px}
	
	/* Content */
	#contentwrapper{float: left; width: 100%;}
	#contentcolumn{margin: 0 180px 0 180px}
	#container{background-color:#f8f8f8; background-image:url(http://www.rotaryantwerpenmortsel.be/assets/img/container_achtergrond.jpg); min-height:600px; height:auto; 
	background-repeat:repeat}
		
	#leftcolumn{float: left; width: 180px; margin-left: -900px}
	#rightcolumn{float: left; width: 180px; margin-left: -180px}
	
	/* Footer */	
	#footer{clear: left; width: 100%; text-align: center; padding: 4px 0; background-color:#c4d014; font-size:9px;}

/* CLASS selectie */
	.mailadres{size:9px}

	/* Menu */
	.indentmenu{width: 100%; overflow: hidden}
	.indentmenu ul{margin: 0; padding:0; float: left; width: 100%; border: 1px solid #c4d014; border-width: 1px; 
                   background: black url(http://www.rotaryantwerpenmortsel.be/assets/img/indentbg.jpg) center center repeat-x}
	.indentmenu ul li{display:inline;}
	.indentmenu ul li a{font-size:10px; float: left; color: #333333;  padding: 4px; text-decoration: none; border-right: 1px solid #c4d014}
	.indentmenu ul li a:visited{color: #333333}
	.indentmenu ul li a:hover, .indentmenu ul li .current{color: #777373; padding-top:4px; padding-bottom: 4px; 
                     background: black url(http://www.rotaryantwerpenmortsel.be/assets/img/indentbg2.jpg) center center repeat-x}

	
	
	/* kalender */
	.calendarBG{background-color:#f8f8f8; font-size:9px; text-align:center;}
                .calendarBG td{ padding: 2px; }
	.calendarHeader{color:#333333; cursor:default; text-align:center}
	.calendarMonthLinks{font-weight:bold; color:white; cursor:default; text-align:center}
	.calendarMonthLinks a{text-decoration:none; text-align:center}
	.calendarDayHeading{font-weight:bold;}
	.calendarBlank{color:#999999; text-align:center}
	.calendarCell{color:#333333; text-align:center}
	.calendarCellLink{font-weight:bold; color:black; cursor:default; background-color:#c4d014; text-decoration:none; text-align:center}
	.calendarToday{font-weight:bold; color:white; background-color:#4093c5}
	.calendarTodayLink{font-weight:bold; color:white; background-color:#FF9900}
            .calendarTodayLink a{font-weight:bold; color:white; background-color:#FF9900}
    
	/* schaduw kader */
	.shadow{border:1px solid silver; position:relative; display:inline; background:white; z-index:100; padding-bottom:15px; padding-left:15px; padding-right:15px; 
            padding-top:5px; margin-left:15px; margin-right:15px}

	.shadow_inner{overflow:hidden;position:absolute; top: -1000px; 
             filter:alpha(Opacity=10); 
             opacity:0.1; /*firefox 1.5 opacity*/
            -moz-opacity:0.1; /*mozilla opacity*/
            -khtml-opacity:0.1; /*opacity*/
             z-index:10}


.linkafbeelding{ width: 70px; text-align: left; float: left; height: 50px; } 

.assid{ width: 240px;  float: left; }
.chart{ float: right; }
th{ text-align: left; }
tr.avg td{ border-top: 1px solid #ccc; padding-top: 3px; }
            
.bestel td{ vertical-align: top; }

fieldset {padding:10px; border:1px solid #fff; margin-bottom:10px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; }
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:70px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:200px; line-height:25px; margin:0 0 10px 0;}