@charset "UTF-8";
      
@media all {     
	
	img {border:0; }
	  /*  div {border:1px solid #000;}    */
	
	
	body {
		margin: 0pt;
		padding: 0pt;		
		background:transparent;
		height:100%;
	 
	}
	
 

	

	/*-------------------------------------------------------------------------
	Hauptbereiche
	---------------------------------------------------------------------------*/
	
	/* HEADER-BEREICH */
	#ajax_lock_mainpage{ /* muss als div vor das hintergrund-objekt, sonst fehler */
		/* für fadeeffekt INLINE display:none verwenden */
		position:absolute;		
		left:0px;
		top:0px;
		border-bottom:1px #fff solid;
		width:100%;
		height:100%; /* BODY auch auf 100% */
		background:transparent url(../images/mm_50percent_trans.png) top left repeat;
		z-index:500;
		} 
	
	#ajax_med_popup {
	/* resizing über centerfix*/
			position:fixed;															
			border:2px solid #888;
			padding:0;
			width:400px;height:276px;
			background:#fff /*url(../images/mm_big_popup_bg.png)*/ top left no-repeat;
			z-index: 2000;} 

#ajax_med_popup .title {color:#cccccc;}
#ajax_med_popup .content {float:left;}
#medpopup_content form {padding:1em 0 0 5px;margin 0 0 0 0;float:left;} 
#medpopup_content fieldset {padding:0 0 0 30px;float:left;} 
#medpopup_content label  {font-size:1.0em;color:#000;font-weight:bold;float:left;padding:4px 0 0 1em;} 
#medpopup_content input {font-size:1.0em;color:#000;font-weight:bold;float:left;margin:0 0 0 1em;} 
#medpopup_content a.buttonSendform {clear:left;float:left;margin:1em 0 0 125px;}





/* Haupt-Inhaltsbereich */
 
	#page_content{
		background:transparent;
		border:0 none;
		width:100%;
		height:560px;
		left:0;
		padding-left:0;
		margin-left:0;		
		margin-top:-280px;
		position:absolute;
		top:50%;			 	
	}
	
	
	
	#main_content{
		background:transparent;
		border:0 none;
		width:978px;
		height:560px;
		left:50%;
		margin-left:-489px;
		padding:0;
		border:0 none;
		margin-top:-280px;
		position:absolute;
		top:50%;
			 				 	
	}
	
/*  STARTPAGE */


	body.startpage{
		background:#707173 url(../images/pgnm_bg_startpage.gif) top left repeat;
	}
	
	#page_content .startpage{
		background:#707173 url(../images/pgnm_bg_startpage.gif) top left repeat;
	}
	
	#page_center .startpage{
		background:#707173 url(../images/pgnm_bg_startpage.gif) top left repeat;
	}
	
	.startpage_center{
		background:#707173 url(../images/pgnm_bg_startpage.gif) top left repeat;
		position:relative;
		float:left;
		margin:40px 0 0 100px;	 
		width:828px;
		height:504px;
	}
	
	.startpage_center .pgnm_biglogo{
	position:relative;
	float:left;
	width:315px;
	margin:0 0 0 60px;
	}
	
	#shake_area_pgnm{
	position:absolute;
	width:315px;
	height:220px;
	display:block;
	padding:0;
	z-index:20;
	top:0px;
	left:0px;
	margin:0 0 0 60px;
	}
	
	#shake_area_rem{
	position:absolute;
	display:block;
	background:transparent;
	width:325px;
	height:220px;
	top:0px;
	left:0px;
 	z-index:20;
 	padding:0;
	margin:0 0 0 385px;
	}
	
	.startpage_center .rem_biglogo{
	position:relative;
	float:left;
	width:335px;
	margin:0 0 0 0;
	}
	
	.startpage_center p.pgnm_text{
	position:relative;	
	float:left;
	text-align:right;
	margin:10px 0 0 0;
	width:350px;
 	color:#fff;
 
	}
	
	.startpage_center p.rem_text{
	position:relative;
	float:left;
	margin:10px 0 0 35px;
	text-align:left;
	width:350px;
	color:#fff;
	}
	
	
