/* CSS Document */

/* basic styles */

/*
* { margin: 0; padding: 0; border: 0; }
*/
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
margin: 0; padding: 0; border: 0;
}
html { height: 100%; }
html, body, td {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-size: 10px;
 line-height: 14px;
 color: #58585a;
 font: 100.01%/1.5;
}
body {
 text-align:center;
 background:#FFFFFF;
}
#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:30em;
  height:20em;
  margin-left:-15em;
  margin-top:-10em;
}
#wrappage {
	position: relative;
	text-align: left;
	top: 0px;
	width: 980px;
	margin: 0px auto;
}

/* content styles */

h1 {
 color: #58585a;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 16px;
 text-align: left;
 line-height: 16px;
 font-weight: normal;
}
h1, h2, h3, h4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
color: #630460;
}
#headline {
 position: absolute;
 overflow: visible;
 left: 300px; top: 520px; width: 630px;
 color: #58585a;
 font-size: 17px;
 font-weight: lighter;
 text-align: left;
 line-height: 18px;
}
#content {
 position: absolute;
 overflow: visible;
 left: 300px; top: 550px; width: 630px;
 color: #58585a;
 font-size: 12px;
 text-align: left;
 line-height: 18px;
}
#content h1, #content h2, #content h3, #content p, #content ul, #content ol {
 margin: 10px 0;
}
#content ul, #content ol {
 padding: 0 20px;
}
#content h1 {
 font-size: 17px;
}
#content td {
 font-size: 12px;
 line-height: 18px;
}
#content a {
 color: #630460;
 font-weight: bold;
 text-decoration: none;
}
#content a:hover {
 color: #95ca4c;
}

/* grafik styles */

#galleria {
 position: absolute; left: 0px; top: 0px; width: 630px; height: 500px;
}
#galleria_wrappage {
 position: absolute; left: 300px; top: 550px; width: 630px; height: 600px;
}
#image {
 position: absolute; left: 0px; top: 113px; width: 685px; height: 210px;
}
#bgimage {
 position: absolute; left: -5px; top: 60px; width: 999px; height: 439px;
}
#freisteller {
 position: absolute; left: 640px; top: 5px; width: 376px; height: 527px; z-index: 5;
}
#logo {
 position: absolute; left: -15px; top: 0px; width: 433px; height: 132px; z-index: 4;
}
#facebook {
 position: absolute; left: 935px; top: 15px; width: 37px; height: 36px; z-index: 6;
}
#twitter {
 position: absolute; left: 30px; top: 790px; width: 155px; height: 35px; z-index: 7;
}
#youtube {
 position: absolute; left: 30px; top: 835px; width: 83px; height: 35px; z-index: 8;
}
#imageContainer img {
display:none;
position:absolute;
top: 65px;
left: 1px;
width: 982px;
height: 422px;
z-index: 1;
}

/* menu styles */

#menu {
 position: absolute;
 overflow: visible;
 top: 520px;
 left: 30px;
 width: 200px;
 font-size: 19px;
 line-height: 30px;
 font-weight: normal;
 text-align: left;
 color: #95ca4c;
}
#menu ul {
 display: inline;
 list-style-type: none;
 padding: 0 0 0 0px;
}
#menu li {
 display: inline;
 padding: 0; margin: 0;
 margin: 0px 0;
 text-transform: uppercase;
}
#menu li li {
 padding: 0; margin: 0;
 margin: 0;
}
#menu a {
 display: block;
 text-decoration: none;
 color: #95ca4c;
}
#menu a.active, #menu a:hover {
 color: #630460;
}