html {
	height: 100%;
	background-color:#0c6ac9;
	background-attachment: fixed;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: right top;
}
@media only screen and (max-width: 1150px) {
html {
	height: 100%;
	background-color:#000;
	background-attachment: fixed;
	background-image: url(../images/background_mobile2.png);
	background-repeat: no-repeat;
	background-position: right top;
}
}
body {
	height:100%;
}
#page1000 {
	width: 1000px;
	margin: auto;
	padding-bottom: 20px;
}
/* Font Definition */ 
/* ------------------------------------------------------------------------------------------------------ */ 

 @font-face {
					font-family: 'AvantGarde-CondMedium';
					src: url('/font/AvantGarConMed.eot');
   }

  @font-face {
					font-family: 'AvantGarde-CondMedium';
					src: url('/font/AvantGarConMed.woff') format('woff'),
					url('/font/AvantGarConMed.svg#AvantGarde-CondMedium') format('svg');
   }
   
   
  @font-face {
					font-family: 'AvantGarde-CondBook';
					src: url('/font/AvantGarConBoo.eot');
   }

  @font-face {
					font-family: 'AvantGarde-CondBook';
					src: url('/font/AvantGarConBoo.woff') format('woff'),
					url('/font/AvantGarConBoo.svg#AvantGarde-CondBook') format('svg');
   }

/* Page Definition */ 
/* ------------------------------------------------------------------------------------------------------ */ 
#Logo {
	position: fixed;
	width:300px;
	height:200px;
    top:0;
	right:0;
}
@media only screen and (max-width: 1150px) {
#Logo {
	width:220px;
	height:150px;
}
}
#left {
	width: 190px;
	margin-top:305px;
	margin-right:10px;
	float: left;
}
#Navigation {
	width: 190px;
}
#Main {
	width: 570px;
	float: left;
}
#head {
	width: 570px;
}
#Header {
	width: 570px;
/*	background-image: url(../images/head/head.jpg);
	background-repeat: no-repeat;
	background-position: 15px 12px;*/
}
#header_png {
	top:3px;
}
#MainContent {
	width: 570px;
	background-image: url(../images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.ContentTop {
	width: 570px;
	height: 20px;
	background-image: url(../images/content_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#Content {
	width: 510px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 0px 30px 30px 30px;
}
#Footer {
	width: 550px;
	padding:0px 0px 30px 20px;
	background-image: url(../images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Done {
	width: 545px;
	height: 24px;
	padding-left:12px;
	padding-right:13px;
	padding-top:5px;
}
#Border {
	width: 230px;
	margin-top:309px;/*Update JW 23.09.2013: ohne Veranstaltungsdaten (Lineup) margin-top:269px;*/
	float:left;
}
.News {
	width: 230px;
}
.NewsTop {
	width: 230px;
	min-height:20px;
	background-image: url(../images/border_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.NewsContent {
	width: 190px;
	min-height:100px;
	padding:0px 20px 20px 20px;
	background-image: url(../images/border_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mycarousel {
	width: 510px;
	padding: 0px 30px 0px 30px;
	background-color: #FFF;
}
#mycarouselC {
	width: 530px;
	padding-right: 40px;
	background-color: #FFF;
}
.mycarouselImg {
	width: 135px;
	height: 90px;
	padding: 10px;
	background-image: url(/images/carousel.png);
	float: left;
	margin-right: 1px;
}
#mycarousel li {
	width: 135px;
	height: 90px;
	padding: 10px;
	background-image: url(/images/carousel.png);
}

#balkenBottom {
	width:100%;
	height:400px;
	background-image: url(../images/background_lake2.png);
	background-repeat: repeat-x;
	background-position: center top;
	position:fixed;
    bottom:0;
	right:0;
	z-index:-99;
    margin-bottom:-4px;
	text-align:right;
	padding:12px 20px 0px 0px;
}
@media only screen and (max-width: 1150px) {
	#balkenBottom {
		display:none;}
	}
/* ------------------------------------------------------------------------------------------------------ */ 

/* Navigation */ 
/* ------------------------------------------------------------------------------------------------------ */ 
#Navigation ul {
	width: 190px;
	text-align: right;
	padding-top: 10px;
	margin-bottom: 25px;
}
#Navigation ul li {
	font: 28px AvantGarde-CondBook, Arial, Sans;
	line-height: 40px;
	margin: 0px;
	list-style: none;
	border-bottom:solid 1px #FFFFFF;
}
#Navigation ul li a, #Navigation ul li a:link, #Navigation ul li a:visited {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	display: block;
	text-transform: uppercase;
}
#Navigation ul li a:hover {
	text-decoration: none;
	color: #eac053;
}
#Navigation ul ul {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: none;
}
#Navigation ul ul li {
	font: 20px AvantGarde-CondBook, Arial, Sans;
	line-height: 26px;
	margin: 0px 0px 2px 0px;
	border-bottom: none;
}
#Navigation ul ul li a, #Navigation ul ul li a:link, #Navigation ul ul li a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: none;
	background: none;
}
#Navigation ul ul li a:hover {
	color: #eac053;
}
#Navigation ul ul ul {
	margin: 0px 0px 10px 0px;
	border: none;
}
#Navigation ul ul ul li {
	font: 18px AvantGarde-CondBook, Helvetica, Sans;
	line-height: 22px;
}
#Navigation ul ul ul li a, #Navigation ul ul ul li a:link, #Navigation ul ul ul li a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: none;
	display: block;
	border-top: none;
}
#Navigation ul ul ul li a:hover {
	color: #eac053;
}
/* ------------------------------------------------------------------------------------------------------ */ 