/*  PGNM */
	.pgnm_bg{
		background:#008a8d url(../images/pgnm_bg_pgnm.gif) top left repeat;
	}
	
	.pgnm_content_bg{
		background:transparent url(../images/pgnm_bg_pgnm_content.gif) top left no-repeat;
		position:absolute;
		float:left;
		margin:45px 0 0 120px;	 
		width:828px;
		height:504px;		
	}
	


	
	.pgnm_content_bg img.toplogo{
		position:relative;
		float:left;
		margin:-54px 0 0 63px;
	}
	
	a.pgnm_move2rem {
		position:absolute;
		background:transparent url(../images/pgnm_move2rem.gif) top left no-repeat;
		margin:483px 0 0 58px;
		display:block;
		width:85px;
		height:74px;
		
	}
	
	
	
	

/* Grafische Buttons */

	#pgnmmenu {
		clear:left;
    /*width:230px;*//*für ie6*/     
    overflow: hidden;    
    margin: 3px 1px 0em -3px;
    list-style-type: none;
    border-top: 0 none;
    border-bottom: 0 none;
    
  }

  #pgnmmenu ul {position:relative;list-style-type:none; margin:0; padding:0;}
  #pgnmmenu li {position:relative; float:left; width:100%; margin:0; padding:0;font-size:1em;}

  #pgnmmenu li a span {visibility: hidden;} /* nur wenn grafische buttons */
  #pgnmmenu a:hover {
		  text-decoration: none;
		}
  
		#pgnmmenu a#aktuelles {
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_aktuell_btn.gif) 4px 0 no-repeat;
		}
		
		#pgnmmenu a#aktuelles:hover, #pgnmmenu a#aktuelles.markedItem  {
		  background-position: 4px -28px; text-decoration: none;
		}

		
		#pgnmmenu a#pgnm {
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_pgnm_btn.gif) 3px 0 no-repeat;
		}
		
		#pgnmmenu a#pgnm:hover,  #pgnmmenu a#pgnm.markedItem {
		  background-position: 3px -28px; text-decoration: none;
		}


		#pgnmmenu a#archiv {
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_archiv_btn.gif) 3px 0 no-repeat;
		}
		
		#pgnmmenu a#archiv:hover,  #pgnmmenu a#archiv.markedItem {
		  background-position: 3px -28px; text-decoration: none;
		}
		
		#pgnmmenu a#presse{
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_presse_btn.gif) 3px 0 no-repeat;
		}
		
		#pgnmmenu a#presse:hover,  #pgnmmenu a#presse.markedItem {
		  background-position: 3px -28px; text-decoration: none;
		}

		
		#pgnmmenu a#links {
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_links_btn.gif) 3px 0 no-repeat;
		}
		
		#pgnmmenu a#links:hover,  #pgnmmenu a#links.markedItem {
		  background-position: 3px -28px; text-decoration: none;
		}

		#pgnmmenu a#kontakt {
		  	width:83px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_kontakt_btn.gif) 3px 0 no-repeat;
		}
		
		#pgnmmenu a#kontakt:hover,  #pgnmmenu a#kontakt.markedItem {
		  background-position: 3px -28px; text-decoration: none;
		}

		#pgnmmenu a#impressum {
			margin:0 0 0 -7px;
		  width:100px;height:26px;display:block;border:0 none;;
			background:transparent url(../images/pgnm_impressum_btn.gif) -14px 0 no-repeat;
		}
		
		#pgnmmenu a#impressum:hover,  #pgnmmenu a#impressum.markedItem {
		  background-position: -14px -28px; text-decoration: none;
		}

		 
		
		

