@charset "UTF-8";

/* 
author: björn bippus brender
last modified: 2010|01|20
kulturkreis lahr
 */
/* @override http://kulturkreis/css/basic.css */
/* @group Hacks, Clearfix… */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearleft{
	display: block;
	clear: left;
	height: 0;
	background: url(../images/background/bg-container.jpg) repeat-y 0 0;
}

/* @end */

* {
	padding: 0;
	margin: 0;
}

html, body {
	margin:0;
	padding:0;
	color: #333;
	background-color: #fff;
	text-align: center;
	font: 75% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

/* @group boxes */

#wrapper {
	width: 950px;
	margin: 0 auto;
	
	}
	
	
#container {
	text-align: left;
	width: 950px;
	background: url(../images/background/bg-container.jpg) repeat-y 0 0;
}	


#head{
	width: 930px;
	background: url(../images/background/bg-head.jpg) no-repeat;
	height: 148px;
	padding-left: 20px;
}
#signet{
	width: 179px;
	height: 102px;
	float: left;
	display: inline;
	padding-right: 16px;	
}

#signet img a{
	border: none;
	
}
#signet h1{
	margin-left: -999em;
}


#kopfzeile {
	float: left;
	display: inline;
	padding-top: 10px;
	height: 90px;
	
}

#kopfzeile h2{
	margin-top: 0px !important;
	margin-left: -999em !important;
	display: none;
}

/* @group box */

#box{
	width: 861px;
	padding-left: 84px;
}
#box-top{
	height: 40px;
	background: url(../images/background/bg-box-top.jpg) no-repeat;
}
#box-content{
	
	background: url(../images/background/bg-box-content.jpg) repeat-y;
	padding-left: 36px;
	padding-top: 5px;
}
#box-bottom{
	background: url(../images/background/bg-box-footer.jpg) no-repeat;
	height: 48px;
	display: block;
}



/* @end */

/* @group Textcontent */

#textcontent{
	float: left;
	display: inline;
	width: 520px;
}

#textcontent .month{
	
	margin-top: 0;
	text-align: left;
	padding: 6px 4px 6px 8px;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
	width: 240px;
	
}

#textcontent .month h3{
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #414141;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

#textcontent .texte{
	margin-top: 12px;
	border-bottom: 1px solid #414141;
	margin-bottom: 20px;
	padding: 11px 20px 20px 8px;
}

#textcontent .text h2{
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 6px;
}

#textcontent .texte h3{
	font-size: 14px;
	
}

#textcontent .texte p{
	padding-left: 140px;
	margin-bottom: 14px;
}

#textcontent .text p{
	margin-bottom: 12px;
}

#textcontent .text{
	margin-top: 12px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 40px;
	}

#textcontent .text ul{
	
	list-style-type: none;
	
}

#textcontent .text li{
	
	list-style-type: none;
	font-size: 12px;
	line-height: 18px;
	margin-top: 11px;
	margin-bottom: 12px;
	list-style-image: url(../images/icons/square.gif);
	list-style-position: inside;
}



#textcontent .text h3{
	font-size: 11px;
	color: #222;
}

h3.abgesagt{
	background-color: #d40e0f !important;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
}

#textcontent .text h4, #textcontent .artist h4{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
}

#textcontent .preview{
	float: left;
	display: inline;
	padding-right: 12px;
	margin-top: 12px;
	padding-bottom: 20px;
	width: 120px;
}

#textcontent .shorttext{
	padding-left: 135px;
	margin-top: 12px;
padding-bottom: 5px;
}

#textcontent .info {
	font-size: 11px;
	color: #414141;
	margin-top: 20px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#textcontent .weiter {
	font-size: 11px;
	color: #414141;
	
}

/* My Comment */


#textcontent .artist{
	padding-right: 80px;
}

#textcontent .artist h3{
	background-color: #6a4f33;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #fff;
}
#textcontent .artist p{
	margin-bottom: 12px;
}

/* @end */





/* @group sidebar */

#sidebar {
	
	text-align: left;
	float: right;
	display: inline;
	padding-right: 6px;
	width: 260px;
}

#sidebar .top {
	height: 43px;
	background: url(../images/background/bg-nav-top.gif) no-repeat scroll 0 0;
}

#sidebar .middle{
	
	background: url(../images/background/bg-nav-middle.gif) repeat-y;
	padding-top: 20px;
}

#sidebar .bottom {
	height: 115px;
	background: url(../images/background/bg-nav-bottom.gif) no-repeat scroll 0 0;
}


/* @end */

/* @group navigation */
#nav {
	width: 200px;
	padding-left: 26px;
}

ul#nav  {
	list-style-type: none;
}

#nav li {
	
	color: #f0ebe5;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 20px;
	
}

#nav li a {
	
	color: #f0ebe5;
	background: url(../images/background/border-a.gif) no-repeat 0 bottom;
	padding-bottom: 8px;
	display: block;
	text-decoration: none;
}


#nav li a:hover, #nav li .current {
	background: url(../images/background/border-current.gif) no-repeat 0 bottom;
}



/* @end */









/* @end */

/* @group fonts */

h1, h2, h3, h4, li, p, a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

h1  {
	
}

h2  {
	
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-size: 11px;
	margin-top: 0;
	
}



p {
	font-size: 12px;
	line-height: 16px;
}

ul{
	margin: 0;
	padding: 0;
}

/* @end */

/* @group links */

a img {
	border: none;
}
:focus{
	outline: none;
}

a {
	color: #414141;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* @end */

/* @group footer */
#footer {
	width: 680px;
	background: url(../images/background/bg-footer.jpg) no-repeat left top;
	padding-top: 50px;
	text-align: left;
	padding-left: 270px;
}

#footer h3{
	
	
	font-size: 12px;
	font-weight: bold;
	float: left;
	display: inline;
	margin-top: 16px;
	padding-right: 34px;
}

#footer p{
	font-size: 11px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#footer a{
	color: #535353;
	text-decoration: none;
}




#footer .sponsoren {

}

#footer .sponsoren img{
	float: left;
	display: inline;
	padding-right: 10px;
}

#footer .sponsoren a img{
	border: none;
}


/* @end */



*/