/* Fia Sanders */

/* Sets all margins and padding to zero, all browsers, all platforms */

*{
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, sans-serif, Verdana, Helvetica;
	font-size: 13px;
	letter-spacing: .1em;
	color: #333333;
	background: #66CCCC;
    min-height: 100%
        margin: 0 0 1px 0;
}

/* main container 
------------------------------*/

#main_container { 
	width: 920px;
	text-align: left;
	margin: 0px auto 0px;
	border: none;
}

/* Align  
------------------------------*/

.container { 
	width: 920px;
	text-align: left;
	margin: 0px auto 0px;
	border: none;
}

/* Content Container 
------------------------------*/

.content_container { 
	float:left;
	width:915px;
	background:transparent url(http://www.fiasanders.nl/images/container_bg.png) repeat scroll 0 0;
}

/* Main Content
------------------------------*/

#leftmiddlecontent{
	background-color:;
}

#sidecontent {
	float: left;
	width: 175px;
}

#right_sidecontent {
	float: left;
	width: 175px;
	margin:30px 0 30px 30px;
}


#maincontent {
        float: left;
        width: 475px;
        background-color: #fff;
        margin: 0;
        padding: 30px 30px;
        /*border-right: 1px solid #3399CC;*/
        height:100%;
        min-height: 400px;
}
*html #maincontent {
       min-height: 400px;
       height: auto; !important;
       height: 400px;
}
#textarea{
       margin: 0;
       padding: 30px 30px 30px 30px;
}
#maincontent p{
        margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 15px;
}
#maincontent h1{
        margin: 0;
        padding-top: 0;
        padding-bottom: 15px;
	font-weight: normal;
	font-size: 32px;
	letter-spacing: -2px;
	color: #333;	
}
#maincontent h2, #twitterfeed h2, #deliciousfeed h2{
    margin: 0;
    padding-top: 0px;
    padding-bottom: 10px;
	font-weight: normal;
	font-size: 21px;
	letter-spacing: -1px;
	color: #333;
}
#maincontent h3{
        margin: 0;
        padding-top: 0px;
        padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
	color: #333;
}
#maincontent h4{
        margin: 0;
        padding-top: 0px;
        padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;	
	color: #333;
}
#maincontent ul{
	margin: 0;
        padding-left: 30px;
        padding-top: 0px;
        padding-bottom: 10px;
}
#maincontent ol{
	margin: 0;
        padding-left: 30px;
        padding-top: 0px;
        padding-bottom: 10px;
}
#maincontent li{
	margin: 0;
        padding-top: 0px;
        padding-bottom: 5px;

}
#maincontent a.title01{
        margin: 0;
        padding-top: 0px;
        padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;	
	color: #333;
	border-bottom: none;
}
#maincontent .para{
        margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 15px;
}
#maincontent a:hover.title01{
        margin: 0;
        padding-top: 0px;
        padding-bottom: 15px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;	
	color: #333;
	border-bottom: none;
}
#maincontent a {
	text-decoration: none;
	color: #FF6600;
	/*border-bottom: 1px solid #CC6666;*/
}

#maincontent a:hover{
	text-decoration: none;
	color: #FF6600;
	border-bottom: 1px solid #FF6600;
}
#maincontent a:active {
	text-decoration: none;
	color: #FF6600;
	border-bottom: 1px solid #FF6600;
}
#maincontent a:visited{
	text-decoration: none;
	color: #FF6600;
	border-bottom: 1px solid #FF6600;
}


/*Twitter and Delicious
------------------------------*/
#twitterfeed, #deliciousfeed {
	float:left;
	font-size:12px !important;
	width:175px;
	background-color:#FFF;
}

#twitterfeed {
	margin-bottom: 15px;
}

#twitterfeed .twtr-hd {
	height:0px;
	padding:0px;
}

.twtr-hd h4, .twtr-hd h3, .twtr-hd a{
	display:none;
}

#twitterfeed .twtr-ft span {
	float:left;
}

#twitterfeed .twtr-widget .twtr-tweet-text,
#twitterfeed .twtr-widget span a{
	font-family:Arial,sans-serif,Verdana,Helvetica;
}

.delicious-banner {display:none;}

.delicious-posts { background: #fff; padding: 0.5em; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-bottom: 1px dotted #ccc; padding: 0.25em; }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #333; display: block; padding: 0.3em }
.delicious-post a { color: #333 }
.delicious-posts h2 a, .delicious-posts span a {display:inline;}
.delicious-network-username, .delicious-network-add {font-size:9px;}
.delicious-network-username a, .delicious-network-add a {padding:0;}
.delicious-network-username a img, .delicious-network-add a img {padding:0 0.3em;}

#deliciousfeed .roundtop, #twitterfeed .roundtop { 
	background: url(/images/white/tr.gif) no-repeat top right; 
}

#deliciousfeed .roundbottom, #twitterfeed .roundbottom{
	background: url(/images/white/br.gif) no-repeat top right; 
}

