/*  
KASSELER WELTMUSIKFESTIVAL 2011
KULTURZENTRUM SCHLACHTHOF KASSEK
Autor: Frederik Rettberg
*/

/*
----------------------------------------------------------------------------- 
ALLGEMEINES
-----------------------------------------------------------------------------*/

*{
	padding: 0;
	margin: 0;
	border: 0;
}


body {
	background-image: url(images/bg_body.gif);
	background-repeat: repeat;
}

.clear {
	clear: both;
}

img, a img {
	border: 0;
}

.hide {
	display: none;
}

#wrap {
	width: 790px;
	margin: 0 auto;
	margin-top: 150px;
}

#left {
	position: relative;
	float: left;
	width: 303px;
	height: 200px;
}

h1 span, h3 span, h4 span, h5 span, h6 span { display: none; }

h1 { 
	font: 2em Georgia, serif;
	color: #000;
}

span.bottom {

	border-bottom: 0px;
	float: right;
}

#right {
	position: relative;
	float: left;
	width: 450px;
	margin-left: 30px;
}

#right p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 20px 0;
	color: #201718;
	text-align: left;
}

#right p a:link, #right p a:visited {
	color: #01879b;
	text-decoration: none;
	border-bottom: 1px dotted #201718;
}

#right p a:hover {
	color: #2d2d2d;
	border-bottom: 1px dotted #201718;
	text-decoration: none;
}

/*
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/

#contentwrap {
	position: relative;
	float: left;
	width: 960px;
	min-height: 350px;
	margin: 20px 0 0 40px;
	padding-bottom: 40px;
}

#contentwrapstart {
	position: relative;
	float: left;
	width: 960px;
	margin: 0 0 0 30px;
	padding-bottom: 5px;
}
	
#maincol  {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 auto;
}

#maincol1 {
	position: relative;
	float: left;
	width: 440px;
	margin: 0 20px 0 0;
}

#maincol2 {
	position: relative;
	float: left;
	width: 440px;
	margin: 0 0 0 20px;
}

#maincol ul.programmvorschau, #maincol ul.newsandtickets  {
	list-style-type: none;
	float: left;
}

#maincol ul.programmvorschau li {
	width: 220px;
	height: 120px;
	float: left;
	margin: 0 5px 10px 5px;
	padding: 0;
	display: inline;
	border: 2px solid #fff;
}

#maincol ul.programmvorschau li a {
	width: 220px;
	height: 120px;
	display: block;
	text-decoration: none;
}

#maincol ul.programmvorschau li:hover {
	border: 2px solid #fff;
}

#maincol ul.newsandtickets  li {
	width: 455px;
	height: 120px;
	float: left;
	display: inline;
	padding: 0;
	margin: 30px 5px 30px 5px;
	background-color: #fff;
	border: 2px solid #0071bc;
}
#maincol ul.newsandtickets  li.programmheft {
	background-image: url(images/layout/programmheft.jpg);
} 

#maincol ul.newsandtickets h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	position:absolute; 
	bottom:40px; 
	left: 10px;
	padding: 0 3px 0 3px;
	font-style: italic;
	background-image: url(images/layout/bgp.png);
	background-repeat: repeat;
}

.date {
	position: absolute;
	top: 50px;
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 200px;
	color: #3f9bdd;
	left: 230px;
}

.titel { 
	position:relative;
}

.titel h2{
	position: absolute;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0071bc;
	background-color: #fff;
	top: 100px;
	left: 5px;
	z-index: 20; 
	padding: 0 3px 0 3px;
	font-style: normal;
}

.titel h2 a:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0071bc;
	background-color: #fff;
	text-decoration: none;
	font-style: normal;
}

.titel h2 span.light {
	font-weight: normal;
	padding-left: 3px;
}


iframe, object, embed {
	margin: 20px 0 20px 0;
}

/*
----------------------------------------------------------------------------- 
TYPO
-----------------------------------------------------------------------------*/



h2 {
	font: 1.8em Arial, Tahoma, Verdana, sans-serif; /*Georgia, "Times New Roman", serif;*/
	color: #0071bc;
	font-weight: bolder;
	font-style: italic;
	
}

