html { height: 101%; }

body {background-color: #FFF;
	float: left;
	font-family: "Helvetica", Arial, Century Gothic, Verdana, sans-serif;
	color: #5a5a5a;
	font-size:12px; 
	height:100%;
	word-spacing:3px;
	line-height: 200%;
}

h1{ font-size: 22px;
    font-weight: normal;
	font-style:normal;
    color: #252525;
	font-family: "Helvetica", Arial, Century Gothic, Verdana, sans-serif;
	margin: 40px 30px 30px 5px;
	padding: 0px;	
}

h2{ font-size: 12px;
    font-weight: bold;
	font-style:normal;
    color: #11a37f;
	font-family: "Helvetica", Arial, Century Gothic, Verdana, sans-serif;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

p { text-align:left;
    font-weight: normal;
}

a:visited, a:link, a:active  {color:#e85792; text-decoration: underline;}

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

#box { position: absolute;
       left: 50%;
       margin-left:-495px;
       text-align: left;
       width:990px; 
       min-height:860px; 
	   height:auto;
       padding:0px;
       border: solid #fff 1px;
}

#header {width: 990px;
		height: 200px;
		padding: 0px 0px 0px 40px;
}


/*erster Bildlink*/

#link1{
	margin-top:8px;
	margin-left:120px;
	width:205px;
	float:left;
	height: 29px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
}

#link1 a {
	width:205px;
	float:left;
	height: 29px;
	background-image: url(pics/Button1.gif);
}

#link1 a:hover{	
	background-image: url(pics/Button1over.gif);
}

/*zweiter Bildlink*/

#link2{
	margin-top:8px;
	margin-left:0px;
	width:235px;
	float:left;
	height: 29px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
}

#link2 a {
	width:235px;
	float:left;
	height: 29px;
	background-image: url(pics/Button2.gif);
}

#link2 a:hover{	
	background-image: url(pics/Button2over.gif);
}

/*dritter Bildlink*/

#link3{
	margin-top:8px;
	width:317px;
	float:left;
	height: 29px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
}

#link3 a {
	width:317px;
	float:left;
	height: 29px;
	background-image:url(pics/Button3.gif);
}

#link3 a:hover{	
	background-image:url(pics/Button3over.gif);
}


/*vierter Bildlink*/

#link4{
	margin-top:8px;
	width:107px;
	float:left;
	height: 29px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
}

#link4 a {
	width:107px;
	float:left;
	height: 29px;
	background-image:url(pics/Button4.gif);
}

#link4 a:hover{	
	background-image:url(pics/Button4over.gif);
}

#textbox {float:right;
		width: 650px;
		min-height: 380px;
		background-color:#fff;
		height: auto;
		border-left: solid #5a5a5a 1px;
		border-bottom: solid #5a5a5a 0px;
		margin: 30px 20px 10px 0px;
		padding: 45px 80px 50px 100px;
}

.backg {background-image:url(pics/hinterg.gif);
        width: 612px;
		height: 407px;
		margin-top: 20px;
		margin-left: -10px;
		margin-right: 0px;
		margin-bottom: -45px;
}

.navbox {width: 100px;
		height: 200px;
		margin: 100px 0px 10px 10px;
		letter-spacing:1px;
}

ul#navigation{
list-style-type:none;
margin-left:0;
padding-left:0;
line-height: 150%;
}
ul#navigation li{
margin-bottom:2px;
}
ul#navigation li a{text-decoration:none;
color:#5a5a5a;
display:block;
padding:4px;
width:100px;
}
ul#navigation li a:hover{
background:#fff url(pics/dot.gif) 9px no-repeat;
}

ul#navigation li a:active{
background:#fff url(pics/dot.gif) 9px no-repeat;
}

#footer {clear:both;
		width: 970px;
		height: 12px;
		color: #5a5a5a;
		letter-spacing:1px;
		text-align:right; 
		padding: 0px 40px 10px 0px;
}

a.class1:link, a.class1:active, a.class1:visited, a.class1:hover {
	border:solid 0px #000; 
	color:#fff;
    text-decoration:none;}