/* Content */
/* ------------------------------------------------------------------------------------------------------ */ 
.Content h1 {
	font:28px AvantGarde-CondMedium, Arial, sans;
	color: #eac053;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}
.Content h2 {
	font: 22px AvantGarde-CondMedium, Arial, sans-serif;
	color: #666;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
}
.Content h3 {
	font: 18px AvantGarde-CondMedium,Arial, sans-serif;
	color: #eac053;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}
.Content h4 {
	font: 18px AvantGarde-CondMedium, sans-serif;
	color: #666;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}
.Content p {
	font: normal 14px Arial, Verdana Helvetica, sans-serif;
	line-height: 18px;
	color: #666;
	margin: 3px 0px 10px 0px;
}
.Content td {
	font: normal 14px Arial, Verdana Helvetica, sans-serif;
	line-height: 18px;
	color: #666;
}
.Content th {
	font: bold 14px Arial, Verdana Helvetica, sans-serif;
	line-height: 18px;
	color: #666;
}
.Content a, .Content a:link, .Content a:visited {
	/*	font:normal 12px Arial, Helvetica, sans-serif;*/
	color: #eac053;
	text-decoration: none;
}
.Content a:hover {
	text-decoration: underline;
}
.Content ul {
	font: normal 14px Arial, Verdana Helvetica, Sans;
	line-height: 18px;
	color: #333;
	margin: 0px 0px 18px 5px;
	padding: 0px;
}
.Content li {
	color: #333;
	list-style: disc;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.Content li a, .Content li a:link, .Content li a:visited {
	color: #eac053;
	list-style: square;
	margin: 0px 0px 4px 0px;
}
.Content li a:hover {
	text-decoration: underline;
}
.artable {
	margin-bottom: 20px;
}
.artable td, .artable th {
	border: 1px solid #cccccc;
	padding: 2px;
}
/* ------------------------------------------------------------------------------------------------------ */ 

/* Border */
/* ------------------------------------------------------------------------------------------------------ */ 

.News h1 {
	font: 22px AvantGarde-CondBook, Arial, Sans;
	width: 170px;
	padding: 25px 15px 0px 35px;
	text-transform: uppercase;
	color: #3f56a9;
	background-image: url(../images/blog_balken.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.News h2 {
	font: 16px AvantGarde-CondBook, Arial, Sans;
	line-height: 16px;
	color: #3f56a9;
	padding: 8px 15px 3px 15px;
	margin: 0px;
}
.News h3 {
	font: bold 14px Arial, sans-serif;
	line-height: 16px;
	color: #3f56a9;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.News h4 {
	font: bold 12px Arial, sans-serif;
	line-height: 16px;
	color: #3f56a9;
	margin: 3px 0px 2px 0px;
}
.News p {
	font: 12px Arial, sans-serif;
	line-height: 16px;
	color: #353128;
	margin: 0px;
	padding: 0px 15px 3px 15px;
}
.News td {
	font: 12px Arial, sans-serif;
	line-height: 16px;
	color: #9bc3d9;
}
.News a, .News a:link, .News a:visited {
	font: normal 12px Arial, Sans;
	line-height: 16px;
	color: #3f56a9;
	text-decoration: none;
}
.News a:hover {
	color: #3f6055;
}
.News ul {
	font: normal 12px Arial, Sans;
	line-height: 16px;
	color: #9bc3d9;
	margin: 0px 0px 12px 15px;
}
.News li, .News li a, .News li a:link, .News li a:visited {
	font: normal 12px Arial, Sans;
	line-height: 16px;
	color: #3f56a9;
	list-style: disc;
	margin: 0px 0px 2px 0px;
}
.News li a:hover {
	text-decoration: underline;
}
.News hr {
	color: #FFF;
	margin: 0px 15px 0px 15px;
}
/* ------------------------------------------------------------------------------------------------------ */ 

/* footer */
/* ------------------------------------------------------------------------------------------------------ */ 
#Footer p, #Footer td {
	font: normal 14px AvantGarde-CondBook, Arial, sans-serif;
	line-height: 24px;
	color: #fff;
	margin: 0px;
}
#Footer a, #footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}
/* ------------------------------------------------------------------------------------------------------ */ 

/* Done */
/* ------------------------------------------------------------------------------------------------------ */ 
#Done p, #Done td {
	font: normal 11px Arial, Helvetica, Sans;
	color: #abaaaa;
}
#Done a, #Done a:link, #Done a:visited {
	color: #abaaaa;
	text-decoration: none;
}
#Done a:hover {
	color: #3f3f3f;
}
/* ------------------------------------------------------------------------------------------------------ */ 

/* Formular */
/* ------------------------------------------------------------------------------------------------------ */ 
input, textarea, select {
	font: normal 14px Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	background: #ffffff;
	padding: 1px;
	margin: 0px 0px 3px 0px;
}
/* ------------------------------------------------------------------------------------------------------ */

/* Partner */
/* ------------------------------------------------------------------------------------------------------ */ 
.bWrapper {
	display:inline-block;
	min-width:150px;
	min-height:150px;
	margin-right:10px;
	margin-bottom:10px;
	height:auto;
	background-color:#FFF;
	position:relative;
	
	-moz-box-shadow:    0 0 5px 2px #ccc;
  	-webkit-box-shadow: 0 0 5px 2px #ccc;
  	box-shadow:         0 0 5px 2px #ccc;
	behavior: url(/css/pie/PIE.htc);
}
.bWrapper:first-child {
	/*margin-left:0;*/
}
.bWrapper img.border {
	width: 100%;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
