* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;/*	
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#000;
	background-image: url(../images/bg_12.jpg);
*/
	background-color: #000;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
}
#header {
	width: 980px;
	float: left;
	height: 120px;
	position: relative;
}
#top {
	float: left;
	width: 980px;
	color: #333;
}
#mainContent {
	width: 980px;
	float: left;
	position: relative;
	background-image: url(../images/mainbg.gif);
}
.mainContentLeft {
	width: 700px;
	float: left;
}
.mainContentRight {
	width: 240px;
	float: left;
	color: #FFFFFF;
	padding-top: 20px;
	margin-left: 20px;
}
.Aplacement {
	width:700px;
	height:270px;
	float: left;
}
.Bplacement {
	width:680px;
	float:left;
	height: 150px;
	margin-left: 10px;
}
.BplacementHeader {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.Dplacement {
	width:680px;
	height:80px;
	float:left;
	padding: 10px;
}
.DplacementBanner {
	width:680px;
	height1000px;
	float:left;
	margin-left: 10px;
	height: 150px;
}
.DplacementLogo {
	width:20px;
	height:80px;
	float:left;
	padding-right: 7px;
}
.Eplacement {
	width:690px;
	float:left;
	padding-right: 10px;
	margin-bottom: 10px;
}
.Cplacement {
	width:325px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
}
.CplacementAd1 {
	width:325px;
	float:left;
	height: auto;
}
.CplacementAd2 {
	width:325px;
	float:left;
	height: auto;
}
.CplacementCalendar {
	width:325px;
	float:left;
	height: 70px;
	color: #FFF;
}
.Fplacement {
	width:550px;
	float:left;
	height: 24px;
	background-image: url(../images/nenuAfdelinger.gif);
	padding-left: 150px;
	padding-top: 6px;
	text-decoration: none;
	margin-top: 10px;
}
.Subpageplacement {
	width:680px;
	float: left;
	padding: 10px;
}
#footer {
	width: 980px;
	background-color:#181818;
	float: left;
	margin-top: 10px;
}
.footerLeft {
	height: 80px;
	width: 380px;
	float: left;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
.footerRight {
	height: 90px;
	width: 270px;
	float: left;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	padding-top: 10px;
}
.footerMiddle {
	height: 100px;
	width: 300px;
	float: left;
}
.headerLeft {
	color: #333;
	width: 280px;
	float: left;
	height: 80px;
	background-image: url(../images/logo.gif);
}
.headerRight {
	color: #333;
	width: 700px;
	float: left;
	height: 50px;
}
.headerRightFacebook {
	float: right;
}
.headerRightTwitter {
	float: right;
}
.topLeft {
	float: left;
	width: 980px;
	color: #333;
}
.topRight {
	float: left;
	width: 980px;
	color: #333;
}
.sectionBox {
	padding-bottom: 10px;
	padding-top: 20px;
}
.newsletterBox {
	width: 240px;
	padding-bottom: 10px;
}
.Box1 {
	padding-bottom: 15px;
	height: 135px;
}
.Box2 {
	margin-bottom: 10px;
}
.Box3 {
	height: 250px;
	width: 240px;
	background-image: url(../images/twitterBG.gif);
}
.Box4 {
}
.Box5 {
}
.readmoreCalendar {
	height: 18px;
	width: 100px;
	margin-top: 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 2px;
	color: #FFFFFF;
	margin-bottom: 5px;
	float: right;
	margin-right: 10px;
	background: url(../images/readmoreCalendar.jpg) no-repeat right;
}
.eventBox {
	height: auto;
}
.eventBoxTop {
	width: 335px;
	height: 45px;
	background-image: url(../images/caledarSheetTop.gif);
	float: left;
}
.eventBoxMiddle {
	width: 290px;
	height: auto;
	padding-left: 45px;
	background: url(../images/caledarSheet.gif) bottom;
	float: left;
}
.eventBoxBottom {
	width: 335px;
	height: 45px;
	float: left;
}
.eventBoxSep {
}
.mainContentList {
	margin-left: 15px;
}
.readmore {
	height: 18px;
	width: 100px;
	margin-top: 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 2px;
	color: #FFFFFF;
	margin-bottom: 5px;
	float: right;
	margin-right: 10px;
	background: url(../images/read-more.jpg) right;
}
.newsContainer {
	float: left;
}
.newsContainerLeft {
	float: left;
	height: 20px;
	width: 30px;
	background: url(../images/blackArrow.jpg);
}
.newsContainerRight {
	float: left;
}
/* PINK LINK */
a.pink:link {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.pink:visited {
	color: #333;
	text-decoration: none;
}
a.pink:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
}
a.pink:active {
	color: #333;
	text-decoration: none;
}
/* WHITE LINK */
a.white:link {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a.white:visited {
	color: #333;
	text-decoration: none;
}
a.white:hover {
	color: #333;
	text-decoration: underline;
}
a.white:active {
	color: #333;
	text-decoration: none;
}
/* HORIZONTAL CSS MENU */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu {
	font-weight: normal;
	width: 100%;
	background-color: #000;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
.underlinemenu ul {
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: right;
//set value to "left", "center", or "right"*/
}
.underlinemenu ul li {
	display: inline;
}
.underlinemenu ul li a {
	color: #999; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none; /*bottom border is 3px*/
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected {
	border-bottom-color: #FFF;
	color: #FFF;
}
/* VERTICAL CSS MENU */
.urbangreymenu {
	width: 240px;
	margin-bottom: 20px;
}
.urbangreymenu .headerbar {
	font: bold 13px Verdana;
	color: white;
	background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}
.urbangreymenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a {
	font: normal 12px Arial;
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0 5px 10px;
	line-height: 17px; /*link text is indented 8px*/
	text-decoration: none;
}
.urbangreymenu ul li a:visited {
	color: black;
}
.urbangreymenu ul li a:hover { /*hover state CSS*/
	color: white;
	background: black;
}
/* LinkButton */

a.squarebutton {
	background: transparent url('../images/square-gray-left.gif') no-repeat top left;
	display: block;
	float: right;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
	color: #FFF; /*button text color*/
}
a.squarebutton span {
	background: transparent url('../images/square-gray-right.gif') no-repeat top right;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 0;
}
a.squarebutton:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.squarebutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFF;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	float: left;
}
/* FORMS */
input {
	margin-top: 0px;
	margin-bottom: 5px;
}
.checkbox {
	padding-top: 5px;
}
/* TYPHOGRAPHY */
.TextWhiteHeadline {
	color: #FFFFFF;
	font: 24px Arial, Helvetica, sans-serif;
}
.TextWhiteNormal {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
.TextWhiteBold {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.TextBlackNormal {
}
.TextBlackBold {
	font: bolder 16px Arial, Helvetica, sans-serif;
}
.TextBlackHeadline {
	font: 28px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 30px;
	color: #666666;
}
.TextGreyNormal {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px;
}
.TextGreyBold {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
}
.TextGreyCaps {
	color: #666666;
	font: small-caps 28px/25px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.TextGreyCapsBold {
	color: #666666;
	font: bold small-caps 28px/25px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.eventBoxTextLarge {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #333333;
}
.eventBoxTextNormal {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
.eventBoxTextSmall {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #999999;
}
/* Flickr */
#flickr_badge_wrapper {
	margin-bottom: 15px;
}
#flickr_badge_wrapper img {
	margin: 0 10px 10px 0;
	border-top: 4px solid #e0e0e0;
	border-right: 4px solid #e0e0e0;
	border-bottom: 4px solid #e0e0e0;
	border-left: 4px solid #e0e0e0;
}
/* TWITTER */
#twitter_div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-style: italic;
	font-weight: normal;
	width: 220px;
	height: 230px;
	padding: 10px;
}
#twitter_div ul li {
	color: #FFF;
	list-style-type: none;
	margin-bottom: 5px;
	/* line-height: 18px; */
	padding-bottom: 5px;
}
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #FFF;
}
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 5px;
	color: #FFF;/* line-height: 18px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
 --- #twitter_div ul li span {
visibility: visible;
list-style-type: none;
}
#twitter_div ul li span a {
	color: #FFF;
	visibility: visible;/* line-height: 18px; */
}
#twitter_div ul li a {
	visibility: hidden;
	color: #FFF;
}
#twitter_div a {
	color: #06C;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* bacground test */

#page {
	width: 100%;
	display: table;
	background-image: url(../images/bg_12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#pageContainer {
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainContainer {
	width: 980px;
	height: 800px;
}
/* Submenu */
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
#navlist li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #731e79;
	font-weight: normal;
	text-decoration: none;
}