/*
Cascading Stylesheets von Musik Produktiv

Farbwerte:
#FF4D00     orange (Ral 2004 / CI-Farbe)
#F37636     orange (vom MP Logo)
#FF0000     signalrot
#000080     marineblau
#00A0DD     marcblau
#C0C0C0     silber

Grauwerte:
#FFFFFF     weiss
#EEEEEE     grau (hell)
#DDDDDD     grau |
#CCCCCC     grau  |
#BBBBBB     grau   |
#AAAAAA     grau    |
#999999     grau     |
#666666     grau      |
#333333     grau (dunkel)
#000000     schwarz
*/

body {background:#2A151C url('/grafik/backgrounds/horizontal_2a151c_763b4d.jpg') repeat-y top center; margin:0px; padding:0px; font-family:Arial, Verdana, Tahoma, Sans-Serif;}

#wrapper {width:969px; margin:auto; margin-top:30px; margin-bottom:30px; border:solid 1px #FFFFFF; background-color:#CCCCCC;}
#header {width:969px; height:100px; border-bottom:solid 1px #FFFFFF; background-color:#CCCCCC;}
#main {width:969px; left:0px;}
#footer {width:969px; height:85px; border-top:solid 1px #FFFFFF;}

#content {margin:10px; padding:0px;}

#menue {float:left; width:160px; border-top:1px solid #FFFFFF;}
#menue div{color:#EEEEEE; padding:1px 0px 1px 12px; background-color:#333333; font-weight:bold;}
#menue ul{margin:0px; padding:0px; list-style-type:none;}
#menue li a{font-weight:bold; display:block; padding:3px 0px 3px 6px; width:149px; text-decoration:none; color:#444444; background-color:#CCCCCC; border-left:5px solid #8D5C6B; border-bottom:1px solid #FFFFFF;}
#menue li a:hover {font-weight:bold; background-color:#EEEEEE; border-left-color:#763B4D;}
#menue p {margin:0px; padding:3px 0px 3px 6px; width:149px; color:#AAAAAA; background-color:#CCCCCC; border-left:5px solid #8D5C6B; border-bottom:1px solid #FFFFFF; font-size:0.8em; line-height:120%; letter-spacing:0;}

.kontakt{float:left; width:260px; background-color:#EEEEEE; margin:10px; padding:10px; font-size:0.8em; line-height:120%; letter-spacing:0;}

.clear_l {clear:left; width:0px; height:0px;}
.clear_r {clear:right; width:0px; height:0px;}
.clear_b {clear:both; width:0px; height:0px;}

.galerie_bild {background-color:#EEEEEE; height:206px; text-align:center; vertical-align:middle;}
.galerie_legende {background-color:#DDDDDD; font-size:0.7em; padding:1px 3px 1px 3px; vertical-align:top;}

/* Textformatierung */
.fliess09 {font-size:0.9em; line-height:120%; letter-spacing:0;}
.fliess08 {font-size:0.8em; line-height:120%; letter-spacing:0;}
.fliess07 {font-size:0.7em; line-height:115%; letter-spacing:0;}
.fliess06 {font-size:0.6em; line-height:120%; letter-spacing:0;}

/* Überschriften */
h1 {font-size:1.0em; font-weight:bold; line-height:120%; letter-spacing:0; font-family:Arial, Verdana, Tahoma, Sans-Serif; text-align:center; margin:0px 0px 10px 0px; padding:3px;}
h2 {font-size:0.9em; font-weight:bold; line-height:120%; letter-spacing:0; font-family:Arial, Verdana, Tahoma, Sans-Serif; text-align:center; margin:0px 0px 10px 0px; padding:3px;}
h3 {font-size:0.8em; font-weight:bold; line-height:120%; letter-spacing:0; font-family:Arial, Verdana, Tahoma, Sans-Serif; text-align:center; margin:0px 0px 10px 0px; padding:3px;}

/* Klassen - Links */
.link01 {text-decoration:none;}
.link01:link {color:#000000;}
.link01:visited {color:#000000;}
.link01:active {color:#000000;}
.link01:hover {color:#CC3300;}

.link01u {text-decoration:underline;}
.link01u:link {color:#000000;}
.link01u:visited {color:#000000;}
.link01u:active {color:#000000;}
.link01u:hover {color:#CC3300;}

.link02u {text-decoration:underline;}
.link02u:link {color:#FFFFFF;}
.link02u:visited {color:#FFFFFF;}
.link02u:active {color:#FFFFFF;}
.link02u:hover {color:#FF4D00;}

.link03u {text-decoration:underline;}
.link03u:link {color:#333399;}
.link03u:visited {color:#333399;}
.link03u:active {color:#333399;}
.link03u:hover {color:#FF4D00;}

/* Styles fuer die Lytebox */
/* #lbOverlay {position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px;} */
#lbOverlay { position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px; background-color:#000000;}
#lbOverlay.grey {background-color:#000000;}

#lbMain {position:absolute; left:0; width:100%; z-index:99999; text-align:center; line-height:0;}
#lbMain a img {border:none;}

#lbOuterContainer {position:relative; background-color:#fff; width:200px; height:200px; margin:0 auto;}
#lbOuterContainer.grey {border:3px solid #888888;}

#lbDetailsContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; width:100%; line-height:1.4em; overflow:auto; margin:0 auto;}
#lbDetailsContainer.grey {border:3px solid #888888; border-top:none;}

#lbImageContainer, #lbIframeContainer {padding:10px;}
#lbLoading {position:absolute; top:45%; left:0%; height:32px; width:100%; text-align:center; line-height:0; background:url(/grafik/lytebox/loading.gif) center no-repeat;}

#lbHoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lbImageContainer>#lbHoverNav {left:0;}
#lbHoverNav a {outline:none;}

#lbPrev {width:49%; height:100%; background:transparent url(/grafik/lytebox/blank.gif) no-repeat; display:block; left:0; float:left;}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background:url(/grafik/lytebox/prev_grey.gif) left 15% no-repeat;}
	
#lbNext {width:49%; height:100%; background:transparent url(/grafik/lytebox/blank.gif) no-repeat; display:block; right:0; float:right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover {background:url(/grafik/lytebox/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 {text-decoration:none; font-weight:bold;}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color:#333333;}
	
#lbPrev2_Off, #lbNext2_Off {font-weight:bold;}
#lbPrev2_Off.grey, #lbNext2_Off.grey {color:#CCCCCC;}
	
#lbDetailsData {padding:0 10px;}
#lbDetailsData.grey {color:#333333;}

#lbDetails {width:60%; float:left; text-align:left;}
#lbCaption {display:block; font-weight:bold;}
#lbNumberDisplay, #lbNavDisplay {float:left; display:block; padding-bottom:1.0em;}

#lbClose, #lbPlay, #lbPause { width:64px; height:28px; float:right; margin-bottom:1px;}
#lbClose.grey {background: url(/grafik/lytebox/close_grey.png) no-repeat;}
#lbPlay.grey {background: url(/grafik/lytebox/play_grey.png) no-repeat;}
#lbPause.grey {background: url(/grafik/lytebox/pause_grey.png) no-repeat;}