a {
	color: #0066CC;
}
a:hover {
	color: #333;
}



/*Width of the entire page. You can
  also use a flexible width like so:
  #page {width:64em;}
*/
#page {
	background-color: #FFF;
        text-align: left;
	/* autocenter */
        /* margin: 20px auto;*/
	padding: 0;
	min-width: 500px; /* width: 760px;*/
}


img {
	border: 0;
}
img, div, #content, #content img { 
        behavior: url(http://www.kroost.net/iepngfix.htc)
}






/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: left;
        background-color: white;

}



#header {
	margin: 0 0 22px 1px;
	padding: 0;
}
#header h1 {
	font-size: 3.2em;
}
#header h1 a {
	color: #3b6ea5;
}


#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	border: none;
}
#footer p {
	margin: 0;
	padding-bottom:24px;
	padding-left: 28%;
}




#content {
        float: left;
	padding: 20px 0px 20px 20px;
	margin: 100px 0px 25px 300px;
	font-size: 1.2em;
        line-height: 1.8em;
        background-image: url(http://www.kroost.net/img/wave_transparant.png);
	background-repeat: repeat;
        position: absolute; :/* IE6 & IE7 FIX! */
}
#content .entry p {
	font-size: 1.25em;
        line-height: 1.65em;
}
#content .entry {
        font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
}
#content .entry a {
       text-decoration: none;
       border-bottom: 2px solid #3CF;
       color: #3CF;
}
#content .entry a:hover {
       text-decoration: none;
       border-bottom: 2px solid #F39;
       color: #F39;
}
#content .entry img {
        width: 100%; /* 80% was fine, but small at 1024px screen */
        max-width: 750px;
padding: 0px 15px 15px 0px;        
}
#content .post .entry ul {
	list-style-type: none;
	list-style-image: none;
        padding: 0 0 0 0;
}










h1, h2, h2 a, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
        color: #F00;
        margin: 0;
}
h2 {
	font-size: 2em;
}
h2.pagetitle {
	font-size: 1.6em;
	background-color:#e7e7e7;
	border:1px solid #777;
	padding:4px 0px 4px 0px;
	margin-top:16px;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg {
	text-decoration: none;
	color: #3b6ea5;
}
h2, h2 a, h2 a:hover, h2 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
}
h2.pagetitle {
	text-align: center;
}
a, h2 a:hover {
	text-decoration: underline;
}






.entry p a:visited {
	color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
	font-weight: normal;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}






/* Begin Structure */

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
}




.post {
      background-color: #FFF;
      padding: 25px;
      margin: 50px 50px 0px 0px;
}
.post h2 {
        color: #999;
	padding: 10px 0px 5px 0px;
}
.post h2 a {
	color: #999;
        padding: 0px 0px 15px 0px;
}
.post h2 a:hover {
	color: #F39;
        text-decoration: none;
}



#tags {
	font-size:11px !important;
	color: #999;
}

.postmetadata {
	clear: both;
}
.postmetadata a, ol.commentlist cite a, .commentmetadata a {
	text-decoration: none;
        border-bottom: 1px solid #999;
        color: #999;
}
.postmetadata a:hover {
       text-decoration: none;
       border-bottom: 2px solid #F39;
       color: #F39;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}


#content .postmetadata {
	font-size: 10px;
	padding: 15px 0px 15px 0px;
        margin: 10px 0;
	color: #555;
        background-image: url(http://www.kroost.net/img/cross_pink.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
}

.clear {
	clear: both;
}











/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	
Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) 
*/


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}









/* Begin Sidebar */

#sidebar {
        position: fixed;
	margin-top: 75px;
	width: 250px;
        font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
        color: #000;
}
#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}



#sidebar ul.menu {
        margin: 25px 0px 25px 0px;
        border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
        padding: 0px 0px 5px 50px;
}
#sidebar ul.menu li {
        padding: 0;
	list-style-type: none;
	list-style-image: url(http://www.kroost.net/img/cross.gif);
	text-transform: uppercase;
}
#sidebar ul.menu li a:link, #sidebar ul.menu li a:visited {
	text-decoration: none;
	color: #3CF;
}
#sidebar ul.menu li a:hover {
	text-decoration: none;
	color: #F39;
	list-style: none;
        list-style-image: none;
}



/* CATEGORIES LIST STYLING */


#sidebar ul li.categories {

        text-transform: none;
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
}
#sidebar ul li.categories ul {
        /* sets margins to zero! */

        padding: 0;
        margin: 0;
        border: 0;
}
#sidebar ul.categories {
        padding: 0px 0px 0px 50px; /* left-margin! */
        margin: 0;
}

