/* 25 jahre trauma  - stylesheet - katzengrafik.de - 071004 */


html {
margin:0;
padding:0;
border:none;
}

body {
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#1C1C1C;
color:#fff;
padding:4.2em 2.5em 0 15em;
}

*html body {
padding:3.8em 2.5em 0 15em;
}



#contwrap {
width:700px;
padding:0 0 0 0;
margin:0 0 200px 0em;
}

p {
font-size:0.95em;
line-height:1.38em;
margin:0px 0 1em 0;
padding:2px 0 1px 0;
}
.imp {
margin:0px 0 0 0;
font-size: 0.75em;
line-height:1.4em;
}
.additional {
margin:0px 0 0 0;
font-size:0.8em;
font-weight:bold;
line-height:1.38em;
margin:0px 0 0.25em 0;
padding:2px 0 1px 0;
}
.organizer {
color:#BBBBBB;
background: url(pic/organizer-trans.png) left 9px no-repeat;
padding:2px 0 1px 10px;
}
*html .organizer {
background: url(pic/organizer-trans.jpg) left top no-repeat;
}

h1 {
font-size: 1.45em;
border-bottom:solid 1px #fff;
margin:0em 0 0.0em 0;
}
.home {
border:none;
margin:0em 0 1em 0;
}
.abstand {
margin:3.5em 0 1em 0;
}

h2 {
font-size: 1.25em;
margin:2em 0 0.75em 0;
font-weight:normal;
}
.h2-small {
font-size: 0.7em;
}

h3 {
font-size: 1.01em;
margin:3px 0 3px 0;
font-weight:bold;
background-color: #96CA11;
padding:2px 2px 1px 2px;
color:black;
}
h3 .location {
color:#fff;
float:right;
font-size:0.9em;
line-height:1em;
padding:1px 2px 3px 40px;
}
h3 .location img {
border:none;
margin:-1px 4px 4px 0px;
}


h4 {
font-size: 0.65em;
margin:3px 0 3px 0;
font-weight:bold;
background-color: #BFFF04;
padding:2px 2px 2px 2px;
color:black;
}
.alert {
background: #FF9900 url(pic/alert-trans.png) 2px 0px no-repeat;
padding:2px 2px 2px 22px;
}
.topic {
/* font-size: 0.65em;
background:#fff;
color:#0084BD; */
font-size: 0.65em;
background:#2478C2;
color:#fff;
}
h4 .ticket {
color:#fff;
float:right;
font-size:0.9em;
line-height:1em;
padding:0px 2px 0px 40px;

}
h4 .ticket img {
border:none;
margin:0px 0px 4px 0px;
}


h5 {
color:#BBBBBB;
font-size:0.7em;
line-height:1.1em;
margin:0 0 0 0;
font-weight:bold;
}

/* .abstand {
margin:3px 0 9px 0;
} */

a, a:link {font-size:1em; background-color:none;  color:#BBBBBB;/* color: #E6001A; */ text-decoration:none; font-weight:bold; border-bottom:1px dotted #BBBBBB}
a:visited{/* color: #E6001A; */ text-decoration:none; font-weight:bold;}
a:hover{ color:#000;  background-color: #fff; text-decoration:none; font-weight:bold;}
a:active{ color:#000; background-color: #fff; font-weight:bold;}

/* .menu a.act, a:active.act, a:visited.act   {color:#000; background-color: #BFFF04; font-weight:bold;} */


#header {
width:12.75em;
position:fixed;
top:0px;
left:0px;
height:100%;
background-image: url(pic/halftone-trans.png);
}

#month-pic {
background-image: url(data/editorial/header.png);
width:700px;
height:233px;
border:solid 1px #000;
margin:0 0 1em 0;
}

#sticker {
position:relative;
top:0.75em;
left:0px;
background-image: url(pic/g-logo-trans.png);
background-repeat:no-repeat;
z-index:50;
display:block;
width:192px;
height:135px;
}


#newsbox { 
float:right;
width:12em;
padding:0 0 0 24px;
/* border-left:dotted 2px #fff; */
margin:0.5em 0 2em 2em;
text-align:right;
background:url(pic/newsbox-trans.png) repeat-y;
}

#newsbox a:hover span {
display:block;
position:absolute;
left:0.1em;
top:2em;
}

#newsbox p {
font-size:0.75em;
line-height:1.3em;
margin-bottom:0.5em;
}
#newsbox p .date {
font-size:0.95em;
color:#BBBBBB;
padding:0.05em 6px 0 0;
font-weight:bold;
float:left;
}
#newsbox .alerttext {
position:relative;
color:#FF9900;
}

