body { margin : 0; padding : 0; border : 0; }
hr { display : none; }

h1 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0 0 3px 0; }
h2 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0; }
h3 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0; }
h4 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0; }
h5 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0; }
h6 { font : bold 20px/135% "Times New Roman", Times, serif; color : #333; margin : 0; padding : 0; }
p { font : normal 12px/135% Verdana, Arial, sans-serif; color : #000; padding : 0 0 15px 0; margin : 0; }
a { font : normal 11px/135% Verdana, Arial, sans-serif; color : #8E8E8E; text-decoration : underline; }
a:HOVER { font : normal 11px/135% Verdana, Arial, sans-serif; color : #D20B00; text-decoration : none; }

#container { width : 900px; padding : 0 25px 0 25px; position : relative; margin : auto auto; background : url("pix/background.gif") repeat-y 0 0; }
#navigation { width : 882px; height: 36px;  margin : 0; padding : 0 9px 0 9px; border : 0; background : url("pix/bg_navigation.gif") repeat-x 0 0; }
#navigation li { display : inline; }
#navigation li a { display : block; height : 29px; padding : 7px 15px 0 15px; float : left; font : normal 14px/135% Verdana, Arial, sans-serif; color : #4B4B4B; text-decoration : none; background : url("pix/trenner_navigation.gif") no-repeat 0 8px; }
#navigation li a.first { background : none; }
#navigation li a.aktiv { font-weight: bold;  }
#navigation #haupt { float : left; margin : 0; padding : 0; border : 0; list-style-type : none; }
#navigation #sub { float : right; margin : 0; padding : 0; border : 0; list-style-type : none; }
#pferd { position : absolute; top : 47px; left : 560px; background : url("pix/pferd.gif") no-repeat 0 0; width : 327px; height : 354px; z-index : 1; }
#pferd2 { position : absolute; top : 43px; left : 610px; background : url("pix/pferd2.gif") no-repeat 0 0; width : 242px; height : 263px; z-index : 1; }
#container > #pferd { background : url("pix/pferd.png") no-repeat 0 0; }
#container > #pferd2 { background : url("pix/pferd2.png") no-repeat 0 0; }
#header { width : 900px; height : 191px; background : url("pix/bg_header.gif") repeat-x 0 0; position : relative; }
#header h1 { width : 229px; height : 51px; background : url("pix/headline.gif") no-repeat 0 0; position : absolute; left : 26px; top : 46px; margin : 0; padding : 0; border : 0; }
#header h2 { width : 600px; height : 66px; position : absolute; left : 67px; top : 138px; margin : 0; padding : 0; border : 0; }
#header2 { width : 900px; height : 140px; background : url("pix/bg_header2.gif") repeat-x 0 0; position : relative; }
#header2 h1 { width : 229px; height : 51px; background : url("pix/headline.gif") no-repeat 0 0; position : absolute; left : 26px; top : 28px; margin : 0; padding : 0; border : 0; }
#header2 h2 { width : 600px; height : 66px; position : absolute; left : 67px; top : 83px; margin : 0; padding : 0; border : 0; }
#footer { width : 900px; height : 63px; background : url("pix/bg_footer.gif") repeat-x 0 0; position : relative; }
#footer h1 { width : 326px; height : 17px; padding : 0; border : 0; background : url("pix/headline_footer.gif") no-repeat 0 0; margin : 0 auto 0 auto; position : relative; top : 23px; }
#footer a { position : absolute; top : 25px; left : 732px; color : #000; text-decoration : none; font-size : 12px; }
/* #footer .anschrift { font : normal 12px/135% Verdana, Arial, sans-serif; color : #fff; padding : 0; margin : 0; position : absolute; left : 732px; top : -75px; } */
#content .spalte2 .anschrift { font : normal 12px/135% Verdana, Arial, sans-serif; color : #fff; padding : 0; margin : 15px 0 0px 25px; position:absolute; bottom: 65px;  }
#content { background : url("pix/bg_spalte2.gif") repeat-y 100% 0; padding : 0 0 25px 23px; margin : 0; }
#content .spalte1 { width : 697px; float : left; padding : 25px 0 0 0; }
#content .spalte1 .spalte1a { width : 315px; float : left; padding : 0 30px 0 0; }
#content .spalte1 .spalte1b { width : 310px; float : left; padding : 0 42px 0 0; }
#content .spalte1 .spalte1b img { display : block; margin : 0; padding : 0; border : 8px solid #E9E9E9; }
#content .spalte2 { width : 180px; float : right; padding : 0; margin : 0;}

#content .spalte2 ul.kontext { list-style-type: none; border-top : 180px solid #D2D2D2; border-bottom : 1px solid #fff;  margin : 0 0 70px 0;  padding : 0; list-style-type : none; background : #D2D2D2 url("pix/bg_kontext.gif") repeat-x 0 100%; }

#content .spalte2 ul.kontext li {position: relative; display: inline;}
 
#content .spalte2 ul.kontext li a { display : block; width : 154px; margin : 0; padding : 5px 13px 7px 13px; border-top : 1px solid #fff; font : normal 14px/135% Verdana, Arial, sans-serif; color : #4B4B4B; text-decoration : none; }
#content .spalte2 ul.kontext li a:HOVER { background : #AFAFAF; color : #4B4B4B; }
#content .spalte2 ul.kontext li a.aktiv { background : #AFAFAF; font-weight : bold; color : #4B4B4B; }

#content .spalte2 ul.kontext li:HOVER ul  { display: block; }

#content .spalte2 ul.kontext li ul {  display: none; width: 250px; list-style-type: none; position: absolute; top: 1px; right: 100%; border: 0px; padding: 5px; margin: 0px; background: none; background-color: #aeaeae; }
#content .spalte2 ul.kontext li ul li { padding: 0px; margin: 0px; }
#content .spalte2 ul.kontext li ul li a { width: auto; padding: 3px 0 5px 4px; border: 0px; font : normal 13px/135% Verdana, Arial, sans-serif;}
#content .spalte2 ul.kontext li ul li.parent10 a { font-style: italic; }
#content .spalte2 ul.kontext li ul li a:HOVER { background-color: #FFF; }

#content .spalte2 ul.navi2 {  list-style-type: none; background-color: #d2d2d2; padding: 0px; margin: -40px 0 60px 0;  }
#content .spalte2 ul.navi2 li { margin-left: 15px; padding-left: 15px;  background: url('pix/pfeil.gif') 0 7px no-repeat; }

#textblock_startseite { margin : 0; padding : 20px 0 20px 0; }
#textblock_startseite p { font : normal 11px/135% Verdana, Arial, sans-serif; color : #000; width : 600px; margin : 0; padding : 0 26px 0 0; float : left; }

#newsblock_startseite { width : 420px; margin : 0; padding : 0; float : left; }
#newsblock_startseite .news { padding : 0 0 40px 0; }
#newsblock_startseite .news p { padding : 0 0 7px 0; }
#newsblock_startseite .news img { display : block; border : 7px solid #E6E6E6; float : left; width : 150px; margin : 0 15px 0 0; }
#newsblock_startseite .news .text { float : left; width : 226px; padding : 0 15px 0 0; }

#newsblock_startseite .csc-textpic { padding : 0 0 40px 0; }
#newsblock_startseite .csc-textpic-text p { padding : 0 0 7px 0; }
#newsblock_startseite img { border : 7px solid #E6E6E6; margin: 0px; padding: 0px;  }
#newsblock_startseite .csc-textpic-text { width : 211px; padding : 0 15px 0 15px; }


.invisible { display : block; width : 1px; height : 1px; margin : 0 0 0 -999em; overflow : hidden; }
.cb { display : block; width : 1px; height : 1px; margin : -1px 0 0 -1px; padding : 0; clear : both; overflow : hidden; }
.h_startseite { display : block; width : 518px; height : 56px; margin : 0; padding : 0; border : 0; background : url("pix/headline_startseite.gif") no-repeat 0 0; }
.h_orgel { width : 538px; height : 54px; border : 0; margin : 0; padding : 0 0 20px 0; display : block; background : url("pix/h_orgel.gif") no-repeat 0 0; }
.h_initiative { background : url("pix/h_initiative.gif") 0 8px no-repeat; }
.h_nachwuchsf { background : url("pix/h_nachwuchsf.gif") no-repeat 0 0; }
.img { font-style : italic; }


#page_content dl dt a { font: bold 12px/135% Verdana, Arial, sans-serif; }
#page_content dl dd { font: normal 11px/135% Verdana, Arial, sans-serif; margin: 0 0 10px 0;}
#page_content { padding: 0 40px 0 0; }

/* PUBLIKATIONEN */
#publikation h1.headline { font: bold 12px/135% Verdana, Arial, sans-serif; }
#publikation .description, #publikation  .abstract { font: normal 11px/135% Verdana, Arial, sans-serif; margin-bottom: 10px; }

/* SECOND NAVI OBEN LINKS */	
#navigation #haupt li ul.second { background-color: #afafaf;   position: absolute; margin: 25px 0 0 0px; z-index: 500; padding: 0 0 0 10px; left: 25px;}
#navigation #haupt li ul.second li a { height: 20px; font : normal 13px/135% Verdana, Arial, sans-serif; background: none; color: #000; }	
#navigation #haupt li ul.second li a.aktiv { font-weight: bold; }

.csc-textpic-caption { color: #8E8E8E; }

#content .spalte1 table.csc-uploads { margin: 0 0 15px 0;}
#content .spalte1 table.csc-uploads tr { margin: 0px; padding: 0px;}

#content .spalte1 table.csc-uploads tr td { height: 20px; margin: 0px;  }
#content .spalte1 table.csc-uploads tr td p {  margin: 0px; padding: 0px; }
#content .spalte1 table.csc-uploads tr td.csc-uploads-icon { width: 25px;  }
#content .spalte1 table.csc-uploads tr td.csc-uploads-icon img { padding: 0px; margin: 0px;  }

#content .spalte1 table.csc-uploads tr td.csc-uploads-fileName { width: 300px; height: 16px; size: 12px;}
#content .spalte1 table.csc-uploads tr td.csc-uploads-fileName a { text-decoration: none; font : bold 12px/130% Verdana, Arial, sans-serif;  color: #68686F; }
#content .spalte1 table.csc-uploads tr td.csc-uploads-fileName a:hover { text-decoration: underline; }
#content .spalte1 table.csc-uploads tr td.csc-uploads-fileSize { font : bold 0.7em/100% Verdana, Arial, sans-serif; color: #68686F; }

#content .tx-fdfx2cols-pi1 .spalte1a { width : 280px; float : left; padding : 0 30px 0 0; }
#content .tx-fdfx2cols-pi1 .spalte1b {width : 280px; float : left; padding : 0 42px 0 0; }



/**
 FORMULARE
 **/
 p.form_zeile {padding: 2px 50px 2px 0;clear:both;}
 .form_zeile label { font : bold 12px/135% Verdana, Arial, sans-serif; color : #000; margin: 0; padding : 0; }
 .textfeld { width: 450px; border: 1px #68686F solid; color: #000; padding-left: 2px; float: right; margin-bottom: 2px; }
 p.form_zeile input.small { width: 40px;}
 p.form_zeile input.medium { width: 200px;}
 p.form_zeile input.rechts { margin-left: 6px;}
 div.mailformular p { color : #004696; }
 
 select { color:#000; width:240px; border: 1px solid #68686F; text-align: left; margin: 0 ; padding: 1px;}
 .form_zeile label { display: block; width: 100px; height: 25px; float: left; }
 label.small { width: 100px; display: block; float: left; height: 20px; }
 label.wide { width: 350px; }
  input.checka { float: left; }
  .checkbox { float: left; margin-bottom: 2px; }
 .textarea {  width: 450px; border: 1px #68686F solid; color: #000; padding-left: 2px; float: right; margin: 2px 0 0 0; }
 input.submit { background-color: #68686F; border: 0; color: #fff;
width: 134px; height: 25px; padding:0;margin:0 0 0 152px; cursor:pointer;}

.csc-mailform-label { font : bold 12px/135% Arial, Verdana, sans-serif; color : #004696; margin: 0 0 10px 0; padding : 0; }