@charset "ISO-8859-15";

body {
	background-color: #181818;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
	background-image:url(bg.jpg);
    background-attachment:fixed;
  }

div#koerper {
	width:60em;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 4em;
}

div#kante {
	width:60em;
	height: 1em;
	background-image:url(kante.png);
}

div#kanteunten {
	width:60em;
	height: 1em;
	background-image:url(kante2.png);
}

div#navi {
	background-color: #222021;
	height: 100%;
}

div#navilinks {
	float: left;
}

div#navilinks img {
	border: none;
}

div#naviblock {
	float: left;
	margin-left: 1.5em;
	background-image:url(stylesheet_01_FILES/button_B.png);
	background-repeat: no-repeat;
}

div#naviblockActive {
	float: left;
	margin-left: 1.7em;
	width: 65px;
	padding-top: 27px;
	padding-bottom: 25px;
	font-size: 11px;
  	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	background-image:url(stylesheet_01_FILES/button_B_alt.png);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
}

div#navicontainer {
	text-align: left;
	height: 8em;
	color: #fff;
	padding-left: 43em;
  	padding-right: 2em;
  	padding-top: 1em;
  	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

div#navicontainer a {
	width: 65px;
	padding-top: 27px;
	padding-bottom: 25px;
	font-size: 11px;
  	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	background-image:url(stylesheet_01_FILES/button_A.png);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
}

div#navicontainer a:link {
	color: #ebebeb;
}

div#navicontainer a:visited {
	color: #ebebeb;
}	

div#navicontainer a:hover {
	color: #333;
	background-image:url(stylesheet_01_FILES/button_B.png);
	background-repeat: no-repeat;
}

div#navicontainer a:active {
	color: #333;
	background-image:url(stylesheet_01_FILES/button_B.png);
	background-repeat: no-repeat;
}

div#subnavicontainer {
	text-align: right;
	min-height: 2em;
  	padding-top: 1.5em;
  	padding-left: 0.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0.5em;
}

div#subnavicontainer a {
  	font-weight: normal;
	text-decoration: none;
	padding: 0.2em;
	border:1px solid #999;

}

div#subnavicontainer a:link {
	color: black;
	background-color: #fff;
}

div#subnavicontainer a:visited {
	color: black;
	background-color: #fff;
}	

div#subnavicontainer a:hover {
	color: #fff;
	background-color: #333;
	text-decoration: none;
}

div#subnavicontainer a:active {
	color: black; 
}

div#schattenunten {
	width:100%;
	height: 11px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(stylesheet_01_FILES/schatten2.jpg);
	margin: 0;
	padding: 0;
}

.active {
  	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	margin-bottom: 2em;
	color: #d9dadb;
}

.active2 {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #d9dadb;
}

div#titel {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	height: 2em;
	padding-left: 2em;
	padding-top: 0.2em;
	margin-bottom: 2em;
	margin-top: 1em;
	background-color: #222021;
	
}

div#titel h1 {
  	font-size: 12px;
  	font-weight: normal;
	color: #fff;
	line-height: 20px;
  	margin: 0;
	padding-right: 1em;
}

div#container {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
  	margin-left: 25em;
}

div#textcontainer {
	font-size: 11px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	padding-left: 1em;
  	padding-right: 1em;
  	padding-bottom: 0.5em;
	background-color: #ebebeb;
}

div#contents {
  	padding-left: 1em;
  	padding-right: 1em;
        background-color: #ebebeb;
        padding-top: 1em;
}

div#eventkasten {
	min-height: 30em;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
  	margin-bottom: 1em;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 3em;

}

div#eventkasten img {
        border: none;
}

div#eventliste {
	min-height: 100%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
  	margin-bottom: 1em;
  	padding-right: 1em;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div#eventsuche {
	background-color: #181818;
	padding-left: 0.5em;
	padding-top: 0.5em;
	border:1px solid #999;
}

div#eventsuche p {
  	font-size: 11px;
	color: #fff;
  	font-weight: normal;
	line-height: 14px;
  	margin: 0;
}


div#featurecontainer {
	float: left;

	height: 100%
	width: 20em;
	vertical-align: top;
	padding-bottom: 1em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 1em;
}

div#feature p {
  	font-size: 11px;
  	font-weight: normal;
	line-height: 14px;
  	margin: 0;
}

div#feature {	
	float:left;
  	max-width:18em;
  	min-height:30em;
	font-size: 11px;
	line-height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 1em;
	margin-top: 1em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
  	border: none;
  	background-color:#fff;
}

div#feature a {
  	font-weight: bold;
	text-decoration: none;

}

div#feature a:link {
	color: black;
}

div#feature a:visited {
	color: black;
}	

div#feature a:hover {
	color: #333;
	text-decoration: none;
}

div#feature a:active {
	color: black; 
}

div#feature h1 {
  	font-size: 12px;
	color: #333;
  	font-weight: bold;
	line-height: 16px;
  	margin: 0;
  	padding-top: 1.4em;
}

