html{
 text-align:center;
 padding:0;
 margin:0;
}

body {
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.8em; 
text-align : center; 
background-image : url(images/bg/bg_gitte-hg.gif); 
} 

.logo{
padding-top:8px;
	background: url(images/bg/bg-kulisse-grau.gif) repeat-x left top;
}
.logo img{padding-bottom:15px;}

#outerWrap{
  margin:auto;
  width:50em;
  text-align:center;
  border:5px solid #efefef;
}

#content_outer{
	margin:auto;width:64em;text-align:center;border:5px solid #efefef; overflow:hidden;
}

#contentContainer {
    width:98%;
	display:block;
	padding : 1%;
	border : solid 1px #cccccc;
	background-color : #ffffff;
	text-align : left;
	float:left;
	z-index:10;
	overflow:hidden;
}

.detailView{
	padding:1em;
	margin:1em 0;
	overflow:hidden;
	border: 1px solid #efefef;

}

img{
border:none;
} 

h1 {
margin-top : 0; 
margin-bottom : 0; 
font-size : 90%; 
text-align : center; 
} 

.monatUeb {
width : 98%;
display:block; 
background: #006633 url(images/bg/bg-h1-gruen.jpg) repeat-x left bottom;
text-align : left; 
margin-bottom : 5px; 
overflow:hidden;
padding:5px 1%;

} 
.monatUeb h2 {
	line-height:1.6em;
	vertical-align:middle;
	margin : 0;
	font-size : 120%;
	font-weight : bold;
	text-align : left;
	color : #ffffff;
	display:inline;
} 

.print {
position : absolute; 
top : 30px; 
right : 0; 
height : 100%; 
padding-left : 10px; 
padding-right : 10px; 
border-left : 10px solid #ffffff; 
background-color : #cccccc; 
} 
.outside {
position : absolute; 
left : -3000px; 
} 

