/* CSS Document */ 
/* konzerteinwinsen.de | S. Putensen, 25.Februar 2011 */
/* (LAYOUTLINE): border: dashed 1px #333; */

@charset 'utf-8';
@import url(reset.css);


/* //////////// HTML, BODY //////////// */

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

body { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#header { 
	height: 160px; 
	background: #8f010d repeat-x;
	border-top: solid 6px #FFF;
	border-bottom: solid 3px #FFF;
}


/* //////////// LOGO //////////// */
#wrapperlogo { 
	width: 978px;
	margin: 0 auto 0 auto;		
}

div#logo { 
	width: 337px; 
    height: 124px;
    margin: 20px 0px 7px 600px;
}


/* //////////// HEADER //////////// */

#wrapper { 
	background: #e8e8e8 repeat-x;
	width: 100%;
    height: auto;
    margin: 0 auto 44px auto;
}

#wrapperheader { 
	width: 978px;
	margin: 0 auto 0 auto;
}


#headerbild {
	width: 978px; 
	height: 184px; 
	border-bottom: solid 4px #8f010d;
}


/* //////////// CONTENT //////////// */
div#content {
	width: 978px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

div#left-col { 
	float: left;
	width: 300px;	
}

div#right-col {
	float: left;
	width: 650px;
	margin-left: 0px;
}

h1 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 22px;
	color: #a6081d;
}

h2 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 18px;
	color: #a6081d;
	margin-top: 6px;
	margin-bottom: -18px;
}

h3 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 16px;
	color: #a6081d;
	margin-bottom: -18px;
}

h4 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 14px;
	color: #a6081d;
	margin-top: 15px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #3c3c3c;
	margin-top: 25px;
}

a { 
	color: #a6081d;
	line-height: 20px;
	font-size: 12px;
} 

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* //////////// NAVIGATION //////////// */
div#navi { 
    clear: both;
	background: url(../img/nav.jpg) no-repeat;
	width: 216px;
	height: 289px;
	margin-top: 25px;

}

#navi ul{ 
	padding-top: 18px;
	list-style:none;
	
}

div#navi li { 		
	padding: 11px 0 11px 0;
}

div#navi a {	
	font-size: 13px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
	margin-left: 30px;
}

.navi-li-active { 	width: 215px;
	margin-left: 1px;
	font-weight: bold;	
	background: #a6081d repeat-x;
	border-top: solid 1px #bd515e;	
	border-bottom: solid 1px #bd515e;
}

#konzertbox {
	margin-top: 70px;
}

/* //////////// FOOTER //////////// */
div#footerline {
	clear: both;
	width: 980px;
	border-bottom: 2px solid #a6081d;
	margin: 0px auto 0px auto;
	margin-top: 50px;
}

div#footer { 
	width: 980px;
	margin: 0 auto 0 auto;
}

div#footer img{
	margin: 10px 25px 0px 0px;
}

div#links {
	float: right;
	margin: 10px 20px 0px 0px;	
}

div#links a {
	font-size: 13px;
	color: #3c3c3c;	
	text-decoration: none;	
}