/* HERE COMES THE SUN - stylesheet */



html { height: 100% } 


body {
	color: #636AAF;
	font-family: verdana, helvetica, sans-serif;
	background: white;
	min-height: 101%;
	margin:center; 
	padding:15px; 
}


p {
	font-size:13px;
	line-height: 1.7em;
	width: 420px;
}


h1 {
	font-size: 12.5px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom-width:.2em;
 	border-bottom-style:solid;
	border-bottom-color:#636AAF;
	padding-bottom:3px; 
	margin:0px;
	width: 420px;
}


h2 {
	font-size: 12.5px;
	font-weight: bold;
	width: 420px;
 	border-bottom-style:none;
}


h3 {
	font-size: 10px;
	font-weight: normal;
	line-height: 0;
	width: 420px;
}

h4 {
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	width: 150px;
}



a:link
{
color: #230091;
text-decoration: none;
}

a:visited
{
color: #9B197D;
text-decoration: none;
}

a:active
{
color: #230091;
text-decoration: none;
}

a:hover
{
color: #A5AED9;
text-decoration:none;
}


.menu{
list-style-type: none;
margin: 20px 0;
padding: 0;
width: 150px;
}

.menu li a{
	background: white url(images/glossyback1.gif) repeat-x bottom left;
	font: 11px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 7px 0;
	padding-left: 10px;
	text-decoration: none;
}


* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.menu li a:visited, .menu li a:active{
color: white;
}

.menu li a:hover{
background-image: url(images/glossyback2.gif);
}


.liste {
	font-size:13px;
	line-height: 1.4em;
	width: 360px;
	margin-top:15px;
	margin-left:0px;
}


.menu li b{
	background: white url(images/glossyback2.gif) repeat-x bottom left;
	font: 11px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 7px 0;
	padding-left: 10px;
	text-decoration: none;
}

.img { margin-top: 36px;
}


/* divs */


#container {
	position: absolute;
	left: 50%;
	width: 900px;
	margin-left: -450px;
}


#logo {
	position: absolute;
	top:	0px;
	left: 0px;
	width: 150px;
	height: 228px;
}


#facebook {
	position: absolute;
	top: 475px;
	left: 0px;
	width: 150px;
}



#menu {
	position: absolute;
	top:	238px;
	left: 0px;
	width: 150px;

}





#content {
	position: absolute;
	top:	0px;
	left: 150px;
	width: 600px;
	padding: 75px 0px 0px 75px;

}


#kringel {
	position: absolute;
	top:	0px;
	left: 150px;
	width: 600px;
	padding: 15px;

}


#right {
position: absolute;
	top:	0px;
	left: 750px;
	width: 150px;

}


#boys {
	position: absolute;
	top:	200px;
	left: 110px;
	width: 350px;
	
}