caption {
position : absolute; 
left : -3000px; 
font-size : 0; 
color : #fff; 
} 
.unsichtbar {
display : none; 
} 
.gruen{color : #006633; }
.orange {color : #ff9900; } 

a {
color : #333333; 
} 


a:link, a:visited{
color : #333333; 
} 

a:hover, a:focus {
color : #ff9900; 
} 

a:active {
color : #990000; 
} 

li {
padding : 2px; 
margin-bottom : 1px; 
list-style-position : inside; 
list-style-image : url(images/pf_gruen.gif); 
} 
th h3 , h3, .h3EventTitle {
	padding : 5px 2px;
	font-size : 96%;
	font-weight : bold;
	color : #006633;
	margin : 0;
	margin-bottom : 1px;
	background-color : #efefef;
	text-align : left;
	background-image: url(images/bg/bg-h2-grau.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top:1px solid #e8e6e6;
} 

h3:hover {background-image: url(images/bg/bg-h2-grau-oben.jpg);background-position: left top;}

a.h3link:link, a.h3link:visited{
text-decoration:none;
color:#006633;
}

a.h3link:hover, a.h3link:active{
text-decoration:none;
color:#ff9900;
}

.error {
margin : 20px; 
padding : 20px; 
text-align : center; 
border : 1px solid #cccccc; 
} 
.uebDatum {
font-size : 80%; 
margin-top : 10px; 
} 

.uebDatumHeute {
font-size : 80%; 
margin-top : 10px;
color:#FFFFFF;
background-color:#006600;
 background-image: url(images/pf_orange.gif);
 background-position: left;
 background-repeat: no-repeat;
 text-indent: 10px;
} 

ul {
text-align : left; 
} 
.contentSmal , .smal {
font-size : 70%; 
} 
.monthNav {
margin-top : 5px; 
margin-bottom : 5px; 
padding-top : 5px; 
padding-bottom : 5px; 
width : 100%; 
font-size : 90%; 
color : #ff9900; 
text-align : center; 
} 
.monthNav a {
	padding : 1% 2%;
	background-color : #efefef;
	line-height : 250%;
	border-top : 1px solid #cccccc;
	border-left : 1px solid #cccccc;
	border-bottom : 1px solid #666666;
	border-right : 1px solid #666666;
	background-image: url(images/bg/bg-h2-grau.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
} 
.monthNav a:hover {
padding : 1% 2%; 
border-top : 1px solid #666666; 
border-left : 1px solid #666666; 
border-bottom : 1px solid #cccccc; 
border-right : 1px solid #cccccc; 
} 
.monthNav span {
padding : 1%; 
border : 1px solid #cccccc; 
background-color : #ffffff; 
} 
.smalLink {
font-size : 70%; 
margin-right : 2px; 
margin-left : 2px; 
padding-top : 1px; 
padding-right : 3px; 
padding-bottom : 1px; 
padding-left : 3px; 
margin-bottom : 2px; 
} 
.smalLinkOff {
font-size : 70%; 
color : #ff9900; 
margin-right : 2px; 
margin-left : 2px; 
padding-top : 1px; 
padding-right : 3px; 
padding-bottom : 1px; 
padding-left : 3px; 
} 
.uebGruen {
font-size : 90%; 
font-weight : bold; 
color : #006633; 
} 
.mainNav {
float : left; 
width : 45%; 
border : 1px solid #cccccc; 
margin : 1%; 
padding : 1%; 
font-size : 100%; 
} 
.mainNav a {
display : block; 
font-weight : bold; 
text-decoration : none; 
color : #333333; 
background-color : #efefef; 
} 
.bigLinkOff {
display : block; 
color : #006633; 
background-color : #cccccc; 
text-decoration : none; 
font-weight : bold; 
} 
p {
margin-top : 10px; 
margin-bottom : 10px; 
} 
#footer {
display:block; 
text-align : center; 
margin-top : 20px; 
padding : 5px; 
background-color : #efefef; 
border-top : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
border-bottom : 1px solid #666666; 
border-right : 1px solid #666666; 
text-align : center; 
overflow:hidden;
} 
.copyright{
width:100%;
margin-top:5px;
margin-bottom:5px;
text-align:right;
font-size:70%;
}
.clear {
clear : both; 
height : 1px; 
} 

.banner-container{
width:100%;
text-align:center;

}

.banner-container a{
display:block;
width:400px;
margin-top:10px;
margin-bottom:10px;
padding:10px;
border:solid 1px silver;
background-color:#ffffff;
}

.toTop, a.toTop:link, a.toTop:visited{
	border-bottom:1px solid #fff;
}

a.toTop:hover, a.toTop:active{
	border-bottom:1px solid #ccc;
	background-color:red;
}

.toolTip-orange{
	border-bottom: 1px dashed #FF9900;
	cursor: help;

}

.infoBlockSmal{
background:#efefef;
font-size:0.8em;
margin:5px;
padding:5px;
}

/*
	special foramts
*/
.detailView address{
margin: 0.5em 0;
padding-top:0.5em;
border-top:1px solid #efefef;
}

.detailView ul{
	margin: 0 0 1em 0.5em;
	padding-left:0;
}

/* link auf eventim 
div.ticketorder {margin-top:0.5em;}

a.ticketorder, #ticketID a, div.ticketorder a {
	border:1px solid #ccc;
	padding:5px;
	background-color:#efefef;
	
}

a.ticketorder:link, a.ticketorder:visited, #ticketID a:link, #ticketID a:visited,
div.ticketorder a:link, div.ticketorder a:visited{
	font-weight: bold;
	background: #efefef url(images/icon/icon-tickets.gif) no-repeat 5px center;
	padding-left: 29px;
	color: #FF9900;
	text-decoration: none;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;	
}

a.ticketorder:hover, 
a.ticketorder:active, 
#ticketID a:hover, 
#ticketID a:active, 
div.ticketorder a:hover, 
div.ticketorder a:active  {
	font-weight: bold;
	background: #f3f3f3 url(images/icon/icon-tickets.gif) no-repeat 5px center;
	padding-left: 29px;
	text-decoration: none;
	color: #999;
	border-top: 1px solid #666666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666666;	
}
*/

div.ticketorder {
	margin-top:0.5em;
	
	display:inline;
	overflow:hidden;
	height:32px !important;
	padding-right:0px;
}
div.ticketorder a{
	line-height:32px  !important;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #003366;
	padding:5px 15px;
	margin-left:0;
	background: #fdeab2 url(images/buttons/bg-ticket-verl.jpg) repeat-x left bottom;
	
	
	
	}



/* link auf routenplaner */
.anfahrt{
	padding-bottom:1em;
}


/* Quellenangabe, Info  p */
#infoQuelle{
 border-top:1px solid #efefef;
 margin-bottom:0;
 padding:0.5em 0 0 0;
}

/* special events */

h3.fassenacht, .detailView h3{
	background: none;
	padding-top:0px;
	border-top:none;
	font-size:1.2em;
}

.detailView h2,
.detailView h3,
.detailView h4{
	background: none;
	padding-top:0px;
	border-top:none;
	color:#333;
	margin: 0 0 0.25em;
}
