/* Standard-CSS für www.klosterkonzerte.de */
/* allgemeine Angaben */

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, form, img, li {
   margin: 0;
   padding: 0;
   font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
   color: #000;
   
}

html, body, td, p {
   font-size: 14px;
   line-height:18px;
}

td {
vertical-align:top;
}

.red {
color: #960101; 
}

a:link {
   color: #000;
   text-decoration: underline;
}

a:visited {
   color: #000;
   text-decoration: underline;
}

a:hover {
   color: #000;
   text-decoration: underline;
}

a:active {
   color: #000;
   text-decoration: underline;
}

a.white:link {
   color: #FFE8CE;
   text-decoration: none;
}

a.white:visited {
   color: #FFE8CE;
   text-decoration: none;
}

a.white:hover {
   color: #FFE8CE;
   text-decoration: underline;
}

a.white:active {
   color: #FFE8CE;
   text-decoration: none;
}

.strong {
   font-weight:bold;
}

.normal {
   font-weight:normal;
}

.c {
   clear: both;
}

.center {
   text-align: center;
}

a img, a:link img { 
border: 0 none;
}

img {
border: 0 none;
}

.right {
   text-align: right;
}

.fleft {
float: left;
}

.fright {
float: right;
}

.top {
   vertical-align: top;
}

.bottom {
   vertical-align:bottom;
}

h1 {
   font-size: 22px;
   color: #A02D2E;
   padding: 4px 0px 8px 0px;
   line-height:24px;
}

h2 {
   font-size: 18px;
   color: #000;
   padding: 4px 0px 8px 0px;
   line-height:20px;
}

h3 {
   font-size: 16px;
   color: #000;
   padding: 4px 0px 4px 0px;
   line-height:18px;
}

h4 {
   font-size: 16px;
   color: #A02D2E;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   line-height:18px;
}

h5 {
   font-size: 14px;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   line-height:18px;
}

/* Ende allgemeine Angaben */

/* spezielle Angaben */

body { 
text-align:center; /* zentrieren fuer IE */
background:url(/img/bg.gif) #642B02;
background-repeat:repeat-x;
}  

#seitenposition {
text-align:left;  /* damit Text nicht automatisch durch body zentriert wird */
margin:auto;  /* zentrieren fuer alle ausser IE */
background-color: #fff;
background-repeat:repeat-y;
width:950px;
margin-top:20px;
position:relative;
}

#header {
background:url(/de/img/musikfestival-im-weltkultur.jpg) #fff;
background-repeat:no-repeat;
height: 267px;
width:950px;
}


#topnav {position:absolute; top:80px; margin:0; left:485px; width:420px; height:90px; list-style:none;}
    #topnav, #Content { list-style:none;}
	#topnav li, #Content li.unav {margin:0; padding:0; display:inline;}
	#topnav li a {
		display:block;
		float:left;
		height:18px;
		width:115px;
		padding-left:20px;
		margin-bottom:2px;
		background:url(/img/pfeil.gif) no-repeat center left;
		line-height:18px;
		color:#fff; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav li a.active,
	#topnav li a:hover {color:#f93; background-position:center right;}

	#Content li.unav a {
	    display:block;
		float:left;
		width:150px;
		padding-right:20px;
	 }
	
#navi { color:#fff; position:absolute; top:35px; margin:0; left:485px; height: 30px; }
#navi  a, #navi a:link, #navi a:active, #navi a:visited {
         color:#fff; text-decoration:none; text-transform:uppercase;
         font-family:Arial, Helvetica, sans-serif;
		 font-size:11px;
		 font-weight:bold;
		 white-space:nowrap;}
#navi a:hover {color:#f93;}

#Content li {
margin-left:40px;
}

#Content {
padding:20px;
}

#Content p {
margin: 8px 0px 8px 0px;
}

#Content p.pic {
padding: 0px 8px 8px 8px;
}

.musica
{
padding:6px;
background-color:#FFDAAF;
}

.main
{
padding:6px;
background-color:#FFE0BC;
}

.concerts
{
padding:6px;
}

.klein 
{
   font-size: 11px;
}

textarea, input {
border:0px;
font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color:#FFE8CE;
}

.submit {
background-color:#A02D2E;
color:#fff;
font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
height:20px;
width:80px;
}


//* konzerte 2011 *//

div.Con {
width:100%; 
background-color:#fff; 
float:left;
}
.ConStandard, .ConMusica, .ConSec, .ConVocal, .ConGrey {
float:left;
padding:10px;
font-size:15px;
margin-top:10px;
}
.ConBig {
font-size:19px;
}
.ConStandard {
background-color:#dcd2c6; 
}
.ConMusica {
background-color:#eae1c2; 
}
.ConSec {
background-color:#d8dde2;
}
.ConVocal {
background-color:#e0d0c9;
}
.ConGrey {
background-color:#dadada;
}
.ConDate {
float:left;
width:80px;
font-weight:bold;
}
.ConTime {
float:left;
width:140px;
}
.ConDateTime {
float:left;
width:220px;
font-weight:bold;
}
.ConTitel {
float:left;
width:460px;
}
.ConDetail {
float:left;
width:210px;
}
.ConDetail, .ConDetail a {
color: #A02D2E;
font-weight:bold;
text-decoration:none;
}
.ConDetail a.sacra {
color: #000;
}
.conSmall {
font-size:12px;
}
.Con h1 {
font-size:17px;
font-weight:bold;
text-transform:uppercase;
color:#063a76;
}

.Con h1 span.small {
font-size:14px;
}

.Con h2 {
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#000;
padding: 4px 0px 2px 0px;
}
.Con h3 {
font-size:13px;
font-weight:normal;
color:#333;
padding: 2px 0px 2px 0px;
}

.Con h1.sacra {
color:#b22a19;
}

.Con h1.sec {
color: #5a3261;
}



.ConData {
float:left; width:250px; 
padding: 20px 20px 10px 20px;
}
.ConData p {
color:#063a76;
}

.sacra p, .sacra a {
color:#b22a19;
}

.sec p, .sec a {
color: #5a3261;
}

.ConText {
float:left; width:560px; 
padding: 20px 20px 10px 20px;
}
.ConTextHalf {
width:260px;
float:left;
padding: 20px 20px 10px 20px;
}
.ConStandardBox {
padding: 10px 20px 10px 20px;
background-color:#dcd2c6;
margin-top:15px;
}

.ConText p, .ConTextHalf p {
text-align:justify;
}

.SacraBox {
background-color:#eae1c2; 
}

.SecBox {
background-color:#d8dde2;
}

.VocalBox {
background-color:#e0d0c9;
}

.GreyBox {
background-color:#dadada;
}

.ConBack {
clear:left;
padding: 10px 20px 10px 20px;
}

.ConLink {
clear:left;
padding: 10px 20px 0px 20px;
}

.ConBack a, .ConLink a {
text-decoration:none;
}