@charset "utf-8";
/* CSS Document */

img { behavior: url("../pngbehavior.htc"); }
    
/********** body **********/
    
    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #f8f8f8;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000000;
    }
    
/********** container **********/
    
    div#container {
        width: 58em; /*expression(document.body.clientWidth < 742 ? "740px" : document.body.clientWidth > 743 ? "57em" : "auto");*/
        margin: 0 auto;
        position:relative;
        text-align: left;
        padding:0px 20px; /* 20px = Breite Schatten */
    }

    div#container.infomail {
        width: 30em;
    }
    
/********** Schatten **********/
    
   div#lS,div#rS {
        background-repeat: no-repeat;
        width:20px;
        height:565px;
        position:absolute;
        top:0px;
    }
    div#lS { left:0px; background: url(_Sl.gif) top right no-repeat; }
    div#rS { right:0px; background: url(_Sr.gif) top left no-repeat; }
    

/********** main **********/
    
    div#main {
        background-image: url(_bar_green.gif);
        background-position: top left;
        background-repeat: repeat-x;
        background-color:#ffffff;
        position:relative;
    }

    
/********** Logo **********/

    a#logo {
        display:block;
        background-image: url(_logo.gif);
        background-position: top left;
        background-repeat: no-repeat;
        height:85px;
        width:205px;
        position:relative;
        top:0px;
        left:0px;
        z-index:110;
    }
    
    a#logo * {
        display:none;
    }
    
    
/********** Top-Men **********/
    
    div#topMenu {
		background-color:#FFFFFF;
        height:69px;
        position:absolute;
        top:10px;
        width:680px;
        right:10px; /* Korrektur IE 5,6 siehe unten (right:20px) */
    }

    div#topMenu.infomail {
        width:20em;
    }
    
    div#topMenu a span {
        display:none;
    }
    
    div#topMenu a {
        padding:0px; margin:0px;
		margin-left:10px;
        float:right;
        display:block;
        height:69px;
    }

/********** Box **********/
    
    div#box_pb {
        position:relative;
        top:15px;   /* Abstand zur Oberkante des Balkens */
        left:10em;	/* siehe auch Breite des linken Menues */
        /*background-image: url(_pb1.png);*/
        background-position: left top;
        background-repeat: no-repeat;
        width:40px;
        height:40px;
        z-index:101;    
	}

    div#box_pb.infomail {
        left:1em; 
	}

    div#box {
        position:relative;
        top:-24px;  /* ergibt sich aus Playbutton (=width-top) */
        margin:0px 0px 0px 15px;    /* ergibt sich aus Playbutton */
        left:10em;  /* siehe auch Breite des linken Menues */
        background-color:#007fc4;
        background-image: url(_box_corner_blue.gif);
        background-position: right bottom;
        background-repeat: no-repeat;
        border:4px solid #ffffff;
        width: 24em;
        z-index:100;
        padding:5px 20px 20px 30px;
        color:#ffffff;
        overflow:hidden;
    }

    div#box.infomail {
        left:1em;
    }
    
    div#box h1 {
        font-size:1.7em; /*1.875em;   = 18px bei 16pt */
		padding:0px;
		margin:0px 0px 10px 0px;
    }
    div#box p {
        font-size:0.875em;   /* = 16pt */
		padding:0px;
		margin:0px;
    }

    
