/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#f7f7f7;
	text-align:center;
	min-width:1000px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		line-height:1.3846em;
		color:#555555;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#333333; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 9px; padding-left:12px; line-height:1.8462em;}
li a {color:#00b3e7; text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 12px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

#imgcapt {font-size: 0.85em; color: #666666; padding: 5px; background: #f4f4f4;}

.extra {background:#fff;}

h2 {color:#292929; text-transform:uppercase; line-height:1em; padding-bottom:14px}
h2 strong {font-weight:normal; color:#00b3e7; text-transform:none; display:inline-block; background:url(images/h2-bg.gif) right 5px no-repeat; padding-right:11px;}

h3 {background:#292929; margin-top:24px;}
h3 strong {display:block; margin-bottom:18px;}
h3 strong strong {width:100%; font-weight:normal; color:#fff; font-size:1.0769em; line-height:1.2em; text-transform:uppercase; padding:12px 0 0 0px; height:29px;}
h3 span {display:inline-block; padding-left:15px; margin-right:5px;}
/* ============================= header ====================== */
#header {background: url(images/header.jpg);}
.header-left {}
.header-right {}

.logo {float:left; padding:7px 0 0 17px;}
.logo img {margin-right: 40px;}
.logo .lang {margin-left: 10px; margin-right: 0; padding-top: 25px;}
.header-col {float:right; text-align:right;}

.header-link {padding:5px 24px 0 0; color:#fff; height:20px;}
.header-link a {font-size:0.76em; color:#fff; text-decoration:none; text-transform:uppercase; display:inline-block;}
.header-link a:hover {text-decoration:underline;}

.menu {padding:9px 0 0 16px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {background:none; padding:0px; line-height:1.2em; float:left; margin-right:1px; font-size:1.076em;}
.menu li a {color:#fff; text-decoration:none; display:block; width:94px; background:url(images/menu-a-bg.png) left top no-repeat; height:20px; padding:8px 0 4px 0; text-align:center;}
.menu .active a {background:url(images/menu-a-active.png) left top no-repeat; color:#000; text-decoration:none;}
.menu li a:hover {background:url(images/menu-a-hover.png) left top no-repeat; color:#000; text-decoration:none;}
.menu .first {margin-right:2px;}

* html .menu li a {height:25px;}
/* ============================= content ====================== */
.indent {padding:38px 0 57px 0;}

.col-pad {padding-right:42px;}
.col-pad1 {padding-right:32px;}
.col-pad2 {padding-right:3px;}

.weather {padding:13px 0 28px 0;}
.weather img {margin-right:48px;}
.weather .last {margin-right:0px;}

.title {background:url(images/title-bg.gif) left 6px no-repeat; padding:0 0 7px 8px; border-bottom:1px solid #e0e0e0; margin-bottom:12px;}
.title a {text-decoration:none;}
.title a:hover {text-decoration:underline;}
.title span {text-transform:uppercase; color:#636363;}

.none {margin-bottom:0; border:none;}

.title1 {color:#000; font-size:1.846em; line-height:1.25em; display:block;}

.title2 {color:#292929;}

.title3 {color:#004c8d; font-size:1.076em; display:inline-block; padding-bottom:2px;}

.teaser {float: left; text-align: justify; width: 470px;}

.pad {padding-top:14px;}
.pad1 {padding-top:10px;}
.pad2 {padding-top:8px;}
.pad3 {padding-top:29px;}
.pad4 {padding-top:20px;}
.pad5 {padding-top:6px;}

.link {text-decoration:none; display:inline-block; margin-top:10px;}
.link:hover {text-decoration:underline;}

.img {text-transform:uppercase; color:#b9b9b9; font-size:0.769em; padding:15px 0 26px 0px;}
.img img {margin:8px 9px 0 0;}
.img .last {margin-right:0px;}

.gallery {margin-bottom:0px; padding: 12px; border: 1px solid #e0e0e0; background: #f4f4f4;}
.gallery img {margin:0 16px 0 0}
.gallery .last {margin-right:0px;}

.facebook{}

.poll {padding-bottom: 20px;}

.artist {padding-bottom:20px;}

.lvideo {padding-bottom:10px;}

.music {padding-bottom: 20px;}

.link1 {color:#004c8d; font-size:1.076em; text-decoration:none; display:inline-block; padding-top:10px;}
.link1:hover {text-decoration:underline;}

.link2 {color:#292929; font-weight:bold; text-decoration:none; display:inline-block; padding-top:8px;}
.link2:hover {text-decoration:underline;}
.null {padding:0;}

.link3 {text-decoration:none;}
.link3:hover {text-decoration:underline;}

.news a {text-decoration:none;}
.news a:hover {text-decoration:underline;}

.h-margin {margin-top:32px;}

.h-pad {padding-top:24px;}
.h-pad1 {padding-top:10px;}

.popular {background:url(images/tabbar1.png);}

.pagination {height: 20px; background: #f4f4f4; border-top: 1px solid #e1e1e1; padding: 5px; margin-top: 20px;}

.pagination .right{float: right;}
.pagination .left{float: left;}
.pagination .left img{float: left; margin-right: 10px;}

#file {padding: 5px; background: #f4f4f4; color:#004c8d; width: 300px; margin: 0 5px 0 5px; text-decoration:none;}
#file img{padding-right:5px;}

.titlesub{background: #f4f4f4; border-top: 1px solid #e1e1e1; padding: 5px; margin: 10px 0 10px 0;}

/* ============================= video&image ====================== */
.mediabox_small {width: 318px; background: #f4f4f4; margin-top: 10px;}
.mediabox_small img {float: left; padding: 4px; border: 1px solid #e1e1e1; background: #ffffff;}
.mediabox_small .caption{float: left; width: 318px; padding: 4px 4px 8px 4px; font-size: 0.9em; color: #333}
.links {float: left; margin-right: 10px;}
.rechts {float: right; margin-left: 10px;}
.mediabox_small .file{float: left; width: 270px; padding: 4px 8px 8px 40px; font-size: 0.9em; color: #333}
.mediabox_small .file a{height: 32px;}
.pdf {background: url(images/pdf.png) 5px 8px no-repeat;}
.pdf2 {background: url(images/file.png) 5px 8px no-repeat;}
.mediabox_big {float: left; width: 650px; background: #f4f4f4; margin-top: 10px; margin-bottom: 10px;}
.mediabox_big img {float: left; padding: 4px 3px 4px 3px; border: 1px solid #e1e1e1; background: #ffffff;}
.mediabox_big .caption{float: left; width: 640px; padding: 4px 4px 8px 4px; font-size: 0.9em; color: #333}

/* ============================ footer ====================== */
#footer {width:980px; margin:0 auto; border-top: 1px solid #e1e1e1; color:#292929; text-transform:uppercase;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.policy {float:left; padding-top:10px;}

.socials {float:right; padding:5px 0px 0 0;}
.socials img {margin-left:6px;}
/* ============================= forms ============================= */
#SearchForm {padding:4px 23px 0 0; text-align:right; color:#fff;}
#SearchForm label {background:url(images/input-bg.png) right top no-repeat; height:32px; display:inline-block; vertical-align:top; margin-right:-4px;}
#SearchForm .input {width:185px; border:none; padding:8px 1px 8px 10px; font-size:0.91em;  vertical-align:top; color:#000;  background:none; line-height:1.2037em; margin:0 5px 0 5px;}
#SearchForm input {vertical-align:top;}

#VoteForm {color:#292929; padding-top:16px;}
#VoteForm label {display:block; height:28px}
#VoteForm .right {font-size:1.076em; text-align:right;}
#VoteForm .right a {text-decoration:none;}
#VoteForm .right a:hover {text-decoration:underline;} 

#ContactForm label {height:30px; display:block;}
.alignright {text-align:right;}
#ContactForm .input {width:175px; border:1px solid #FFFFFF; background:#e9e9e9; padding:3px 0 2px 5px; font-size:1em; line-height:1.243em;}
textarea {width:175px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ========================== tabs ===================== */
.tabbar{
	float: left;
	width: 308px;
	height: 33px;
	background: url(images/tabbar.png);
	font-weight:normal;
	color:#fff;
	font-size:1.0769em;
	line-height:1.2em;
	text-transform:uppercase;
	padding:8px 0 0 0px;
	margin-top:24px;
	margin-bottom:18px;
}

.tabbar span {display:inline-block; padding-left:15px; padding-top: 5px; margin-right:5px;}

#new {
	margin-bottom: 10px;
	float: left;
}

#new ul.tabs{
	float: left;
	width: 308px;
	height: 33px;
	background: url(images/tabbar.png);
	font-weight:normal;
	color:#fff;
	font-size:1.0769em;
	line-height:1.2em;
	text-transform:uppercase;
	padding:8px 0 0 0px;
	margin-top:0px;
	margin-bottom:18px;
}

#new ul.tabs li{
	float: left;
	background: none;
	padding:0;
}

#new ul.tabs li a{
	padding: 0 5px 0 10px;
	text-decoration: none;
	background: none;
	font-weight: normal;
	color: #ffffff;
}

#new ul.tabs li a.selected {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#new span{
	float: left;
	border-top: 0;
}

#upcoming {
	margin-bottom: 10px;
	float: left;
}

#upcoming ul.tabs{
	float: left;
	width: 308px;
	height: 33px;
	background: url(images/tabbar.png);
	font-weight:normal;
	color:#fff;
	font-size:1.0769em;
	line-height:1.2em;
	text-transform:uppercase;
	padding:8px 0 0 0px;
	margin-top:0px;
	margin-bottom:18px;
}

#upcoming ul.tabs li{
	float: left;
	background: none;
	padding:0;
}

#upcoming ul.tabs li a{
	padding: 0 5px 0 10px;
	text-decoration: none;
	background: none;
	font-weight: normal;
	color: #ffffff;
}

#upcoming ul.tabs li a.selected {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#upcoming span{
	float: left;
	border-top: 0;
}

/* contact form */

	#form5{
		margin: 0 0 1em 0;
		
		}
	#form5 fieldset{
		margin:0;
		
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:120px;
		display:block;
		text-align:left;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}	
	
	
	#form5 input#name{background:#fff url(images/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(images/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(images/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(images/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		width: 480px;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 130px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border:0;
		background:url(images/send_btn.png) no-repeat;
		padding:0 10px 0 30px;
		color:#ffffff;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		}				

/* // contact form */