li.cat-item {
        list-style: none;
	list-style-type: none;
	list-style-image: url(http://www.kroost.net/img/cross.gif);
}
#sidebar ul li.categories ul li.cat-item a {
        color: #999;
        list-style: none;
	list-style-type: none;
        line-height: 0.5em;
        padding: 0;
}
#sidebar ul li.categories ul li.cat-item a:hover {
        color: #F39;
}










/* Begin Form Elements */

#searchform {
	margin: 10px auto;
	padding: 5px 0px 5px 25px;
}
#sidebar #searchform #s {
	width: 150px;
	padding: 0px;
}
#sidebar #searchsubmit {
	padding-left: 10px;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 98%;
	padding: 2px;
}
#commentform #submit {
	margin: 0;
}








/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	margin:0px;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
















/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
hr {
	display: none;
}
a img {
	border: none;
}
.navigation {
        margin: 25px 50px 25px 25px;
	text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        height: 25px;
}
.navigation a, .navigation a:visited {
        color: #FFF;
        text-decoration: none;
        border-bottom: 2px solid #FFF;
        letter-spacing: 2px;
}
.navigation a:hover {
        border-bottom: none;
        color: #FF0;
}


.alignright {
	float: left; /* !!! */
        background-image: url(http://www.kroost.net/img/50prc_roze.png);
	background-repeat: repeat;    
}
.alignleft {
	float: right; /* !!! */
        background-image: url(http://www.kroost.net/img/50prc_lichtblauw.png);
	background-repeat: repeat;
}
.alignleft a {
        background-image: url(http://www.kroost.net/img/arrow-right.gif);
        background-position: right center;
        background-repeat: no-repeat;
}
.alignright a, .alignleft a {
        padding: 25px;
}
.alignright a {
        background-image: url(http://www.kroost.net/img/arrow-left.gif);
        background-position: left center;
        background-repeat: no-repeat;
}




small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
        color: #CCC;
}









/* blue text */
.postSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
        color:#3CF;
}
.yellow {
        background-color: #FF0;
}




/* columns */
#about-column2, #about-column3, #about-column4, #about-column5 {
        color: #FFF;
        text-align: left;
        padding: 25px 50px 25px 50px;
        margin-bottom: 25px;
}
#about-column2 {
        background-color: #F39;
        margin-top: 25px;
}
#about-column3 {
        background-color: #3CF;
}
#about-column4 {
        background-color: #FF0;
        color: #000;
}
#about-column5 {
        background-color: #000;
        color: #FFF;
}

/* links */
#about-column3 a:link, #about-column3 a:visited, #about-column3 ul li a:link {
        color: #FFF;
        text-decoration: underline;
}
#about-column3 ul.last li a:hover {
        color: #FF0;
        text-decoration: underline;
        border: 0;
}



/* headers */
#about-column2 h4, #about-column3 h4, #about-column4 h4, #about-column5 h4 {
        color: #FF0;
        font-weight: bold;
        text-transform: uppercase;
line-height: 1;
}
#about-column4 h4 {
       color: #000;
}


/* lists */
#about-column2 ul, #about-column2 ul.last, #about-column2 ul.last li,
#about-column3 ul, #about-column3 ul.last, #about-column3 ul.last li,
#about-column4 ul, #about-column4 ul.last, #about-column4 ul.last li,
#about-column5 ul, #about-column5 ul.last, #about-column5 ul.last li {
       list-style: disc;
}
#about-column2 ol {
       padding: 0;
}
#about-column2 ol li {
       list-style: decimal;
}
.last {
       margin-bottom: 25px;
}


.intro, .intro2 {
        font-size: 2.5em;
        line-height: 2.5em;
        background-color: #FF0;
        padding: 5px 25px 5px 0px;
margin: 0;
}
.intro2 {
        font-size: 1.25em;
        line-height: 1.5em;
        background-color: #3CF;
        color: #FFF;
margin: 0;
}
.highlight {
        color: #D3EDF5;
}




/* 'VISIT THIS WEBSITE' buttons */
#page #content .post .entry ul li.visit,
#page #content .post .entry ul li.visit a.externalLink {
        margin-top: 25px;
        color: #FFF;
        border: 0;
}
#page #content .post .entry ul li.visit a:hover.externalLink {
        color: #FF0;
}
li.visit a.externalLink {
        padding: 10px;
        background-color: #F39;
        text-transform: uppercase;
        -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.gray {
        color: #999;
}






/* KLEUREN
Roze = #F39
Cyaan = #3CF
Geel = #FF0
*/