/********** Men/Content/Info **********/
    
    div#rightInfo,div#content {
        position:relative;
        top:-29px;  /* div#box top - 5 */
    }
    
 /********** Menue **********/
    
    div#leftMenu {
    		position:relative;
        top:-24px;  /* div#box top + 14 */
        z-Index:90;
        width: 12.250em; /* 12.5 em = 200px bei 16pt; hier 11.25em=12.5em-2*0.625em siehe padding*/
        float:left;
        list-style-type: none;
        padding: 0.625em; /* = 10px bei 16pt */
    }
    
    div#leftMenu ul {
		/*width:12em;*/
        list-style-type: none;
        padding:0px;
        margin:0px;
    }
    
    div#leftMenu ul li a {
        width: 14.700em;
        font-weight: bold;
        text-decoration: none;
        display: block;
        font-size: 0.75em;
        padding: 20px 0.167em 0.083em 1.300em;
        margin: 0px;
        overflow:hidden;
        border: 0px;
        color: #007fc4;
        background: url(_mlblue.gif) top left no-repeat;
    }	
	
    div#leftMenu ul li a:link,
    div#leftMenu ul li a:visited {
        text-decoration: none;
        color:#007fc4;
    }
    div#leftMenu ul li.active a:link,
    div#leftMenu ul li.active a:visited {
        text-decoration: none;
        color:#e75112;
    }
    div#leftMenu ul li a:hover,
    div#leftMenu ul li.active a:hover{
        text-decoration: underline;
        color:#e75112;
    }
    div#leftMenu ul li li {
        display:none;
    }
    div#leftMenu ul li.active li {
        display:block;
    }
    div#leftMenu ul li.active li a {
        font-weight: normal;
        background-image: none;
        color: #8a8a8a;
        padding: 0.167em 0.167em 0.167em 1.300em; 
        margin: 0px;
        
    }
    div#leftMenu ul li.active li a:link,
    div#leftMenu ul li.active li a:visited {
        color: #8a8a8a;
    }
    div#leftMenu ul li.active li a:hover,
    div#leftMenu ul li.active li.active a,
    div#leftMenu ul li.active li.active a:link,
    div#leftMenu ul li.active li.active a:visited {
        color: #515151;
    }
    
    /* -----------------------*/
    div#leftMenu ul li li li,
    div#leftMenu ul li.active li li {
        display:none;
    }

    div#leftMenu ul li.active li.active li {
        display:block;
        
    }
    div#leftMenu ul li.active li.active li a,
    div#leftMenu ul li.active li.active li a:link,
    div#leftMenu ul li.active li.active li a:visited {
        padding: 0em 0.167em 0.167em 2.5em;
        font-size:0.7em;
        color: #8a8a8a;  
    }
    div#leftMenu ul li.active li.active li a:hover,
    div#leftMenu ul li.active li.active li.active a,
    div#leftMenu ul li.active li.active li.active a:link,
    div#leftMenu ul li.active li.active li.active a:visited {
        color: #515151;
    }
    /* -----------------------*/

	div.lM_line {
		width:12em;
		background: url(_mlblue.gif) top left no-repeat;
		height:18px;
	}
	
	div#lM_lang p a,
	div#lM_lang p a:link,
	div#lM_lang p a:visited{
	    color:#8a8a8a;
		text-decoration:none;
	}
	
	div#lM_lang p a:hover,{
	    color: #007fc4;
	}
	
	div#lM_lang span{
	    color:#007fc4;
	}
	
	div#lM_hsg,
	div#lM_lang {
		width:12em;
		background-color:#f0f0f0;
		padding: 3px 0px 10px 0px;
	}
	
	div#lM_hsg h1,
	div#lM_lang h1 {
		margin: 0px 0.167em 0px 1.300em;
		color:#515151;
		font-weight:bold;
		font-size: 0.75em;
	}
	div#lM_hsg p, div#lM_lang p {
		margin: 3px 0.167em 0px 1.300em;
		font-size:0.75em;
		color:#8a8a8a;
	}
	a#lM_dropdown {
		text-decoration:none;
		display:block;
		width:12em;
		height:16px;
		border: 1px solid #FFFFFF;
		background: url(_pfeil.gif) right top no-repeat;
		padding: 0px 3px;
		background-color:#FFFFFF;
		margin: 10px 0.167em 0px 1.300em;
		font-size:0.75em;
		color:#515151;
        position:relative;
	}
	a#lM_dropdown:hover,
	div#lM_hsg.open a#lM_dropdown {
		border: 1px solid #e75112;
		background-image: url(_pfeil_hover_orange.gif);
	}	
	
    div#lM_dd_layer {
				display:none;
        background:#ffffff;
        border: 1px solid #e75112;
        position:absolute;
        margin-left:40px;
        margin-top:-1px;
        /*width:18.5em;*/
        height:21em;
    }
	
	div#lM_hsg.open div#lM_dd_layer {
		display: block;
	}
	
    div#lM_dd_layer a,
    div#lM_dd_layer a:link,
    div#lM_dd_layer a:visited {
        font-size:0.75em;
		color:#515151;
        text-decoration:none;
        padding: 0.400em 0.800em;
        display:block;
    }
	div#lM_dd_layer a:hover,
    div#lM_dd_layer a.hover,
    div#lM_dd_layer a.hover:link,
    div#lM_dd_layer a.hover:visited {
        color: #000000;
        text-decoration:underline;
    }
    
    div#lM_dd_hsg {
        position: absolute;
        top: 1.5em;
        width: 8.6em;
        left: 0.4em;
    }
    div#lM_dd_map {
        padding:0px;
        margin:0px;
        position:absolute;
        top:3em;
        right:15px;
        width:156px;
        height:210px;
        background: url(./_map.gif) top left no-repeat;
    }
    div#lM_dd_map.hover {
        background-image: url(./_map_hover.gif);
    }
    div#lM_dd_map a,
    div#lM_dd_map a:link,
    div#lM_dd_map a:visited {
        padding:0px;
        margin:0px;
        position:absolute;
        width:17px;
        height:17px;
        background: url(./_play_kl.gif) top left no-repeat;
        display:block;
    }
    div#lM_dd_map a:hover,
    div#lM_dd_map a.hover,
    div#lM_dd_map a.hover:link,
    div#lM_dd_map a.hover:visited {
        background-image: url(./_play_gr.gif);
    }

 /********** Info **********/
    
    div#rightInfo {
        
        width:200px;
        float:right;
        background-color: #f0f0f0;
        margin:8px;
        /*padding: 18px 15px 10px 15px;*/
        padding:0px;
    }
    
    div#rightInfo h1 {
        background: url(_arc_blue.gif) bottom left no-repeat;
        background-color:#ffffff;
        width:170px;
        height:15px;
        text-align:right;
        font-size: 14px;
        color: #007fc4;
        margin:0px;
        margin-bottom: 3px;
        padding:60px 15px 0px 15px;
    }
    
    div#rightInfo p {
        font-size: 12px;
        line-height: 1.5;
        margin: 10px 15px;
    }
    
    div#rightInfo a,
    div#rightInfo a:link,
    div#rightInfo a:visited {
    	text-decoration:none;
    	color:#007fc4;
    }
    
    div#rightInfo a:hover {
    	text-decoration:underline;
    }
    
 /********** Content **********/    
    
    div#content {
        margin:25px 235px 0px 19.333em;
        font-size:0.75em;
    }
    
    div#content.noInfobox {
    		margin-right:1em;
    }

    div#content.Veranstaltung, div#content.infomail {
        margin:25px 0px 0px 1em;
    }
    
    /* IE Three-Pixel-Text-Jog-Bug-fix */
		* html div#content { height:1%; }
    
    div#content h1 {
        font-size: 2.500em; /* 1.875em; */
        color:#e75112;
        padding:0px;
        margin: 0em 0em 0.8em 0em;
    }
    div#content h2 {
        font-size: 1.333em; /* 1em; */
        color: #000000;
        padding:0px;
        margin: 0em 0em 0.8em 0em;
    }
    div#content h3 {
        font-size:1em; /* 0.75em */
        font-weight:bold;
        color:#000000;
        line-height:1.5;
        margin: 0em 0em 0.5em 0em;
    }
    
    div#content > h3 {
        margin-top: 3em;
    }
    
    
    /*div#content p,
    div#content td,
    div#content th,
    div#content label {
            font-size:0.75em;
    }*/
    
    div#content p {
    	  line-height:1.5;
        /*text-align: justify;*/
    }
    div#content a,
    div#content a:link,
    div#content a:visited {
        /*font-size:0.75em;*/
        color: #e75112;
        text-decoration: none;
     
    }
    
    /*div#content p a,
    div#content p a:link,
    div#content p a:visited {
        font-size:1em;
    }
    
    div#content * a,
    div#content * a:link,
    div#content * a:visited {
    	font-size:1em;
    }*/
    
    div#content a:hover {
        text-decoration:underline;
    }
		
    /*div#content * p,
    div#content * h3 {
    	font-size:1em;
    }*/
    
    div#content img.lfloat {
        border: 1px solid #666666;
        float:left;
        margin:10px;
        position: relative;
    }
    div#content img.rfloat {
        border: 1px solid #666666;
        float:right;
        margin:10px;
        position: relative;
    }
