/* CSS Document */

html 
{padding:0px; margin:0px;}

body 
{padding: 0; margin: 0px; background-color:#fbf0d0;} /*hier die bgcolo fbf0d0r ändern*/

#main /*umschliesst das gesamte layout*/
{padding: 0px; margin: 0px auto; width:800px; height:auto; position:relative;
background-image: url('bilder/bg.gif'); border-left:1px solid #fff; border-right:1px solid #fff; 
background-repeat:repeat-y;}
 
#head 
{background-image:url(bilder/kopfbg2.gif); /*hier das bgbild ändern*/ background-repeat:no-repeat; background-color: #fbf0d0;
padding: 0px; margin: 0px auto; width:800px; float:left; height:335px;}

.content 
{padding: 0px; margin: 0px; width:800px; min-height: 560px; position:relative;/*min-heigt war 560 px*/}



#footer
{width:800px; height:17px; margin:0px auto;  padding:0px;
background-color:#FCE4BB; clear:both;} 

#footer a
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
color: #504E53; margin:0px auto;  padding:0px; text-decoration: none; } 

#footer a span
{text-decoration: none;} 

#footer a:hover
{text-decoration: underline} 

#footer .aktiv
{text-decoration: underline} 

.home
{width:800px; height:17px; margin:0px;  padding:0px;
position:absolute; top:6px; left:710px; width:80px; } 

.home a
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
color: #504E53; margin:0px auto;  padding:0px; text-decoration: none;color:#AD141A; } 

.home a:hover
{text-decoration: underline;} 

.menu 
{font-family: verdana, sans-serif; width:760px; height:22px; position:relative; top: 63px;
left:20px; font-size:11px; z-index:10; }

/*hier werden die "kopflinks" definiert wovon aus sich die liste aufklappt*/
.menu ul li a, .menu ul li a:visited 
{display:block; text-decoration:none; color:#000; width:116px; height:22px; text-align:center; 
color:#000; line-height:20px; font-size:11px; overflow:hidden; padding-top:2px;}

/*definition das kein listenpunkt erscheint*/
.menu ul 
{padding:0; margin:0;list-style: none;}

/*die einzelnen listenpunkte fließen immer links*/
.menu ul li 
{float:left; position:relative;}

/*die submenüpunkte werden nicht angezeigt*/
.menu ul li ul 
{display: none;}

/* specific to non IE browsers */

/*der "kopflink" verändert die farbe wenn er aktiv ist*/
.menu ul li:hover a 
{color:#AD141A; background-color:#F5E4D2;}

/*aktiver menübutton ist rot*/
.menu ul li a span 
{color:#AD141A; background-color:none;}

/*beim drüberfahren über einen kopflink wird das submenü angezeigt und postitioniert hier*/
.menu ul li:hover ul 
{display:block; position:absolute; top:22px; left:0; width:116px;}

/* hier wird der normale link-zustand der submenübuttons festgelegt 
hier müsste wenn das bgimage rein*/
.menu ul li:hover ul li a 
{display:block; background:#FEFDFA; color:#504E53;
filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;} 
/*die schreibweisen für die verschiedenen browsertypen*/

/* hier wird der hover-zustand der submenübuttons festgelegt, die hgfarbe und die farbe der schrift*/
.menu ul li:hover ul li a:hover 
{background:#D8DADC; color:#AD141A;} 

/*für das subsubmenü
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li a.hide {background:#006699; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#000; color:#000;}
.menu ul li:hover ul li ul {display: none;}*/

.menu ul li.menuhoveronly:hover a 
{color:#AD141A; background-color:transparent;}

/*hiermit wird der menübutton des obermenüs farbig hinterlegt wenn er aktiv ist*/
.active
{background-color: #F5E4D2; display:block; width:135px; height:18px; padding: 0px 0px 0px 5px; margin:0px 0px 0px -5px;
font-weight:bold;}


#logobild
{width:415px; height:250px; margin:0px; padding:0px; 
top:85px; left:20px;position: absolute;} 

#film 
{float:left;padding:0px;margin:0px;left:435px;top:85px;
width:345px; height:250px; position:absolute;z-index:200;}

.textbox/*umfassender behälter für die 2 folgenden textspalten*/
{float:left; width:500px; padding-left:280px; margin:15px 0px 0px 0px; }

.textbox1/*die 1. textspalte in den produktseiten*/
{padding:0px 0px 20px 0px ; width:240px; left:20px; top:0px; float:left; margin:0px; }

.textbox2 /*ie 2. textspalte in den produktseiten*/
{padding:0px 0px 20px 20px ; width:240px; left:470px; top:0px; float:left; margin:0px; }

.textbox1 ul, .textbox2 ul { margin-top: 0; padding-top: 0; } 
.textbox1 ul li, textbox2 ul li {list-style-type:disc; padding: 0px; margin: 0px;}

.textbox3/*die textbox für längeren und breiteren text*/
{float: left; width:400px; padding:0px 0px 20px 280px; margin:15px 0px 0px 0px; }

.textbox3 a/*die textbox für längeren und breiteren text als link*/
{text-decoration: underline; color:#504E53; }

.textbox3 ul /*die textbox für längeren und breiteren text als link*/
{ list-style-type:square; padding: 0px 0px 0px 0px;  margin:0px 0px 0px 15px;line-height:25px; }

.textbox3 ul ul /*die textbox für längeren und breiteren text als link*/
{ list-style-type:none; line-height:15px; }

.textbox4/*die textbox für text an der linken seite wo sonst keiner ist*/
{position: absolute; width:198px; height:200px; left: 0px; top: 356px; float:left; padding:10px 5px 5px 20px;
margin:0px;}

.textbox5/*die textbox für linksstehende texte (wie bei jobs z.b.)*/
{position: absolute; width:200px; height:15px; left: 0px;  float:left; padding:3px 5px 0px 20px;
margin:15px 0px 0px 0px;background-color:#fcfcf4;font-family:Verdana, sans-serif; font-size:10px; text-align:right; color:#504E53;}

.textbox6/*die textbox für linksstehende texte (wie bei jobs z.b.)*/
{position: absolute; width:200px; height:15px; left: 300px;  float:left; padding:3px 5px 0px 20px;
margin:15px 0px 0px 0px;background-color:#fcfcf4;font-family:Verdana, sans-serif; font-size:10px; text-align:right; color:#504E53;}


.grundtext/*der normale fließtext*/
{font-family:Verdana, sans-serif; font-size:10px; line-height:13px; color:#504E53;}

.grundtext a/*der normale fließtext als link*/
{text-decoration: underline; color:#504E53; }

.grundtext a:hover /*der normale fließtext als link*/
{text-decoration: underline; color:#AD141A; }

.grundtext_fett/*die textbox für text an der linken seite wo sonst keiner ist*/
{font-family:Verdana, sans-serif; font-size:10px; line-height:13px; color:#504E53;
font-weight:bold;}

.grundtext_kursiv/*die textbox für text an der linken seite wo sonst keiner ist*/
{font-family:Verdana, sans-serif; font-size:10px; line-height:13px; color:#504E53;
font-weight:bold; font-style:italic; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

./*die auszeichnung für die überschriftne in der der */
{font-weight:bold; background-color:#FCE4BB; width:200px; height:15px; padding:0px; margin: 0px 0px 10px 0px;}

.produkticon 
{position: absolute ;width:55px; height: 55px; top: 370px; left: 200px; padding:0px; margin:0px;}

.themenbalken
{float:left; width:495px; height:15px; background-color:#AD141A;
padding: 3px 0px 0px 5px; margin: 0px 0px 0px 280px;  }

.themenbalken h1
{font-family: Verdana, sans-serif; font-size:11px; font-weight: bold; color:#FFFFFF;
padding: 0px; margin: 0px; }

.links /*die links neben dem produkttexten*/
{position: absolute; top:435px; left:125px; width:130px; height:50px; padding:0px; margin: 0px;
text-align:right;}

.links a /*die links neben dem produkttexten*/
{font-family: Verdana, sans-serif; font-size:10px; line-height:12px;
text-align:right; text-decoration:underline; color:#AD141A;}

.links a:hover /*die links neben dem produkttexten*/
{color:#3E3D41; text-align:right;}

p
{margin-top:0px; margin-bottom:10px;}

h1
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
padding: 0px 0px 10px 0px; margin:0px; color:#504E53; line-height:16px;}

h2
{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;
padding:0px;margin:0px;}

h3
{width:230px; height:17px; background-color:#F5E4D2; margin-bottom:5px; color: #AD141A; float:left;
font-size:11px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px 0px 0px 7px;
text-decoration:none;}

h3 a:hover
{text-decoration: none;color:#504E53;}

.button
{background-color:#F5E4D2; color: #AD141A; float:left; border:1px; text-align:center;
font-size:11px; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;}

.table_main
{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold; line-height:14px;
padding:0px;margin:0px; vertical-align:top; float:left;}

.table_main td
{vertical-align:bottom; padding-bottom:55px;}

.sitemap /*die formatierung für die überschriften in der sitemappartner*/
{position: relative;  width:200px; height:15px; clear:left; padding:3px 0px 3px 5px; 
margin:0px 0px 0px 0px; background-color:#fcfcf4; font-family:Verdana, sans-serif; font-size:10px; text-align:left; color:#504E53; display:block;}

.sitemap  ul li ul li/*die formatierung für die überschriften in der sitemappartner*/
{margin:10px 0px 10px 0px;}

/*popups popups popups popups popups popups popups popups popups*/

.popupbox 
{width: 500px; /*+40 (wegen padding) = 540 */
height: 400px; /*+40 (wegen padding) = 440 */
padding:10px; margin: 0px; position: absolute; top: 0px; left:0px;}

.popupbox_login
{width: 380px; /*+40 (wegen padding) = 620 */
height: 380px; /*+40 (wegen padding) = 420 */
padding:10px; margin: 0px; position: absolute; top: 0px; left:0px;}

.popupkopf {width: 400px; height: 62px; padding:0px; margin: 0px;}

.popupinhalt 
{width: 400px; height: 438px; padding:0px; margin: 0px; background-color:#FEF2DE;
background-image:url(popups/bilder/hg.jpg); background-repeat:no-repeat;}

.popup_themenbalken
{width: 245px; height: 15px; padding:3px 0px 0px 5px; margin: 0px; background-color:#FEF2DE; position:relative; 
top:44px; left:150px; background-color:#AD141A; font-family:Verdana,sans-serif; font-size:11px;
font-weight:bold; color:#FFFFFF;}

.themenbalkenlogin_popup
{float:left; width:410px; height:15px; background-color:#AD141A;
padding: 3px 0px 0px 5px; margin: 0px 0px 10px 0px;}

.themenbalkenlogin_popup h1
{font-family: Verdana, sans-serif; font-size:11px; font-weight: bold; color:#FFFFFF;
padding: 0px; margin: 0px; }

.button
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
border:1px solid #AD141A; width: 80px; height:20px; padding:0px; margin: 5px 0px 25px 0px; 
background-color:#F5E4D2; float:left;}
	
.table_bestellung 
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
border:1px solid #AD141A; width: 80px; height:20px; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px; 
background-color:#F5E4D2;}

.table_bestellung th
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;
border:1px solid #AD141A; width: 80px; height:10px; padding:5px; margin: 5px 0px 25px 0px; 
background-color:#F5E4D2; float:left; vertical-align:top;}

.table_bestellung td
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal;
border:1px solid #504E53; width: 80px; height:15px; padding:5px; margin: 5px 0px 25px 0px; 
background-color:#F5E4D2; float:left; vertical-align:top;}
	
	
/* partner-seiten css */ /* partner-seiten css */ /* partner-seiten css */ /* partner-seiten css *//* partner-seiten css */ /* partner-seiten css */ /* partner-seiten css */ /* partner-seiten css */


#head_partner
{background-image:url(bilder/kopfbg2.gif); background-repeat:no-repeat; background-color: #fbf0d0;
padding: 0px; margin: 0px auto; width:800px; position:relative; height:200px;}

.content_partner /*istlgeich main im alten umfasstn de inhaltstextbereich*/
{background-color:#fbf0d0; padding: 0px; margin: 0px; width:800px; float:left; position: relative;}

.home_partner
{width:800px; height:17px; margin:0px; padding:0px; 
position:relative; top:70px; left:736px; width:80px; position:relative;} 

.home_partner a
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
color: #504E53; margin:0px auto;  padding:0px; text-decoration: none; } 

.home_partner a:hover
{text-decoration: underline} 

.linkleiste_partner
{height:17px; margin:0px;  padding:0px; position:relative; width:100px;} 

.linkleiste_partner a
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
color: #AD141A; margin:0px;  padding:0px; text-decoration: none;} 

.linkleiste_partner a:hover
{text-decoration: underline} 
/*für das partner-menü muss eigentlich relativ positioniert wrden damit sich die äußere box mitvergrößert*/

/*hiermit wird der menübutton des aktuellen links farbig hinterlegt wenn er aktiv ist*/
.linkleiste_partner a span
{color: #AD141A; text-decoration:underline;}

.menu_partner 
{font-family: verdana, sans-serif; float:left; font-size:11px; z-index:2; width:300px;
height:auto; padding:0px; margin:0px 0px 0px -20px;  position:relative; }

/*definition das kein listenpunkt erscheint*/
.menu_partner ul
{list-style-type:none; text-decoration:none;}

/*hier werden die "kopflinks" definiert wovon aus sich die liste aufklappt*/
.menu_partner ul a
{padding: 0px; margin:10px 0px 0px 3px; line-height:18px;}

/*hier wird der obereste menüpunkt definiert*/
.menu_partner ul li a
{list-style-type:none; text-decoration:none; padding: 0px 0px 0px 5px; margin:5px 0px 0px 0px; width:135px; height:18px; 
background-color:#FCFCF4; display:block; color:#000000; border-left:1px solid #AD141A; }

/*hier wird der obereste menüpunkt definiert*/
.menu_partner ul li a:hover
{ text-decoration:none; color:#AD141A; background-color:#F5E4D2; }


.menu_partner ul li ul li a 
{list-style-type:none; text-decoration:none; height:18px; padding: 0px 0px 0px 5px; margin:0px 0px 0px -25px; width:120px;
background-color:#FCFCF4; display:block; color:#504E53;}/* war F5E4D2 */

.menu_partner span
{color:#AD141A; text-decoration:none;}

.textbox_partner/*die umfassende textbox für textbox1_partner und textbox2:partner*/
{position:relative; padding:0px 0px 0px 0px ;width:510px; float:left;margin:0px;}

.textbox1_partner/*die 1. textspalte*/
{position:relative; padding:20px 0px 20px 0px ;width:240px; float:left;margin:0px; }

.textbox2_partner /*die 2. textspalte*/
{position: relative; padding:45px 0px 20px 20px ; width:240px; float:left; margin:0px;}

.textbox2_partner img /*ie 2. textspalte in den produktseiten*/
{margin:2px; border:1px solid #AD141A;}

.textbox3_partner/*die textbox für längeren und breiteren text*/
{width:500px; padding:20px 0px 20px 0px; margin:0px; float:left; }

.textbox3_partner ul /*die textbox für längeren und breiteren text als link*/
{ list-style-type:square; padding: 0px 0px 0px 0px;  margin:0px 0px 0px 15px;line-height:25px; }

.textbox3_partner ul ul /*die textbox für längeren und breiteren text als link*/
{ list-style-type:none; line-height:15px; }


#logobild_partner
{width:760px; height:115px; margin:0px; padding:0px; top:85px; left:20px;position: absolute;} 


#logobildmitfilm_partner
{width:415px; height:115px; margin:0px; padding:0px; 
top:85px; left:20px;position: absolute;} 

#film_partner 
{float:left;padding:0px;margin:0px;left:435px;top:85px;
width:345px; height:115px; position:absolute;}

.themenbalken_partner
{float:left; width:495px; height:15px; background-color:#AD141A;
padding: 3px 0px 0px 5px;}

.themenbalken_partner h1
{font-family: Verdana, sans-serif; font-size:11px; font-weight: bold; color:#FFFFFF;
padding: 0px; margin: 0px; }

.table_mainpartner
{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold; line-height:14px;
padding:0px;margin:0px; vertical-align:top; float:left;}

.table_mainpartner td
{vertical-align:bottom; padding-bottom:20px;}

.table_mainausschreibung
{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal; line-height:14px;
padding:0px; margin:0px 0px 10px 0px; vertical-align:top; float:left;}

.table_mainausschreibung td
{vertical-align:top;}

.download
{float:left;}

.liste ul
{margin: 0px; padding: 0px;}

.liste li
{list-style-type:none;}

/* lightbox css */ /* lightbox css */ /* lightbox css */ /* lightbox css */

#lightbox
{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center;	line-height: 0;	}

#lightbox a img
{border: none; }

#outerImageContainer
{position: relative; background-color: #fff; width: 500px; height: 280px; margin: 0 auto;}

#imageContainer
{padding: 5px;}

#loading
{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
	
#hoverNav
{left: 0; width: 100%; height:15px;	z-index: 10; clear:both;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
	
#prevLink { width: 73px; height: 29px; left: 0; top:-20px; float: left; background: url('partner/jsimages/prevlabel3.gif') left 0% no-repeat; }
#nextLink { width: 73px; height: 29px; right: 0; top:-20px; float: right; background: url('partner/jsimages/nextlabel3.gif') right 0% no-repeat; }

#prevLink:hover { background: url('partner/jsimages/prevlabel4.gif') left 0% no-repeat; }
#nextLink:hover { background: url('partner/jsimages/nextlabel4.gif') right 0% no-repeat; }
	
/* hier wird der Container wo die buttons drin sind bestimmt*/
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #63677D; /*hhier kann man die bgfarbe des kastens ändern (buttons entsprechend ändern)*/
	margin: 0 auto;
	line-height: 12px;
	overflow: auto;
	width: 100%	;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	height:60px;
	}

/* hier wird der Innenabstand vom Bild und der weiße "Rahmen" angelegt*/
#imageData
{padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; color: #fff; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

/* hier wird der Schriftschnitt des "titles" des Bildes bestimmt*/
#imageData #caption{ font-weight: bold;	}

/* hier wird das "image 1 of 2" oder so bestimmt*/
#imageData #numberDisplay{ display: block; clear: left; padding: 0px;}			

/* hier wird der close-button bestimmt bestimmt*/
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0px;}	
		
#overlay
{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;background-color: #000;}

/* lightbox css */ /* lightbox css */ /* lightbox css */ /* lightbox css */


/*Farben

Bordeaux-rot:  	CMYK 36-100-97-2
				RGB 173-20-26
				Web #AD141A
				
80% Grau:		CMYK 0-0-0-80
				RGB 80-78-83
				Web #504E53
				
Gelb-bg			CMYK 0-6-15-0
				RGB 254-242-222
				Web #FEF2DE
				
Footer-gelb		CMYK 0-12-30-0
				RGB 252-228-187
				#FCE4BB
				
				F5E4D2*/