#twitterfeed h2, #deliciousfeed h2{
	padding-left:10px;
}


/*Navigation
------------------------------*/
#nav{
	padding: 0 0 1em 0;
	margin: 60px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 14px;
	border-top: 1px solid #3399CC;
}
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#nav li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #3399CC;
}
#nav a{
	display: block;
	padding: 3px 5px 3px .8em;
	border-bottom: none;
	background-color: #66CCCC;
	color: #333;
	text-decoration: none;
}

#nav a img{
	border: none;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

html>body #nav li a {width: auto;}

#nav li.on a {
	background-color: #fff;
	color: #FF6600;
}

#nav li.on a:hover {
	background-color: #fff;
	color: #FF6600;
        cursor: default;
}

#nav li a:hover{
	background-color: #FF9933;
	color: #333333;
}

/*Navigation Spacer
------------------------------*/

#emptyspace{
       height: 40px;
}
#emptyspace a{
       visibility: hidden;
}

/*Header
------------------------------*/
#header {
	clear: both;
        height: 104px;
	background: #fff url(/images/lines_header.gif)  top left repeat-x;
	border: none;

}
#header .logo {
        height: 96px;
	width: 710px;
	margin: 4px 0px 0px 0px;	
	border: none;

}
#header a{
	border: none;
	text-decoration: none;
}
/*Footer
------------------------------*/

#footer {
	clear: both;
         height: 79px;
	background: #fff url(/images/lines_footer.gif) bottom left repeat-x;
	border: none;
}
#footer .address {
        height: 71px;
	width: 535px;
	margin: 4px 0px 0px 175px;
	border: none;

}


/*Home Page
------------------------------*/
#homecontent {
        color: #333333;
}

#homecontent a{
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #333;
} 
#homecontent a:visited{
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #333;
} 
#homecontent a:hover, a:active{
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;

}

/*------------------------------*/

#introductie{
        float: left;
	width: 230px;
	height: auto;
	background-color: #CC6666;
	margin-left: 0px;
}
#introductie .roundtop { 
	background: url(/images/red/tr.gif) no-repeat top right; 
}

#introductie .roundbottom {
	background: url(/images/red/br.gif) no-repeat top right; 
}

#introductie .roundcontent{
	margin: 0px 10px;
}


/*------------------------------*/

#f-vak{
        float: right;
	width: 230px;
	height: auto;
	background-color: #99CC66;
	margin-left: 15px;
	margin-bottom: 15px;
}
#f-vak .roundtop { 
	background: url(/images/green/tr.gif) no-repeat top right; 
}
#f-vak .roundbottom {
	background: url(/images/green/br.gif) no-repeat top right; 
}
#f-vak .roundcontent{
	margin: 0px 10px;
}

/*------------------------------*/

#ff_sparren{
    /*clear: both;*/
    float: right;
    width: 230px;
	height: auto;
	background-color: #FF9933;
	margin-left: 15px;

}
#ff_sparren .roundtop { 
	background: url(/images/orange/tr.gif) no-repeat top right; 
}

#ff_sparren .roundbottom {
	background: url(/images/orange/br.gif) no-repeat top right; 
}

#ff_sparren .roundcontent{
	margin: 0px 10px;
}
	
/* Rounded Corners
------------------------------*/

img.corner {
        width: 15px;
        height: 15px;
        border: none;
        display: block !important;
} 

/*Poll
------------------------------*/
.pollQuestion{
       padding-bottom: 15px;
}
.pollRadio{ 
       float:left;
       clear:left;
}
.pollContent{
      padding-left: 8px;
       float:left;
       width:170px;
       margin-bottom: 10px;
}
.pollAnswerBlock{
       padding-left: 5px;  
       padding-right: 5px; 
       
}
.pollTotalVotes{
      padding-left: 5px;  
      padding-right: 5px;
      margin-bottom: 10px;
}
.pollResult{
       margin-bottom: 10px;      
}
.pollButtonBlock{
       padding-top: 5px;
       clear: both;
}
.pollButton{
      /*color: #FF6600*/
}

/*Kleuren
------------------------------

oranje - FF9933 - FF6600
roze - CC6666 - 993333
groen - 99CC66 - 99CC33
blauw - 66CCCC - 3399CC
grijs - CCCCCC - 999999 - 333333

------------------------------*/