/*
Theme Name: SusanList_v2
Theme URI: http://www.SusanList.nl
Description: This theme is created for www.SusanList.nl
Version: 2
Author: Twan van Landschoot
*/
html {	height: 100%;}

* {
margin:0;
padding:0;
}

body {
background-color:#FFFFFF;
color:#000000;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:62.5%;
height:100%;
text-align:left;
}

#Logo {
background: white;
bottom: 0px;
color: rgb(95, 187, 70);
height: 120em;
left: 0px;
position: fixed;
width: 33em;
z-index: 0;
}

#Sidebar {
height: 90%;
left: 15em;
overflow: hidden;
position: fixed;
top: 6em;
width: 14em;
z-index: 1;
}

#Menu {
height:24em;
position:absolute;
top:2.2em;
width:13.5em;
z-index:0;
}

#SubMenu {
height:8em;
position:absolute;
top:21em;
width:12em;
z-index:0;
}

#TagMenu {
top:29em;
height:15em;
position:absolute;
width:10em;
z-index:0;
}

#Contact {
bottom:1em;
height:7em;
position:absolute;
width:10em;
z-index:0;
}

#Site {
height:100%;
left:30em;
padding-bottom:50px;
padding-left:50px;
position:relative;
top:0;
width:45em;
z-index: 2;
}

#tvandel				{	position:fixed;	right:0;	bottom:0;		width:2.3em;		height:9.5em; z-index: 3;}
#StreepVert				{	left:37em;	top:2em;		height:56em;	width:2em;		background:#ffffff; color:#5fbb46;}

/* #gradient_container	{	position:fixed; left: 30em; width: 55em; overflow: hidden; height: 100%;	z-index:3;} */

#gradient_top {
height:6em;
left:30em;
position:fixed;
top:0;
width:70em;
z-index:3;
}

#gradient_bottom {
bottom:0;
height:5.9em;
left:30em;
position:fixed;
width:70em;
z-index:3;
}

#ContentPost {
background:#FFFFFF none repeat scroll 0 0;
color: #000000;
height:100%;
overflow:visible;
position:absolute;
top:0;
z-index:3;
}

.Post					{padding: 4em 0 4em 0;}
.Post img				{padding: 0 0 1em 0;}
.Post blockquote		{padding: 0 0 0 10px;	margin: 0 0 5px 0;		border-left: 1px solid #5fbb46;		font-style: italic;  }
.PostInfo				{width:40em;	padding: 0 0 0.5em 0;		margin: 0 0 0.5em 0; border-bottom: 1px solid #5fbb46;}

ul		{	list-style-type: none; margin: 10px 0 0 0;}
#Contact a {	color: #5fbb46;}


a, a:link, a:visited	{	color: #000000;	text-decoration: none;	font-weight: 900;}
a:hover	 				{	color: #5fbb46;	text-decoration: underline;}
a img {border:none;}
#current {	color: #5fbb46;	text-decoration: none;}

h1 {	font-family: 'Annie Use Your Telescope', cursive;	font-size: 3em;	font-weight:900; line-height: 1.2em;	letter-spacing: 0;	text-align: left;	word-spacing: normal;	text-decoration: none;	color: #5fbb46;	background-color: #ffffff;}
h2 {	font-size: 1.2em; border-bottom: 1px solid #5fbb46;}

#Menu h1 {	font-size: 2em;	letter-spacing: 0;	text-align: left;	word-spacing: normal;	text-decoration: none;	color: #5fbb46;}


input 		{	vertical-align: middle; border: 1px solid #5fbb46; background: #ffffff; color: #000000; border: 1px solid; border-color:#ffffff #ffffff #5fbb46 #ffffff;}
textarea	{	border: 1px solid #5fbb46;		background-color: #ffffff;	color: #000000;	overflow: auto; margin: 0 0 5px 0;}

.contactform	{	padding-top: 3em;	position: absolute;	 width: 50em; height: 35em;	top: 10em; overflow: hidden; }
.contactleft	{	width: 25%;	text-align: right;	clear: both;	float: left;	display: inline;	padding: 4px;	margin: 5px 0;}
.contactright	{	width: 40%;	text-align: left;	float: right;	display: inline;	padding: 4px;	margin: 5px 0;}
.contacterror	{	border: 2px solid #5fbb46;}