/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  css modified by peperoni werbeagentur / toni mamic
**
*/

/*-------------------------------------------------------------------
--- HEADER und HAUPTNAVIGATION ---
-------------------------------------------------------------------*/

#headline {
/*
 background:url(images/headlinebg.gif) 0 .063em no-repeat;
*/
 color:#eee;
 margin:0;
 padding: 3em 0 0 5.1em;
 }

#headline a {
 color:#ccc;
 text-decoration:none;
 display:block;
 height:2em;
 width:auto;
 }

#headline a:hover { color:#fff; }

#headline a.hi { color:#fff; }
/*#headline a img{  height:2em;}*/


/*--- HAUPTNAVIGATION ---*/
#navigation ul {
 position:relative;
 padding: 0 0 0 4.25em;
 width:51em;
 height:5em;
 display:block;
}

#navigation ul li {
 list-style: none;
 float: left;
 display:block;
 color:white;
 height:3em;
}

* html #navigation ul  { margin:0 0 -.25em -.187em;}

#navigation ul li a {
 display:block;
 font-size:.875em;
 padding: 2.0em 1em .375em;
 text-decoration: none;
 font-weight: 100;
 color: #999;
 text-transform:uppercase;
}

#navigation ul li a:hover {
 color:#f60; border-color:#f60;   border-bottom:.125em solid #f60;
}

#navigation ul li a.hi {
 color: #900;
 padding: 2.0em 1em .375em;
 border-bottom:.125em solid #000; border-bottom:.125em solid #900;
}

/* div tester
 body div {border:1px solid#f09;}
*/


/*-------------------------------------------------------------------
--- 2ND LEVEL navigation ---
-------------------------------------------------------------------*/
#nav2  {
 padding:2.375em 0 0 0;
 /*background:url(images/marg_border.jpg) no-repeat;*/
}

#nav2 a {
 padding: 0 0 .5em 3.25em ;
 margin-bottom: .475em ;
 font-size:.75em;
 color:#999;
 line-height:1.5em;
 display:block;
 background: url(images/nav_2ndlevel.gif) 1.5em top no-repeat;
 text-decoration: none;
}

#nav2 a:hover, #nav2 a:active {
 color:#f60;
 text-decoration:none;
 background-image: url(images/nav_2ndlevel_hover.gif);
}

#nav2 a.hi {
 color:#000;
 text-decoration:none;
 background-image: url(images/nav_2ndlevel_hi.gif);
}

#nav2 p {
 height:5.125em;
 border:none;
 color:white;
 margin:0;
 padding:0;
 background: url(images/marg_border.jpg) 0 2em no-repeat;
 }




/*-------------------------------------------------------------------
--- 3ND LEVEL navigation ---
-------------------------------------------------------------------*/
#nav3  {
 padding-left: 1em;
 /*background:url(images/marg_border.jpg) no-repeat;*/
}

#nav3 a {
 padding: 0 0 .5em 3.25em ;
 margin-bottom: .475em ;
 font-size:.65em;
 color:#999;
 line-height:1.5em;
 display:block;
 text-decoration: none;
 background-image: none;
}

#nav3 a:hover, #nav2 a:active {
 color:#f60;
 text-decoration:none;
 background-image: none;
}

#nav3 a.hi {
 color:#000;
 text-decoration:none;
 background-image: none;
}

#nav3 p {
 height: 0px;
 border:none;
 color:white;
 margin:0;
 padding:0;
 /*background: url(images/marg_border.jpg) 0 2em no-repeat;*/
 }

