/* @override 
	http://www.judithvonhiller.de/typo3cms/fileadmin/template/formate_jvh.css
	http://www.judithvonhiller.de/fileadmin/template/formate_jvh.css
	http://judithvonhiller.de/fileadmin/template/formate_jvh.css
*/

@font-face {
    font-family: 'HelveticaNeueMediumCond';
    src: url('fonts/helvetica_67_medium_condensed-webfont.eot');
    src: url('fonts/helvetica_67_medium_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_67_medium_condensed-webfont.woff') format('woff'),
         url('fonts/helvetica_67_medium_condensed-webfont.ttf') format('truetype'),
         url('fonts/helvetica_67_medium_condensed-webfont.svg#HelveticaNeueMediumCond') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   border: 0;
   font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
   font-size:14px;
   font-weight:normal;
   line-height:22px;
   color: #6e6e6f;
}



html{ height: 100%; margin-bottom: 1px; }

body {
text-align: center;
background: #a4b7bf url(bilder/hg_body.jpg) no-repeat fixed;
}

html{ height:100%; }

#hg {
top: 0px;	
width: 100%;
position: fixed;
height: 98px;
background: url("bilder/hg_body.png") repeat-x scroll;
z-index: 0;
}

#content #liste ol,ul, li {	
list-style-position: inside;
list-style-image: none;
}

#content #liste ol ol {
margin-left: 0px;
}


#content .csc-textpic-text ul, #content .csc-textpic-textli{
list-style: none;	
padding-left: 1em;
text-indent:  -1em;
}

ol ol ol li {
margin-left: 1.4em;
}

#content div.csc-textpic-text ul li:before {
content: "\00BB \0020";
}

#content div.csc-textpic-text ul li {
margin-bottom: 8px;
}

p.csc-abstract, p.csc-searchResult {margin-bottom:16px;}

h1, h2, h4, span.presentmonth, .tx-cal-controller dl dt {
color: #8b9fa7;
font: 19px 'HelveticaNeueMediumCond';
letter-spacing: 0.03em;
}

h1 span {
display: none;
}

h1 {
padding-bottom: 11px;}

h2 {
padding-top: 15px;
padding-bottom: 0px;
}

h3, li.txthalbfett, dl dt.year {
font-weight:bold;
color: #636363;
}

h4 {
font-size:18px;
line-height:1.2em;
display:block;
margin:0;
border-bottom: 1px solid #000;
}

h5 {
font-size:13px;
font-weight:400;
line-height:1.2em;
display:inline;
margin:0;
}



/* link-definition */

#content a, .back {
color: #8b9fa7;
text-decoration:none;
}

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

 
/* ########### Spalten und Boxen */
#rahmen {
width: 950px;
overflow: hidden;
margin: 0 auto;
position: relative;
padding-bottom: 30px;
z-index: 0;
}


.kopf {
width: 889px;
height: 196px;
position: relative;
background: transparent url(bilder/kopf.jpg) no-repeat -5px -4px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: #fff solid 5px;
border-bottom: 0;
}
.kopf a{
text-decoration: none;
}
.kopf a span {
display: none;
}

#home {
display: block;
position: absolute;
top: 90px;
left: 570px;
width: 300px;
height: 70px;
}

#home span {
visibility: hidden;
}

#outer{
width: 899px;
margin-top: 30px;
background: rgba(254,255,254,0.93);
text-align: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.4);

}

.back{
line-height: 40px;
margin-left: 32px;
padding-left: 15px;
background: url(bilder/back_l.gif) no-repeat 0 3px;
}

#content{
text-align: left;
padding: 35px 45px 35px 42px;
#min-height: 300px;
height: 345px;
margin-bottom: 20px;
overflow: auto;
}

.content_element {
	margin-bottom: 22px;
}

#random {
margin-right: 35px;
}

#uber {
text-align: left;
margin: 32px 35px;
font-size: 16px;
}


#uber 


