body{
background-image: url(verlauf2.jpg);
background-repeat: repeat-x;
background-color: #fff;
margin: 0;
padding: 0;
font-size: 16px;
font-family: "century gothic"
}

#wrap{
background-repeat: no-repeat;
background-position: center 55px;
height: 694px;
width: 1024px;
margin: auto;
margin-top: 5px;
border: 0px solid black;
position: relative;
}

#head{
border: 0px solid black;
margin-top: -8px;
height: 50px;
}

#menu{
margin-top: 0px;
margin-left: 110px;
}

.active {
text-decoration: underline !important;
}

#head ul, #head ul li {
margin: 0;
padding: 0;
} 

#head ul{
list-style-type: none;
margin-left: 50px !important;
}

#head ul li{
float: left;
margin-right: 20px;
}

#head ul li a{
text-decoration: none;
color: #888;
font-size: 95%;
}

#head ul li a:hover{
text-decoration: underline;
}

#hlcontright, #hlcontleft {
top: 25px;
position: absolute;
font-size: 16px;
border: 0px solid black;
}

#hlcontright {
right: 188px;
}

#hlcontleft {
left: 20px;
}

#hlcontleft h1, #hlcontright h1{
margin: 0;
padding: 0;
}

.content{
text-align: justify;
font-size: 12px;
font-family: arial;
}

#contstart {
position: absolute;
right: 123px;
top: 215px;
width: 340px;
border: 0px solid black;
height: 200px;
}

.content p{
margin: 0;
}

#muhacontleft{
position: absolute;
left: 133px;
bottom: 160px;
width: 360px;
border: 0px solid black;
height: 400px;
}

#muhacontright{
position: absolute;
right: 113px;
bottom: 40px;
width: 360px;
border: 0px solid black;
height: 400px;
}

#buttonrechts, #buttonlinks {
background-repeat: no-repeat;
height: 35px;
width: 105px;
position: absolute;
bottom: 138px;
text-align: center;
font-family: arial;
font-size: 90%;
}

#buttonrechts a, #buttonlinks a{
text-decoration: none;
color: black;
display: block;
height: 29px;
width: 105px;
padding-top: 8px;
}

#buttonrechts {
right: 82px;
}

#buttonlinks {
left: 100px;
}

#showsrechts, #showslinks {
height: 40px;
position: absolute;
bottom: 137px;
text-align: center;
font-family: arial;
font-size: 90%;
border: 0px solid black;
}

#showsrechts a, #showslinks a{
text-decoration: none;
color: black;
display: block;
padding-top: 8px;
}

#showsrechts a{
height: 32px;
width: 170px;
}

#showslinks a{
height: 32px;
width: 190px;
}

#showsrechts {
right: 292px;
width: 170px;
}

#showslinks {
left: 302px;
width: 190px;
}

#showleft, #showright {
position: absolute;
bottom: 190px;
width: 400px;
border: 0px solid black;
height: 345px;
}

#showleft{
left: 115px;
}

#showright{
right: 90px;
}

.show {
width: 385px;
height: 330px;
border: 0px solid black;
position: relative;
margin-top: 20px;
margin-left: 5px;
}

.showhl {
margin-top: 10px;
display: none;
}

.bold{
font-weight: bold;
}

.showhl h2{
margin: 0;
padding: 0;
font-size: 16px;
}

.showtext {
margin-top: 20px;
}

#showright .show .showhl {
float: right;
}

#showright .show .showtext {
width: 310px;
clear: both;
float: right;
margin-right: 30px;
}

.showtext{

}

#showleft .show .showhl {
float: right;
}

#showleft .show .showtext {
width: 310px;
clear: both;
float: right;
margin-right: 30px;
}

.showpic {
border: 0px solid black;
position: absolute;
bottom: 45px;
}

.showpic img{
margin-left: 3px;
}


#showleft .show .showpic {
left: 15px;
}

#showright .show .showpic {
left: 15px;
}

#showleft .pic, #showright .pic {
width: 115px;
height: 85px;
margin-left: 5px;
margin-top: 5px;
border: 1px solid black;
background-color: black;
} 

#showleft .pic{
float: left;
}

#showright .pic{
float: right;
}

#showleft .pic img, #showright .pic img{
border: 0px;
} 

.clear {clear: both}

.top{margin-top: 10px !important;}

.lpic {margin-left: 10px}

.rpic {margin-right: 10px}

#kontstart {
position: absolute;
right: 238px;
top: 157px;
width: 240px;
border: 0px solid black;
height: 200px;
font-weight: bold;
}

#contimp {
position: absolute;
right: 100px;
top: 140px;
width: 378px;
border: 0px solid black;
height: 430px;
font-weight: bold;
}

.red {
color: #4c0000;
}

.links{

}

#links1 {

}

#links2 {

}

.rechts{

}

#rechts1{

}

#rechts2{

}

#footer {

}