/*-------------------------------------------------------------------
--- TEASER ---
-------------------------------------------------------------------*/
.teaser {
 position:relative; /*fuer ie6 damit hinterguende und farben nicht verschwinden*/
 border:3px double #ccc;
 background:#efefef url(images/teaserbg.jpg) top left no-repeat;
 margin:0 0.25em 1.125em 3em;
 font-size:.75em;
}
.teaser img{ width:100%;border:none; border-bottom:1px solid #666;}
.teaser h1 {padding:.25em; border-bottom:1px solid #fff; background:#999; color:#fff; text-transform:uppercase;} /* background:#f90; color:#fff;*/
.teaser p {padding:.25em; }
.teaser p a {border:none; font-size:100% !important ;}



/*-------------------------------------------------------------------
--- Bild/projektbeschreibungen / Haupttext ---
-------------------------------------------------------------------*/
#text h1 {
 clear:both;
 font-size:1.25em;
 line-height:1.375em;
 padding:0 0 .25em 0;
 font-weight:100;
 font-style:normal;
}

#text h2 {
 font-weight:normal;
 line-height:1.5em;
 color:#666;
 padding: 0 0 1em 0 ;
}

#text h3 {padding:1em 0 0 0;}

/* Meldung, rot - z.B. Erscheinungsdatum */
#text h5 {
 font-weight:normal;
 line-height:1.625em;
 font-size: .875em;
 color:#900;
}

#text p {
 padding: .125em 0 1.25em 0 ;
 line-height:1.625em;
 font-size: .875em;
}

#text p img {display:block; margin:.5em 0; }

/* Fusstext - Datenschutzerklaerung */
#text h6 {
 font-size:.75em;
 font-weight:normal;
 line-height:1.075em;
}

/*-------------------------------------------------------------------
--- ZWISCHENUEBERSCHRIFT FUER LISTEN (ZUSATZ, LINKLISTE BUCHLISTE) ---
-------------------------------------------------------------------*/
.zusatz h3,
#buchliste h3,
.extradaten h3,
.presse h3 {
color:#999;
font-size:.75em;
font-weight:100;
border-bottom:0px solid #999;
margin:.25em 0;
padding:.25em 0;
text-transform:uppercase;}

.zusatz h3:before,
#buchliste h3:before,
.extradaten h3:before,
.presse h3:before {
content: "/// ";
}

/*-------------------------------------------------------------------
--- Bild/projektbeschreibungen
--- ZUSATZ-MODUL
--- FUER BEKANNTGABE VON. TERMINEN, AUSSTELLUNGEN, PREISEN ETC
-------------------------------------------------------------------*/


/* AB HIER NEUE AUSZEICHNUNGEN FUER LIST-ITEMS*/


/* Detail-Item */

.zusatz {margin-top:.3em;}
.zusatz h1 {
 margin-top:.125em;
 padding:.125em 0 .25em .125em;
 background:#eee;
 border-top:1px solid #999;
 color:#666;
 font-size:x-small;}