/*  REM */
	.rem_bg{
		background:#843e50 url(../images/pgnm_bg_rem_660033.gif) top left repeat;
	}
	
	.rem_content_bg{
		background:transparent url(../images/pgnm_bg_rem_content_big.gif) top left no-repeat;
		position:absolute;	
		margin:45px 0 0 120px;	 
		width:828px;
		height:504px;
		
	}
	
	#rem_concert_selector{
		position:relative;		 
		float:left;		 
		width:604px;
		height:20px;
		margin:3px 0 0.85em 0;	
	}
	
	
	
	.rem_content_bg img.toplogo{
		position:relative;
		float:left;
		margin:-33px 0 0 41px;
	}
	
	a.pgnm_move2pgnm{
		position:absolute;
		background:transparent url(../images/pgnm_move2pgnm.gif) top left no-repeat;
		margin:475px 0 0 56px;
		display:block;
		width:82px;
		height:74px;	
	}
	
	
	
	
	#remmenu {
		clear:left;
    /*width:230px;*//*für ie6*/
    position:absolute;
    overflow: hidden;    
    margin: 3px 1px 0 -31px;
    list-style-type: none;
    border-top: 0 none;
    border-bottom: 0 none;
    
  }
  
  #remmenu ul {position:relative;list-style-type:none; margin:0; padding:0;}
  #remmenu li {position:relative; float:left; width:100%; margin:0; padding:0;font-size:1em;}

  #remmenu li a span {visibility: hidden;} /* nur wenn grafische buttons */
  #remmenu a:hover {
		  text-decoration: none;
		}
  
		#remmenu a#aktuelles {
		  	width:114px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_rem_aktuell_btn.gif)  2px 0 no-repeat;
		}
		
		#remmenu a#aktuelles:hover, #remmenu a#aktuelles.markedItem {
		  background-position: 2px -28px; text-decoration: none;
		}

		
		#remmenu a#rem {
		  	width:114px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_rem_rem_btn.gif) top left no-repeat;
		}
		
		#remmenu a#rem:hover, #remmenu a#rem.markedItem {
		  background-position: 0 -28px; text-decoration: none;
		}


		#remmenu a#archiv {
		  	width:114px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_rem_archiv_btn.gif) top left no-repeat;
		}
		
		#remmenu a#archiv:hover, #remmenu a#archiv.markedItem {
		  background-position: 0 -28px; text-decoration: none;
		}
		
		#remmenu a#klangarchiv{
		  	width:114px;height:26px;display:block;border:0 none;margin-top:3px;
			background:transparent url(../images/pgnm_rem_klangarchiv_btn.gif) top left no-repeat;
		}
		
		#remmenu a#klangarchiv:hover, #remmenu a#klangarchiv.markedItem {
		  background-position: 0 -28px; text-decoration: none;
		}

		
		#remmenu a#kontakt{
		  	width:114px;height:26px;display:block;border:0 none;margin-top:-2px;
			background:transparent url(../images/pgnm_rem_kontakt_btn.gif) top left no-repeat;
		}
		
		#remmenu a#kontakt:hover, #remmenu a#kontakt.markedItem  {
		  background-position: 0 -28px; text-decoration: none;
		}
		
		
		#remmenu a#impressum{
		  	width:114px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_rem_impressum_btn.gif) top left no-repeat;
		}
		
		#remmenu a#impressum:hover, #remmenu a#impressum.markedItem  {
		  background-position: 0 -28px; text-decoration: none;
		}
		
		#remmenu a#links {
		  	width:114px;height:26px;display:block;border:0 none;
			background:transparent url(../images/pgnm_rem_links_btn.gif) top left no-repeat;
		}
		
		#remmenu a#links:hover, #remmenu a#links.markedItem {
		  background-position: 0 -28px; text-decoration: none;
		}

	 
		
		



 #toplogo {
		position:absolute;
		top:15px;
		left:10px;
		width:236px;		
		height:75px;			 				
		background:transparent url(../images/devco_logo_top.gif) top left no-repeat;	
	}

	#toplogo span{display:none;}
	
 
 /* ENDE HEADER */
	
	h2#presseinfo{position:absolute;top:140px;left:270px;font-size:1.40em;color:#000;}

		a#logo_boettcherstrasse {float:none;clear:both;display:block;width:125px;height:30px; background:url(../images/kb_logo_boettcherstrasse.gif) left no-repeat;}
		#logo_boettcherstrasse span{display:none;}
		
		#minicart{float:left;margin: 0 0 2em 0;display:none;}
		#minicart h2{font-size:0.9em;line-height:1em;}
		#minicart .item{float:left;}		
		#minicart img{float:left;padding:0.4em 0.65em 0.65em 0;}
		#minicart p{float:left;font-size:0.65em;}
		#minicart a{float:left;font-size:1.4em;padding-top:4px;}
		
		/* Linke Seite */
		
		#leftcontent{
			position:absolute;
			/*width:255px;*/
			width:100px;
			float:left;

			padding:0;
			margin:100px 0 0 40px;
		 
			
		}
		
		
		#leftcontent .searchfield {
			display:none;
		 position:relative;
		 float:left;
		 border:none;
		 width:14em;
		 padding:0.1em 0 0.5em 0;
		 margin:0;
	
		 }
		 
		 
		 #leftcontent .searchfield input{
		 	float:left;
		 	width:14.6em;
		 	padding:2px;margin:0;
		 	Margin:0;
		 }
		 
		 #leftcontent .searchfield form{
		 	float:left;
		 	
		 }
		
		#leftcontent .searchfield	a.searchbutton {
				float:right;
				border:none;
				display:block;
				width:22px;
				height:22px;
				border:none;				
		 }
		 
		 #leftcontent input {			
				background:transparent;			
				width: 160px;
				padding:0 0 0 0;
				margin:3px 0 0 5px;
				
			}
			
		#middlecontent{	
			position:absolute;					
			width:600px;			
			height:380px;	
						
			overflow: auto;		 
			padding:0;
			 
			}
			
			
				
		.pgnm_position{	
			position:absolute;		
			margin:115px 0 0 240px;
			float:left;
			
		}
		
		.rem_position{	
			position:absolute;		
			margin:115px 0 0 240px;
			float:left;
		 
		}

		
		
		#rightcontent{
			float:left;
			width:242px;
			min-height:300px;
			clear:right;
			padding:0 0 0 8px;
			overflow:hidden;
			border:0 none;
			margin:0 0 0 5px;			 
			background:transparent url(../images/devco_bg_right2.jpg)  no-repeat;
		}
		
		
	
	/* Fuss-Bereich */
	
	#footer{	
		position:relative;
		width:100%;
				 	
		float:left;
		padding:0;	
		background:#e4e4a0 repeat-x;
		
		
		
		
	}
	
	
	#footer_content{
			
		margin:1.2em 0 0 19em;float:left;
	}
	
	
	/*-------------------------------------------------------------------------
	NAVIGATION
	---------------------------------------------------------------------------*/
	/* Mininavigation - Horizontal */
	
	#loginNav{
	font-size:0.8em;
	border:none;
	}
	
	#loginNav #topmessage {
	color:#ffcc33;
	}
	
	#loginNav #topmessage span {
	color:#fff;
	}
	
	
	#loginNav ul{
	padding:0;
	margin: 0;
	}
	
	#loginNav li {
	float:left;
	padding:0 0 0 5px;
	
	}
	
	#loginNav span {
	color:#fff;
	}
	
	#loginNav li a {
	color:#fff;
	text-decoration:none;
	}
	
	#loginNav li a:hover{
	color:#990000;
	text-decoration:underline;
	}
	
	
	
	/* Navigation-Horiziontal */
		
	#topNav	{
			position:absolute;
			height:36px;
			width:900px;		
			top:115px;left:0px;
			padding:0;
			margin:0;
			font-size:1em;
			background:transparent url(../images/default/bg_default_topnav.png) top left repeat-x;  /* transparent */
		}
		
		#topNav li	{
			float:left;
			display:inline;
			padding:0 1px 0 1px;
		}
		
		#topNav li a{
		position:relative;
		color:#fff;
	 	border:1px solid #aaa;
		}
		
		#topNav li a:hover{
	 	border:1px solid #fff;
		}
		
		/* Grafische Buttons */
		#topNav li a span {display:none;} /* nur wenn grafische buttons */
		#topNav a.testButton {
		  width:72px;
		  height:28px;
		  display:block;
		  border:3px solid #000;
			background:transparent url(../images/testbutton.png) top left no-repeat;
		}
		
		#topNav a.testButton:hover {
			background-position: 0 -30px;
		}
		
	/* Navigation Vertikal */
	#breadcrumb_nav{	
		position:relative;
		float:left;		
		margin:170px 0 0 15.3em;
		
	}
	
	#breadcrumb_nav li{		
		float: left;
		line-height: 1.1em;
		margin: 0 .5em 0 -0.5em;
		padding: 0 .3em 0 .7em;
		list-style:none;
		font-size:0.9em;
		background:transparent url(../images/devco_breadcrumb_arrow_blue.gif) top left no-repeat;
		background-position: 0px 2px;
		 
	}
	
	#breadcrumb_nav li.noarrow{		
		background:transparent url(../images/devco_breadcrumb_arrow_blue.gif) top left no-repeat;
		background-position: 0px 2px;		 
	}
	
	#breadcrumb_nav li.text{			
		background:transparent;	
		font-size:0.8em;
		font-weight:bold;	 
	}
	
	
	#submenu {
		clear:left;
    /*width:230px;*//*für ie6*/
    overflow: hidden;    
    margin: 3px 1px 0em 0;
    list-style-type: none;
    border-top: 0 none;
    border-bottom: 0 none;
    
  }

  #submenu ul {position:relative;list-style-type:none; margin:0; padding:0;}
  #submenu li {position:relative; float:left; width:100%; margin:0; padding:0;font-size:1em;}

  #submenu a,
  #submenu strong {
    display:block;
    width: 95%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;    
    background-color:transparent;
    color: #fcb034;
    
  }

  /* Menu Title */
  #submenu li#title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight:normal;
    color: #fcb034;
    background-color:transparent;
    
  }

  #submenu li span {
    display:block;
    width: 95%;
    padding: 3px 0px 3px 10%;
    font-weight: normal;
   
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 95%;
    padding: 3px 0px 3px 10%;
    font-weight: normal;
    color: #fff;