.bild {
float: left; 
width: 325px;
margin-bottom:20px;
}

/* Navigation */

.main {
height: 35px;
padding: 0px;
margin-top: 160px;
margin-right: 48px;
text-align: right;
	}
	

.main li {
display: inline;
}

.main li a {
font: 19px/26px 'HelveticaNeueMediumCond', Arial, sans-serif;
color: #fff;
text-decoration: none;
margin-left: 12px;
letter-spacing: 0.05em;
text-transform: uppercase;
}

.main li.act a, .main li a:hover {
background: url(bilder/act.gif) no-repeat center 29px;
padding-bottom: 12px;
}
	
	
	
/* ************* Extra-Menu-Definitionen ************ */

#foot {
position: relative;
color:#d4d0d0;
clear:both;
height:35px;
}

#metas, #tools {
position: relative;
font-size: 10px;
color:#8b9fa7;
}

#tools {
margin-right: 50px;
float:right;
z-index:2;
text-align:right;
}



#metas a, #tools a {
line-height: 15px;
font: 12px/30px 'HelveticaNeueMediumCond', Arial, sans-serif;
color: #9fb5bf;
color: #8b9fa7;
text-decoration: none;
text-align:right;

}

#metas a:hover, #tools a:hover {
color: #747474;
}

/* TEXTPIC */


.csc-textpic-lastcol, .onecscimg {
border: 1px solid #d2d2d2;
padding: 4px;
background-color: #fff;
}

.csc-textpic {
margin-bottom: 20px;
}


DIV.csc-textpic-imagewrap.csc-textpic-single-image img { 
margin-left: 20px;

}

/* Menu/Sitemap */

.csc-menu dd{
margin: 0px;
padding-bottom: 16px;
}

.csc-menu a{
color: #9fb5bf;
font: 15px/25px 'QuattrocentoRomanRegular', Times, Serif;
}

.csc-textpic-caption, .onecsc-textpic-caption {
padding: 2px 2px;
font-size:10px;
color: #7e7e7e;
text-align: left;
margin: 0;
line-height: 15px;
}

.onecsc {
width: 410px;
float: left;
}

.onecscimg {
width: 230px;
float: right;
}

#hull {
clear: both;
}

div.csc-textpic-clear {
clear: none;
}

 


/* #### KonzertTermine ####*/

div + dt.year {
padding-top: 25px;
}

div.konzert h4 {
border: 0;
}

div.konzert_titel  {
margin-left: 160px;
}

.konzert_termine {
width: 160px;
float: left;
}


div.konzert_description {
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	padding: 12px 0;
	padding-left: 160px;
	margin: 12px 0;
}

.tx-cal-controller dl dt {
	padding-bottom: 20px;
	background-color:transparent !important;
}


.tx-cal-controller dl .konzert {
border-bottom: 1px solid #bababa;
margin-bottom: 12px;
padding-bottom: 12px;
}


.tx-cal-controller dl.minilist .konzert {
border: 0;
margin: 0;
}


.minilist .konzert_termine {
width: 45px;
float: left;
}

.minilist .konzert_titel  {
margin-left: 45px;
}


#month-navigation {
border-bottom: 1px solid #f00;
margin-bottom: 10px;
padding-bottom: 6px;
border-color: #bababa;
height: 20px;
}

#month-header-prevnext {
width: 450px;
}



span.backlink, span.prevmonth {
background: url(bilder/click_back.gif) no-repeat 0 2px;
padding-left: 10px;
}

.news-list-morelink, span.more-link, span.nextmonth, .download  {
background: url(bilder/click_more.gif) no-repeat right 2px;
padding-right: 13px;}



span.presentmonth {
display: inline-block;
width: 160px;
padding: 0 0 0 0px;
font-size: 19px;
}

.prevnext {
float: right;
}

.prevnext .more-link {
margin-left: 20px;
}

span.prevmonth {
padding-right: 20px;
}