﻿/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body { margin-top: 0px; padding: 0; color: #888888; background-color: #F3ECC4; font-family: Verdana; font-size: 11px; line-height: 18px; background-image: url(images/bg.jpg); background-repeat: repeat-x; }
a:link, a:visited { text-decoration: none; color: #5db127; }
a:hover { color: #3B3B3B; }
a { outline: none; border:0px; }
img { border:0px; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 30px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 27px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
ul { line-height: 18px; }

/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
#banner { width: 974px; height:213px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background-image: url(../images/meterstanden.png); background-repeat: no-repeat; background-position: top; }
#wrapper2 { width: 967px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; }
#container { float: right; width: 967px; color: #888888; background-color: #FFFFFF; background-image: url(../images/content-bg.png); background-repeat: no-repeat; background-position: top; }
#left-div { width: 667px; float: left; margin-top: 20px; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.home-headings { height: 27px; border: 1px solid #DDD7B3; background-color: #F4EFD2; background-image: url(../images/heading-bg.gif); width: 268px; color: #575447; font-size: 13px; font-weight: bold; padding-left: 10px; padding-top: 8px; }
.home-squares { width: 280px; height:150px; display: block; padding: 10px; border: 1px solid #EBEBEB; float: left; margin-right: 12px; margin-top: 10px; margin-bottom: 10px; }
.full-squares { width: 610px; display: block; padding: 10px; border: 1px solid #EBEBEB; float: left; margin-top: 5px; }
.post-content { width: 630px; float: left; margin-top: 5px; }

/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/
#categories { background-color: #5fb726; width: 967px; font-size: 12px; background-image: url(../images/categories-bg-Green.gif); background-repeat: repeat-x; min-height: 37px; float: right; }
#categories ul { float: left; margin: 0px 0px 0px 0px; margin-top: 0px; height: 37px; padding-left: 10px; background-image: url(../images/categories-left-Green.gif); background-position: left top; background-repeat: no-repeat; }
#categories li { float: left; list-style-image: none; list-style: none; margin: 0px 10px 0px 0px; list-style-type: none; list-style-position: inside; background-image: url(../images/categories-line-Green.gif); background-position: right; background-repeat: no-repeat; height: 37px; }
#categories li a:link, #categories li a:visited { color: #FFF; padding-left: 11px; padding-right: 11px; display: block; height: 30px; padding-top: 7px; float: left; }
#categories li a:hover { color: #FFF; padding-top: 7px; display: block; background-image: url(../images/categories-arrow-Green.gif); background-position: top; background-repeat: no-repeat; height: 30px; }

/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper { width: 283px; float: left; margin-top: 20px; margin-bottom: 20px; }
.sidebar { float: left; margin-bottom:15px; padding-left: 13px; padding-right: 13px; padding-top: 13px; width: 257px; background-color: #F6F6F6; border: 1px solid #E7E7E7; }
		.sidebar-box { padding-top: 5px; margin-bottom: 0px; }
				.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #4B4A41; width: 100%; padding: 3px 3px 3px 3px; background-image: none !important; }
				.sidebar-box ul li { background-image: none !important; background-color: #F6F6F6 !important; color: #4B4A41 !important; }
				.sidebar-box ul li:hover, .sidebar-box ul li a:hover { background-image: none !important; background-color: #F6F6F6 !important; }
				.sidebar-box ul li a:hover { width: 100%; display: 
				block; color: #393939; padding: 3px 3px 3px 3px; }
				.sidebar-box h2 { margin-top: 5px; font-size: 15px; color: #4A493F; padding-top: 4px; font-weight: bold; padding-bottom: 4px; text-transform: lowercase; margin-left: 10px; }

/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { clear: both; float: right; width: 952px; text-align: left; padding-left: 15px; color: #FFF; padding-bottom: 10px; padding-top: 10px; margin-bottom: 20px; background-color: #59574C; }
#footer a { color: #FFFFFF; font-size: 11px; }
#footer a:visited { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }

/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.post-title { font-size: 24px; line-height: 30px; margin-bottom: 10px; margin-top: 0px; font-weight: normal; }
.titles, .titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-weight: normal; font-family: Trebuchet MS; margin-bottom: 10px; display: block; color:#5db127;}
.toptitle { font-size: 20px; color: #5db127; margin-left: 15px; display: block; margin-top: 15px; margin-bottom: 10px; }
.toptitle2 { font-size: 24px; color: #FFF; display: block; margin-top: 15px; margin-bottom: 10px; }

.readmore { background-image: url(../images/read-more-Green.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; }
.readmore a:link, .readmore a:hover { color: #393939; }