body {
	font-family:Trebuchet,Tahoma,Verdana,Futura,Helvetica,Arial,sans-serif;
	font-size: 12px;
	background-image: url(img/body-bg.gif);
}

a:link    { font-weight:bold; color:#001188; text-decoration:none }
a:visited { font-weight:bold; color:#003366; text-decoration:none }
a:hover   { font-weight:bold; color:#ddddff; text-decoration:underline }
a:active  { font-weight:bold; color:#ddddff; text-decoration:underline }
a:focus   { font-weight:bold; color:#000044; text-decoration:underline }

#container {
	width: 800px;
	margin: 10px auto;
	background-color: #008fd8;
	background-image: url(img/container-bg.gif);
	background-repeat: no-repeat;
	/* border: 1px solid #ff0; */
	border-right: 1px solid #444;
	border-left:  1px solid #000;
	border-top:   1px solid #000;
}
 
#top {
	width: 800px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	/* border-bottom: 1px solid #333; */
}

#top h1 {
	display: none;
}
 
#leftnav {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
	padding-top: 100px;
}
 
#content {
	margin-left: 280px;
	padding: 2em;
	font-size: 12px;
}

#content h1 {
	text-align: right;
	font-size: 25px;
	color: white;
	margin-bottom: 0px;
	border-bottom: 1px solid #33aff8;
}

#content h1.bandtitle {
	text-align: right;
	font-size: 20px;
	color: white;
	margin-bottom: 0px;
}

#content h2 {
	text-align: right;
	font-size: 12px;
	color: black;
	/*border-top: 1px solid #33aff8;*/
	padding-top: 3px;
}

#content h3 {
        text-align: right;
        font-size: 14px;
        color: white;
        margin-bottom: 10px;
        margin-top: 30px;
        border-bottom: 1px dotted #33aff8;
}


#content p {
	text-align: justify;
        /* background-color: #33aff8; */
}
 
#footer {
	clear: both;
	margin: 0;
	padding: 2px;
	color: #ffffff;
	background-color: #333;
	border-bottom: 1px solid #444;
	text-align: right;
}

#footer a { color: #fff; text-align: right;} 

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
 

/* ~~~~~~~~~~~~~~~~~~~~~~ Hauptnavigation ~~~~~~~~~~~~~~~~~~~~~~~ */

#leftnav ul {
	margin: 0;
	margin-left:  30px;
	margin-right: 30px;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}
 
#leftnav li { margin: 3px; }
 
#leftnav a {
	display: block;
	padding: 5px 10px;
	width: 220px;
	color: #fff;
	/* background-color: #ADC1AD; */
	text-decoration: none;
	border: 1px solid #33aff8;
	font-weight: bold;
	font-size: 14px;
}

#navlistactive a {
 	background-color: #33aff8;
}
 
#leftnav a:hover {
 	border: 1px solid #fff;
}
 
#leftnav ul ul li { margin: 0; }
 
#leftnav ul ul a {
 	display: block;
 	padding: 5px 5px 5px 30px;
 	color: #000;
 	background-color: #C5D8C5;
 	text-decoration: none;
 	font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Subnavigation ~~~~~~~~~~~~~~~~~~~~~~ */

#subnav {
	float: left;
}

#subnav a {
	font-weight: bold;
 	text-decoration: none;
	color: white;
	background-color: #33aff8;
	padding: 0px 10px;
}

#subnav a:hover {
 	color: black;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bands ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bands_so {
	float: right;
	width: 240px;
	border-left: 1px solid #33aff8;
	margin-left: 10px;
}
#bands_so ul { 
	margin: 0px;
	padding: 10px;
	list-style-type: none;
}
#bands_so li {
	text-align: left;
	font-size: 14px;
	padding: 5px;
}


#bands_sa {
	/* float: right; */
	/* display: table-cell; */
	/* width: 40%; */
}
#bands_sa ul {
	margin: 0px;
	padding: 10px;
	list-style-type: none;
}
#bands_sa li {
	text-align: right;
	font-size: 14px;
	padding: 5px;
}


#bandimg {
	float: right;
	padding-left: 10px;
	padding-bottom: 2px;
}

#bandsitelink {
	/* float: right; */
        margin-bottom: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Zeitplan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.plan_so {
        float: right;
        width: 240px;
        border-left: 1px solid #33aff8;
        margin-left: 10px;
}

div.plan_so ul { 
        margin: 0px;
        padding: 10px;
        list-style-type: none;
}
div.plan_so li {
        text-align: left;
		text-indent: -3.5em;
		margin-left: 3.5em;
        font-size: 12px;
        padding: 2px;
}


div.plan_sa {
        /* float: right; */
        /* display: table-cell; */
        /* width: 40%; */
}
div.plan_sa ul {
        margin: 0px;
        padding: 10px;
        list-style-type: none;
}
div.plan_sa li {
        text-align: right;
        font-size: 12px;
        padding: 2px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Staende ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#staende_r {
	float: right;
	padding: 10px;
	border-left: 1px solid #33aff8;
	margin-left: 10px;
}

#staende_l {
	text-align: right;
	margin-right: 10px;
	padding: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Impressionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#kkimg {
	margin-left: auto;
	margin-right: auto;
}

#kkimg div {
	float: right;
}

#kkimg img {
	border-top: 1px solid #33aff8;
}

#kkimg a {
	font-weight: bold;
 	text-decoration: none;
	color: white;
	background-color: #33aff8;
	padding: 0px 10px;
}

#kkimg a:hover {
 	color: black;
}