#newsbox h4 {
background:#fff;
}
#newsbox .aktuell{
background:#96CA11;
}
#newsbox .alert{
background:#FF9900;
}
#newsbox .topic {
background:#2478C2;
color:#fff;
}
#newsbox h5 {
font-size:0.75em;
line-height:1em;
margin:0 0 0.5em 0;
font-weight:bold;
}
#newsbox a.small {
background:url(pic/look-trans.png) no-repeat top left;
color:#BFFF04;
font-size:0.7em;
line-height:16px;
margin-bottom:0.5em;
padding:2px 15px 2px 0;
margin:0px 0 0 3px;
position:relative;
top:-1px;
left:3px;
display:inline;
border:none;
}
#newsbox a.small:hover {
background:url(pic/look-trans.png) no-repeat bottom left;
color:#000;
}
#newsbox a.small img {
display:none;
}

/* .indexsticker {
position:fixed;
top:180px;
left:300px;

}

.progsticker {
position:absolute;
top:6px;
left:800px;
} */

#otto {
position:fixed;
bottom:-10px;
left:6px;
z-index:90;
width:10em;
}

#otto a {
background-color:transparent;
color:#595959;
font-size:0.6em;
}

#otto a:hover {
background-color:transparent;
color: #96CA11;
font-size:0.6em;
}

.pic-link a {
background-color:transparent;
}

.pic-link a:hover {
background-color:transparent;
}

.hide {
display:hidden;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
===============
thx Stu!
=================================================================== */
/* common styling */

/* .menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;} */
.menu {
position:absolute;
left:0px;
top:9.5em;
width:12em;
text-align:right;
}

.menu ul li a, .menu ul li a:visited 
{display:block; text-decoration:none; color: #E6001A; width:12em; background:#fff;  font-size:1em; border-bottom:none;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left;   /* margin-right:1px;  */ position:relative;}
.menu ul li ul {display: none; z-index: 30; border-left:solid 3px #1C1C1C; border-top:solid 3px #1C1C1C; }

.menu ul li a .small-link { /* kontakt/impressum */
font-size:0.75em;
}


/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background-color: #96CA11; text-decoration:none; font-weight:bold;}
.menu ul li:hover ul {display:block; position:absolute; top:-3px; left:12.2em;  border-right:solid 3px #1C1C1C;}

.menu ul li:hover ul li a.hide {color: #E6001A; }
.menu ul li:hover ul li:hover a.hide {}
.menu ul li a.act  {border-right:solid 10px #BFFF04; color:#000;}


.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a {display:block; background: #BFFF04; color: #000; width:10em; margin:0; border-bottom:solid 3px #1C1C1C; font-size:0.75em;}

.menu ul li:hover ul li a:hover {color:#000; background-color: #96CA11;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:12.2em; top:-3px; color:#000; }
.menu ul li:hover ul li:hover ul li a {display:block; color:#000; background-color: #BFFF04; }
.menu ul li:hover ul li:hover ul li a:hover {color:#000; background-color: #BFFF04; }

.menu a {
display:block;
padding:0.05em 0.2em 0.05em 0;
margin:0 0 0.25em 0;
}

/* --------------------------------------------------------------------------------- */
/* Galerie */
#picrow {
float:left;
width:80px;
margin:0 0 200px 0;
}


#picrow ul li a img {
position:relative;
left:0px; 
top:0px; 
/* width:auto;
height:90px; */
border:none;
margin:0 0 10px 0;
background:none;
border:1px solid #BBBBBB;
}

#picrow ul {padding:0; margin:0;list-style-type: none; }
picrow ul li {padding:0; margin:0; list-style-type: none; }

#picrow a:link, #picrow a:hover, #picrow a:active, #lightbox a:link, #lightbox a:hover {
border:none;
background:none;
outline:0px none;
background:none;
}


/* display:block; */
/* #picrow .clip {
width:50px;
height:50px;
border:solid 1px #FFF;
margin:0 6px 6px 0;
overflow:hidden;
}
 */
/* #picrow a:hover .clip {
border:solid 1px #99CC00;
} */




/* Programm spezifische Formatierungen */

.event-wrap {
display:block;
overflow:hidden;
height:auto;
/* border: solid 1px #fff; */
margin:0 0 1.5em 0;
}
.event-wrap p {
margin-bottom:0;
}

.event-wrap img {
display:block;
float:left;
margin:6px 12px 0 0px;
border:solid 1px #FFF;
}