/*    background-color:#aab;*/
   
  }
	
	#submenu a.markedItem {background-color:transparent;color:#f6a623;font-weight:bold;}
	
  #submenu li a { width: 100%; padding-left: 2%; background-color:transparent; color: #fff; font-weight:normal;}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:transparent;color:#ed87b2}

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 94%; padding-left: 6%; font-weight:normal;}

  #submenu li ul li a { background-color:#fff; color: #f6a623; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#ececec; color: #f6a623; }

  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { width: 85%; padding-left: 25%; }

  #submenu li ul li ul li a { background-color:#fff; color: #f6a623; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#ececec; color: #666; }

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 70%; padding-left: 30%; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#f63; color: #fff; }
	
	  
	   /* Level 1 - admin */
	  #submenu ul#admin,
	  #submenu li strong {
	    width: 90%;
	    padding: 0px 0px 0px 0;
	    font-weight: bold;
	    color: #000;    
	    background-color:#f0efef;
	    border-bottom: 0px #none solid;
	    
	  }
	
		#submenu a#admin,
	  #submenu strong {
	    display:inline;
	    width: 90%;
	    padding: 0px 0px 0px 0%;
	    text-decoration: none;
	    background-color:#babab6;
	    color: #555;
	    border-bottom: 0px #fff none;    
	    background: url(../images/default/1px.gif) no-repeat;
	  }
	
	
	
			
		/* horizintales submenu */
		
		#navcontainer
		{
		margin-bottom: 1em;
		overflow: hidden;
		width: 460px;
		}
		
		#submenu_h
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		float:right;
		margin:0 10px 0 0;
		
		}
		
		#submenu_h li
		{
		border-left: 1px solid #000;
		float: left;	
		line-height: 1.1em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border:0 none;
		}
		
		#submenu_h a {font-weight:normal;} 
		#submenu_h a.markedItem {font-weight:bold;}
		
}