.zusatz h2 {color:#333; font-size:.875em; }
.zusatz p { margin-bottom:1em; font-size:.75em; line-height:1.375em; }
.zusatz a {display:block; padding:0 0 .5em 0; font-size:1em; color:#f60; font-weight: bold;}
.zusatz a:hover {color:#000; }

.zusatz dl {border-top:1px solid #ccc; padding:.5em 0 0 0;}
.zusatz dt {float:left; width:14.5em;}
.zusatz dt img {width:14em;}
.zusatz dd {margin-left:15em;}



/* Rubrik-Headline*/
.rubrik {
padding:1em 0 0 0;
}

.rubrik h3 {
color:#999;
font-size:.75em;
font-weight:100;
border-bottom:0px solid #999;
margin:.25em 0;
padding:.25em 0;
text-transform:uppercase;}



/* Text-only Items (Text-only-Liste, Presseliste, Linkliste) */
.textitem,
.presse {margin:0em 0 1em 0; border-top:1px solid #ccc;}

.textitem h1,
.presse h1 {font-size:1em; font-weight:100; padding:.25em 0 0em 0;}

.textitem h1 a,
.presse h1 a {font-size:1.25em; font-weight:100; color:#900; text-decoration:none; }

.textitem h1 a:before,
.presse h1 a:before {content: "> "; }

.textitem h1 a:hover,
.presse h1 a:hover {color:#f60; text-decoration:underline; }

.textitem p {font-size:.75em; line-height:1.375;}
.textitem p a {display:block;}
.textitem p a img {margin:1.75em 0;}

.presse p {padding:.125em 0 .5em 0; font-size:.875em;  color:#666;}
.presse p a {display:block;color:#f60; font-size:.875em; }
.presse p a:hover {display:block; color:#000;}

/*Bild-Text-Item*/
.bildtextitem {margin:0em 0 1em 0;}

.bildtextitem .border {border-top:1px solid #ccc;}

.bildtextitem h1 {font-size:1em; font-weight:100; padding:.25em 0 0em 0;}

.bildtextitem h1 a {font-size:1.25em; font-weight:100; color:#900; text-decoration:none; }

.bildtextitem h1 a:before {content: "> "; }

.bildtextitem h1 a:hover {color:#f60; text-decoration:underline; }

.bildtextitem p {font-size:.75em; line-height:1.375;}
.bildtextitem p a {display:block;}
.bildtextitem p a img {margin:1.75em 0;}



/* Buch-Items */
.buchliste {margin:.125em 0 .75em 0; padding:.5em 0 .5em 0; border-top:1px solid #ccc;}
.buchlistimage {float:left; width:7em; border:0px solid green;}
.buchlisttext {font-size:.75em; margin:0 0 .0em 10em; border:0px solid red;}
.buchlisttext h5 {font-size:1.25em; padding:0 0 .375em 0;font-weight:100;}
.buchlisttext a {display:block;}
.buchlisttext p {line-height:1.375em;}




/*-------------------------------------------------------------------
--- 2spalte marginalspalte ---
-------------------------------------------------------------------*/
.projektlistitem {
 margin: 0;
 padding:.5em 0;
 border-top:1px solid #ccc;
 border-bottom:1px solid #eee;
 font-size:.75em;
 line-height:1.625em;}

#projektliste .projektlistitem a {display:block;}
#projektliste .projektlistitem a.pbild {float:left; width:10em;}
#projektliste .projektlistitem a.pbild img {border:none; width:10em; height:8em;} /*bemassung nur provisorisch wi*/

.projektlistitem div {margin:0 0 0 10.5em;}
#col1_inhalt .projektlistitem h5 {font-size:1em; border:none; padding:0;}
.projektlistitem p {display:block; padding:0;}


/*-------------------
 Sprachauswahl 
---------------------*/ 
 
#col3_sprache  { 
 padding:1.0em 0 0 0;
 /*background: url(images/marg_border.jpg) no-repeat;*/
} 

#col3_sprache ul { 
 position:relative;
 padding: 0 0 0 1.55em;
 width:21em;
 height:5em; 
 display:block;
}

#col3_sprache ul li {
 list-style: none;
 float: left;
 display:block;
 color:#999;
 height:3em;

}
  

#col3_sprache ul li a {
 display:block;
 padding: 0 0 .5em 1.25em ;
 margin-bottom: .875em ;
 font-size:.75em;
 color:#999;
}
  
#col3_sprache ul li a:hover, a:active {
 color:#c00;
 text-decoration:none;
}

#col3_sprache ul li a.current {
 color:#000000 !important;
 text-decoration:none;
}

#col3_sprache ul li.pipe {
 display:block;
 padding: 0 0 .5em 1.25em ;
 margin-bottom: .875em ;
 font-size:.75em;
 color:#999;
}

/* --- manuell befüllbarer Sprachteaser --- */

#sprachteaser p.bodytext {
 padding: 0 0 .5em 1.25em ;
 font-size:.75em;
}

#sprachteaser p a.internal-link {
 display:inline;
 font-size:.975em;
}


/*-------------------------------------------------------------------
--- FUSS / TOP / TELLAFRIEND ---
-------------------------------------------------------------------*/
#footer ul {
float:left;
display:block;
list-style-type:none;
position:relative;
text-align:left;
}

#footer ul#bm li {
float:left;
width:2em;
height:2em;
overflow:hidden;
position:relative;
}

#footer ul#servicelinks li {
float:left;
width:2em;
height:2em;
overflow:hidden;
position:relative;
margin:0 1em 0 0;
}

#footer ul#servicelinks li a,
#footer ul#servicelinks li a:link,
#footer ul#servicelinks li a:visited {
display:block;
height:2em;
width:2em;
}

#footer ul#servicelinks li a:hover {
margin-left:-2em;
}