h3 {
	font: 1.3em Arial, Tahoma, Verdana, sans-serif;
	color: #2d2d2d;
	line-height: 1.25em;
	margin: 0 0 5px 0;
	font-style: italic;
	clear: both;
	font-weight: bold;
	letter-spacing: 0.05em;
}
h3.small {
	font: 1.1em/1.4 Arial, Tahoma, Verdana, sans-serif;
	color: #2d2d2d;
	margin: 0 0 10px 0;
	font-style: italic;
	clear: both;
	letter-spacing: 0;
}

h4 { 
	font: 1.3em Georgia, "Times New Roman", serif;
	line-height: 1.25;
	color: #003960;
	font-weight: bold;
	font-style: italic;
	clear: both; 
}

h5 { 
	font-size: 1em; 
	font-weight: bold; 
}

h6 { 
	font-size: 1em; 
}

p.content {
	font: 1.1em/1.4 Arial, Tahoma, Verdana, sans-serif;
	margin: 10px 0 20px 0;
	color: #2d2d2d;
	text-align: justify;
}

p.content a:link, p.content a:visited {
	color: #2d2d2d;
	text-decoration: underline;
	font-style: italic;
}

p.content a:hover {
	color: #2d2d2d;
	font-style: italic;
	text-decoration: none;
}
p.headline {
	font: 2.2em Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
	font-style: italic;
}

p.subheadline {
	font: 1.6em Arial, Tahoma, Verdana, sans-serif;
	color: #2d2d2d;
	line-height: 1.25;
	margin: 0 0 8px 0;
	font-style: italic;
	text-align: left;
}

.trenner{
	border-top:1px #00879A solid;
	margin: 15px 0 0 0 ;
	padding: 0 0 15px 0;
	clear: both;
	width: 100%;
}

.trennerklein {
	margin: 5px 0 0 0 ;
	padding: 0 0 5px 0;
	clear: both;
	width: 100%;
}
.trennerblau{
	border-top:1px #0071bc solid;
	margin: 25px 0 0 0 ;
	padding: 0 0 20px 0;
	clear: both;
	width: 100%;
}
/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/

#footer {
	position: relative;
	float: left;
	width: 100%;
	height: 130px;
	background-image: url(images/layout/bg_footer.png);
	background-repeat: repeat-x;
	background-color: #ef402f;	
	text-align: center;
}

.contentfooter {
	position: relative;
	float: left;
	width: 940px;
	margin: 0 auto;
	padding: 50px 0 0 10px;
}

.contentfooter ul {
	list-style: none;
}

.contentfooter ul li{
	float: left;
	padding-left: 100px;
}

#sitemeta {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	text-align: left;
	background-color: #ef402f;	
}

#sitemeta p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #fff ;
	clear: both;
	font-size: 01em;
	padding: 0 0 0 110px;
}

#sitemeta p a {
	color: #fff;
	text-decoration: underline;
	border-bottom: 0;
}

#sitemeta p a:hover {
	color: #fff;
	text-decoration: none;	
}

/*
----------------------------------------------------------------------------- 
IMAGES
-----------------------------------------------------------------------------*/

img.wborder {
	padding: 3px;
	margin-bottom: 5px; 
	margin-right: 10px; 
	float: left;
	background-color: #003960;
}

a img.wborder {
	background-color: #003960;
}

a:hover img.wborder {
	background-color: #3b7ba7;
	text-decoration: none;
}

img.nborder, a img.nborder, a:hover img.nborder {
	padding: 3px;
	margin-bottom: 5px; 
	margin-right: 10px; 
	float: left;
	text-decoration: none;
}


/*
----------------------------------------------------------------------------- 
VERANSTALTUNGSINFO
-----------------------------------------------------------------------------*/

p.programminfo {
	font: 1em Arial, Tahoma, Verdana, sans-serif;
	line-height: 1.35em;
	padding-bottom: 10px;
	color: #2d2d2d;
} 

p.programminfo  a {
	color: #2d2d2d;
	font: 1em Arial, Tahoma, Verdana, sans-serif;
	text-decoration: underline;
	font-style: italic;
} 