div#techst {

	width: 100%
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;

}

div#techst img {
        border: none;
}

div#techst h1 {
  	font-size: 14px;
	color: #333;
  	font-weight: bold;
	line-height: 12px;
  	margin: 0;
	padding-right: 1em;
}

div#techst h2 {
  	font-size: 14px;
  	color: #ebebeb;

}
div#techst p {
  	font-size:12px;
	line-height: 16px;
  	margin: 0;
	padding-right: 1em;
}

div#techst a {
        font-size:12px;
  	font-weight: normal;
	text-decoration: none;
	border:none;
	text-align: center;
	background-color: #fff; 
}

div#techst a:link {
  	color: #666; 
}

div#techst a:visited {
  	color: #666;
}

div#techst a:hover {
  	color: #000;
}

div#techst a:active {
  	color: #000;
}

.info {

	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 1.5em;

}

.info a {
        width: 30px;
        height: 30px;
        font-size:11px;
  	font-weight: normal;
	text-decoration: none;
	border:none;
	background-image:url(infobutton.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 0.6em;
	padding-bottom: 0.8em;
  	padding-left: 0.4em;
  	padding-right: 0.4em;
  	color: #fff;
}

.info a:link {
  	color: #fff; 
}

.info a:visited {
  	color: #fff;
}

.info a:hover {
  	font-weight: normal;
  	color: #fff; 
}

.info a:active {
  	color: #fff; 
}


div#footernavi {
	margin: 0;
  	padding-right: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	color: #000;

}

div#footernavi a {
  	padding-top: 0.5em;
  	padding-left: 0em;
  	padding-right: 1em;
	padding-bottom: 0;
}

div#footernavi a:link {
	color: #999;
	text-decoration: none;
	font-weight: normal;
  	padding-left: 0.2em;
	border: none;
}

div#footernavi a:visited {
	color: #999;
	text-decoration: none;
	font-weight: normal;
	border: none;
}	

div#footernavi a:hover {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	border: none;
}

div#footernavi a:active {
	color: #333;
	font-weight: normal;
	border: none;
}

div#footer {
	clear: both;
	margin: 0;
	text-align: right;
	padding-bottom: 1em;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: 10px; 
  	line-height: 14px; 
  	color: #333;
	border:1px solid #999;
	background-color:#ebebeb;
}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px; 
  	line-height: 14px; 
	color: #333;
	border:1px solid #999;
	width:260px; 
}

.newsletter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px; 
  	line-height: 14px; 
	color: #333;
	border:1px solid #999;
	width:120px; 
}

.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px; 
  	line-height: 14px; 
	color: #333;
	border:1px solid #999;
	width:160px; 
}

div#listenbox {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
  	margin-bottom: 1em;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 0;

}


div#links {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	margin-right: 2em;
        min-width: 16em;

}

div#rechts {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	margin-right: 1em;
        text-align: left;
        min-height: 12em;
}

div#infobox {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 100%;
	color: #333;
	background-color: #fff;
	margin-right: 1em;
        text-align: right;
}

div#infobox img {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	margin-right: 2em;
}

div#archivliste {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
  	margin-bottom: 1em;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

#archivlinks {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	background-color: #fff;
	vertical-align: top;
	margin-right: 2em;
        min-width: 16em;
}

#archivrechts {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 10em;
	color: #333;
	background-color: #fff;
	margin-right: 1em;
	vertical-align: top;
}



div#archivbox {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 20em;
	color: #333;
	background-color: #fff;
        height: 1em;
        padding: 0em;
        margin: 0;
        clear: both;
}

div#rechtsdetail {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        min-height: 12em;
	color: #333;
	background-color: #fff;
	margin-right: 1em;
}

div#eventlistelinks {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 2em;
	vertical-align: top;
	float: left;
}

div#eventlisterechts {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 2.4em;
	color: #333;
	background-color: #fff;
        text-align: right;
}

div#kontaktbox {
  	margin: 0;
  	padding: 0;
  	border: none;
}

div#kontaktlinks {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	margin-right: 10em;
}

div#kontaktrechts {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	margin-right: 1em;
}

div#highlightkasten {
	min-height: 30em;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
  	margin-bottom: 1em;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 3em;
	float: left

}

div#highlightcontainer {
	float: left;
        width: 27em;
        height: 100%;
        vertical-align: bottom;
}

#highlightbild {

	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 1em;
	margin-bottom: 1em;
	position: relative;
	top: 0px; 
	left: 0px;

}

div#highlighttext {
        font-size: 11px;
	font-family: Verdana, Helvetica, Arial sans-serif;

	text-align: left;
	position: absolute;
	bottom: 20px; 
	left: 0px;
	vertical-align: bottom;

}

div#highlighttext p{
	font-color: #fff;
	background-color: #fff;
	text-align: left;
	vertical-align: bottom;
}