/********** Fusszeile **********/   
    /* zum aufheben des floats */
    div#border {
      text-align:center;
	  position:relative;
	  top:0px;
      clear:both;
      font-size: 0.563em;
      color:#afafaf;
      margin:0px;
	  padding:5px;
    }
    div#border a {
      color:#afafaf;
    }
    
/********** Tooltip **********/

    div#tooltip {
        position:absolute;
        background:#ffffff;
        border:1px solid #e75112;
        z-index:200;
        visibility:hidden;
        font-size:0.75em;
        padding:0.25em;
        margin:0px;
    }
    

/********** Startseiten **********/


    div.lhome {
       /* width:33em; */
    }


    div.rhome{
        width:21.5em;
        float:right;
        padding-left:1.25em;
        margin-right:1.25em;
        position:relative;
    }

   #news, #overview, #links{
        padding:5px 5px 5px 10px;
        background-color:#f0f0f0;
        margin-bottom: 0.4em;
    }
    
    #overvier p {
        margin-left:5px;
    }
    
    #fairoverview {
        background-color:#f0f0f0;
        padding-top:5px;
    }
    
    #fairoverview h3 {
	      padding-left:10px;
    }
    
/********** Veranstaltungskalender **********/    

    table.infoTable td {
        padding: 6px 0 6px 0;
    }    

/*
    #difc tr + tr :first-child{
	      text-align:right;
    }
    
    #difc th + tr td{
	      text-align:left;
    }
*/
    
@Media Print {   
	.noPrint { 
        display:none; 
	} 
}