p.programminfo a:hover{
	text-decoration: none;
	font-style: italic;
} 

/*
----------------------------------------------------------------------------- 
RUECKBLICK
-----------------------------------------------------------------------------*/

#rueckblick {
	float: left;
	margin-top: 10px;
}

#rueckblick ul { 
	width: 960px;
	float: left;
	list-style: none;
}

#rueckblick ul li {
	background-color: #fff;
	border: 1px solid #fff;
	float: left;
	padding: 5px;
	margin: 0 15px 15px 0;
} 

#rueckblick ul li:hover {
	background-color: #fff;
	border: 1px solid #0071bc;
	float: left;
} 

#rueckblick ul li a, #rueckblick ul li a:hover{
	text-decoration: none;	
}

#rueckblick ul li p {
	font: 1em Arial, Tahoma, Verdana, sans-serif;
	color: #2d2d2d;
	clear: both;
}

/*
----------------------------------------------------------------------------- 
Partner
-----------------------------------------------------------------------------*/
#partner {
	float: left;
	height: 100%;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

#partner ul {
	list-style: none;
}

#partner ul li{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
/*
----------------------------------------------------------------------------- 
HOVER BILDER STARTSEITE
-----------------------------------------------------------------------------*/

#maincol ul.programmvorschau li.corou {
	background-image: url(images/kuenstler/08_prevCorou_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.corou:hover {
	background-image: url(images/kuenstler/08_prevCorou.jpg);
}
#maincol ul.programmvorschau li.lesyeuax {
	background-image: url(images/kuenstler/08_prevLesYeux_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.lesyeuax:hover {
	background-image: url(images/kuenstler/08_prevLesYeux.jpg);
}

#maincol ul.programmvorschau li.aklid {
	background-image: url(images/kuenstler/09_prevAkliD_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.aklid:hover {
	background-image: url(images/kuenstler/09_prevAkliD.jpg);
}
#maincol ul.programmvorschau li.blerots {
	background-image: url(images/kuenstler/09_prevlesblerots_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.blerots:hover {
	background-image: url(images/kuenstler/09_prevlesblerots.jpg);
}
#maincol ul.programmvorschau li.akkordeon {
	background-image: url(images/kuenstler/12_prevakkordeonale_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.akkordeon:hover {
	background-image: url(images/kuenstler/12_prevakkordeonale.jpg);
}
#maincol ul.programmvorschau li.entrenous {
	background-image: url(images/kuenstler/13_preventrenous_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.entrenous:hover {
	background-image: url(images/kuenstler/13_preventrenous.jpg);
}
#maincol ul.programmvorschau li.puremelange {
	background-image: url(images/kuenstler/13_prevpuremelange_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.puremelange:hover {
	background-image: url(images/kuenstler/13_prevpuremelange.jpg);
}
#maincol ul.programmvorschau li.pariswash {
	background-image: url(images/kuenstler/14_prevpariswahsboard_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.pariswash:hover {
	background-image: url(images/kuenstler/14_prevpariswahsboard.jpg);
}
#maincol ul.programmvorschau li.watcha {
	background-image: url(images/kuenstler/15_prevwatchaclan_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.watcha:hover {
	background-image: url(images/kuenstler/15_prevwatchaclan.jpg);
}
#maincol ul.programmvorschau li.brel {
	background-image: url(images/kuenstler/16_prevphilippehuguet_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.brel:hover {
	background-image: url(images/kuenstler/16_prevphilippehuguet.jpg);
}
#maincol ul.programmvorschau li.vorwort {
	background-image: url(images/kuenstler/00_prevvorwort_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.vorwort:hover {
	background-image: url(images/kuenstler/00_prevvorwort.jpg);
}
#maincol ul.programmvorschau li.vvk {
	background-image: url(images/kuenstler/00_prevvvk_bw.jpg);
	width: 220px;
	height: 120px;
}
#maincol ul.programmvorschau li.vvk:hover {
	background-image: url(images/kuenstler/00_prevvvk.jpg);
}