/* CSS für www.kaos-duo.de
/* Copyright Gerhard Raichle 2007
/* 
/* Seitenmasse:
/*  Inhaltsbereich: 700 px
/*  12 px Rand (mit class gutter)
/*  main-Block für Hauptinhalt:
/*  Hintergrundfarbe Content: #C9AC70
/*  Hintergrundfarbe Sidebar: #B49D6D
/* blau: #0055CC
*/

@import url(kaosgroupletter.css);
@import url(kaosmusik.css);
@import url(kaosformular.css);
@import url(kaosgreybox.css);

body {
	padding: 0;
	margin: 0;
	font-size: small;
	font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: #000 url(kaos_pub.jpg) top no-repeat;
	color: #000;
}
body h1, h2, h3, h4, h5 {
color: #0055CC;
margin: 0;
padding: 0;
font-weight: normal;
}
body h1 {
font-size: 140%;
font-weight: bold;
margin: 0 0 24px 0px;
}
body h2 {
font-size: 100%;
font-weight: bold;
}
body h3 {
font-size: 80%;
font-weight: bold;
}
body hr {
color: 
width: 100%;
clear: both;
border: none;
border-bottom: 1px solid #8C7648;
}
body p {

}
body a {
text-decoration: none;
color: #880000;
}
body a:hover {
color: #880000;
text-decoration: underline;
}

body dt {
color: #0055CC;
font-weight: bold;
margin: 0;
padding: 0;
}
body dd {
margin: 0 0 0 8px;;
padding: 0;
}
body ul {
list-style-type: disc;
}
body li {
margin: 0 0 8px 0;
}

/****************************************************************************************/
p.bildunterschrift {
font-size: 85%;
padding: 0;
margin: 0px 0 12px 0;
}
#bandnavi {
list-style: none !important;
}

#container {
margin: 0 auto;
padding: 0;
width: 800px;
text-align: left;
background: #000;
}
.adressblock dd {
margin: 4px;

}
.flLeft {float:left;}
.flRight {float:right;}

.h2link {
color: #0055CC;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
}


#header {
float: left;
margin: 0;
padding: 0;
background: url("kaos_band_header.jpg") left top no-repeat;
height: 230px;
width: 100%;
}
#header img {
padding: 0;
margin: 0;
}

#cdheader h2 {
margin: 0 0 12px 0;
}
#content {
float: left;
background: url("kaos_content_top.gif")  top no-repeat #CDB37C; 
background: #CDB37C url("kaos_content_bg.gif") repeat-y 20px top; 
margin: 0;
padding: 0;
width: 100%;
/*min-height: 500px;*/
}
.infobox {
color: #000;
margin: 40px 0;
padding: 12px;
background: #E0C872;
border-right: 1px solid #757575;
border-bottom: 1px solid #757575;
}
.infobox h3 {
font-size: 100%;
}
#kaosradio {
float: right;
margin: 0 0 12px 0;
padding: 0;
width: 250px;
}
#main {
float: left;
margin: 0;
padding: 0;
width: 560px;
background: url("kaos_ecke_top_left.gif") no-repeat left top;
}
#main .gutter {
float: left;
margin: 0;
padding: 30px 40px;
}

#main p {
  margin: 4px 0 8px 0;

}


#rechts {
float: left;
margin: 0;
padding: 0;
width: 240px;
background: #B49D6D url("kaos_ecke_top_right.gif") no-repeat right top; 
}
#rechts .gutter {
float: left;
margin: 0;
padding: 30px 20px;
}
#rechts h2 {
margin: 4px 0 8px 0;
}
#rechts p {
font-size: 90%;

}
#rechts li {
margin: 0 0 8px 0;
}
#rechts li.active a {

font-weight: bold;
}
#navitop {
margin: 0;
padding: 0;
float: right;
}
#navitop ul {
list-style: none;
float: right;
margin: 0;
padding: 0;
}
#navitop li {
float: left;
}
#navitop a {
text-decoration: none;
float: left;
display:block;
margin: 0;
font-size: 110%;
font-weight: bold;
padding: 0 8px;
color: #CC0000;
}
#navitop a:hover {
text-decoration: underline;
background: transparent;

}
#navitop a.current {
	color: #000;
	background: #cc0000;
}
#footer {
clear: both;
height: 20px;
text-align: center;
font-size: 70%;
color: #CCCCCC;
padding: 0;
margin: 0;
background: url("kaos_footer_bg.gif") left top no-repeat;
}
#footer p {
margin: 2px 0;
}
#newslist {

}
#newslist p {
font-size: 0.85em;
padding: 0;
margin: 0 0 4px 0;
}
#newslist .teaser {
margin: 8px 0 12px 0;
}
#newslist .teaser a {
font-weight: bold;

}
#newslist .teaser span.newsdate {
font-family: verdana, sans-serif;
font-size: 0.8em;
color: #550000;
margin: 0;
padding: 0;
}
.newslist dt {
color: #660000;
font-weight: bold;
font-size: 85%;
margin: 4px 0 2px 0;
padding: 0;
}
.newslist dd {
font-weight: normal;
font-size: 85%;
color: #000;
margin: 0;
padding: 0;
}
#newsblock {
margin: 0;
padding: 0;
}
#newsblock h2 {
margin: 4px 0 0 0;
padding: 0;
color: #990033;
line-height: 1em;
}
#newsblock strong {
color: #0055cc;
}
.newsred {
color:#990033;
font-weight: bold;

}
.news {
margin: 12px; 0 0 20px;;
padding: 0;
font-size: 80%;
}
.news dt {
margin: 12px 0 0 0;
padding: 0;
color: #660000;
font-weight: normal;

}
.news img {
margin: 2px;
padding: 0;
float: left;
}
.newstitle {
color: #0055CC;
margin: 0;
padding: 0;
font-weight: normal;
font-stretch:expanded;
font-size: 110%;
}

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
}
.maillink {
padding: 0;
margin: 0;
}
.maillink img{
border: none;
padding: 0;
margin: 0;
}
#sidenavi {
margin: 0;
padding:0;
list-style: none !important;
}

#terminlist_mini {
list-style-type: none;
color: #660000;
font-weight: normal;
font-size: 85%;
margin: 4px 0 2px 0;
padding: 0;
}
#terminlist_mini li {
margin: 0 0 6px 0;
}

.terminblock {
margin: 0;
padding: 8px;
}
.terminblock_f {
margin: 0;
padding: 8px;
background: #D9BF8A;

}

.terminblock h2{
font-size: 1em;
width: 100%;
padding: 0px;
margin: 0;
}
.terminblock p, .terminblock_f p{
padding: 0px;
margin: 4px 0 0 0;

}
.toplink {
clear: both;
width: 480px;
margin: 4px 0 30px 0;
text-align: right;
/*border-top: 1px solid #000;*/
}
a.thickbox {
text-decoration: none;
border: none;
margin: 0;
padding: 0;
}
a.greybox img{
border: 2px solid transparent;
}
a.greybox img:hover{
border: 2px solid #CC0000;
}
/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify;}

#termintrenner {
border-top: 1px solid #000;
}

/* Magazinlayout */

	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

.galerieteaser {
float: left;
width: 120px;
height: 160px;
margin: 0 20px 24px 0;
}
.galerieteaser p {
font-size: 0.9em;
}
a.musekaterlink {
float: left;
color: #B49D6D;
background: none;
margin: 12px 0;
}
a.musekaterlink:hover {
}