#footer ul#servicelinks li a:active {
margin-left:-4em;
}

#footer ul#servicelinks li a img {height:2em;}

/* Positionierung des von der Extension erzeugten div-Containers */
#footer div .tx-timtabsociable-pi1 {
 margin-top:0;
 padding:0em 0 3em 1em;
 height:auto;
}

/* social-bookmark Icons */
#footer ul#bm li a,
#footer ul#bm li a:hover,
#footer ul#bm li a:link{
display:block;
height:2em;
width:2em;
}

#footer ul#bm li a:hover{
margin-left:-2em;
}
#footer ul#bm li a:active{
margin-left:-4em;
}

#footer ul#bm li a img {height:2em;}

#footer a, #footer h1 {
 display:block;
 }
#footer div div {
 }

#footer h1 {
 float:left;
 display:block;
 width:12em;
 background-image:url(images/footer_pipe.gif);
 background-repeat:no-repeat;
 font-size:.75em;
 font-weight:100;
 color:#999;
 padding:.75em 0 2em 4em;
 }


/*--------------------------------------
  Social Bookmarks
----------------------------------------*/

/* sb headline */

#footer strong {
 float:left;
 display:block;
 width:12em;
 background-image:url(images/footer_pipe.gif);
 background-repeat:no-repeat;
 font-size:.75em;
 font-weight:100;
 color:#999;
 padding:.75em 0 2em 3em;
 }


/*--------------------------------------
  E-Mail-Formular
----------------------------------------*/


form {
margin: 1em 0;
font-size: 1em;
font-family:'Lucida Grande', Tahoma, Georgia, sans-serif;
}

label {
float:left;
width:10em;
line-height:1.625em;
font-size: .875em;
display:block;
margin:0;
padding:0;
}

input, select, textarea {
margin:0 0 1em 10em;
padding:.125em;
font-size: .875em;
display:block;
border:1px solid #999;
font-family:inherit;
}

textarea {height:10em;}

.csc-mailform { border:none;}
.csc-mailform-field {display:block; overflow:hidden;}
.csc-mailform-submit { border:.125 double #999; margin:0 0 0 10em;}
input#mailformformtype_mail {margin-left:10em; padding:.125em 1em; border:.25em double #999; }
input.csc-mailform-submit-tip {margin-left:0em; padding:.125em 1em; border:.25em double #999; }

span.csc-mailform-label {}

.csc-mailform-radio label {
clear:none;
display:block;
width:auto;
margin:0;
padding:0 .75em .75em 0;
line-height:auto;
}

.csc-mailform-radio input {
float:left;
display:block;
border:0px;
width:auto;
margin:0;
padding:0 .75em .75em 0;
height:.875em;
}

.csc-mailform-radio legend {display:none; visibility:hidden;}



/*--------------------------------------
  Sitemap
----------------------------------------*/


.csc-sitemap {}
.csc-sitemap ul {list-style-type:none;}
.csc-sitemap a {margin:1em 0; display:block;}
.csc-sitemap ul li ul li a {margin:.75em .75em .75em 1.5em; font-size:.875em;}



/*--------------------------------------
  diverse spezielle hide-Auszeichnungen
----------------------------------------*/

/* wird u.a. gebraucht um Fusslinks auf einzelnen Seiten auszublenden */
  .hide{visibility:hidden; color:#fff;}

/* PrintHeader-Daten auf den regul?ren Seiten ausblenden (sollen nur in Printansicht stehen) */
  div#PrintHeader{
   display:none;
  }