/* color: #FBFAF1; /* off white background */
/* color: #F6F3E8; /* ExpandedDetails background */
/* color: #EFECDD; /* hover sideMenu text */
/* color: #E9E4CE; /* selected ListItem background */
/* color: #C5BAAC; /* sideMenu text */
/* color: #B9B5A8; /* PartnerLogo background */
/* color: #A59A8C; /* visited sideMenu text */
/* color: #9c9c94; /* Menu shadow */
/* color: #8a867f; /* gruen-beige */
/* color: #898477; /* lighter than ListItem Text */
/* color: #837671; /* extra light default text */
/* color: #736661; /* lighter than default text */
/* color: #711521; /* lighter than red as map */
/* color: #6C3632; /* red-gray */
/* color: #6C1612; /* red as map */
/* color: #696457; /* ListItem Text */
/* color: #5F615E; /* lighter than Logo-text color */
/* color: #5c4e48; /* sub page title text */
/* color: #534641; /* default text */
/* color: #4D4F4C; /* dark-green-beige */
/* color: #4C4D4F; /* dark-blue-beige */



body
{
	background-color: #FBFAF1; /* off white background *//* #8a867f; /* gruen-beige */
}

form {
	width: 740px;
	margin: 0 auto;
	color: #534641; /* default text */
	background-color: #FBFAF1; /* off white background */
	background-image: url("BackgroundTile_light.gif");
	font-size: 12px;
	font-family: Verdana;
}

div#formWithPadding /* important - used in jquery */
{
	width: 660px; 
	margin: auto;
}

/* ----- COMMON CLASSES ----- */
	#formWithPadding h1 /* titles of sub pages */
	{
		color: #5c4e48; /* sub page title text */ 
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 1.4em;
	}
	#formWithPadding h5
	{
		font-size: 1em;
		margin-top: 1em;
	}
	.subTitle, #formWithPadding h5
	{
		font-weight: bold;
		color: #696457; /* color of ListItem text and bullets */
		margin-bottom: 0.3em;
		margin-right: 0.8em;
	}

	#formWithPadding p
	{
		margin: 0.4em 0 0.8em 0;
		line-height: 1.7;
	}

	#formWithPadding a
	{
		color: #5c4e48; /* sub page title text */
	}

	#formWithPadding ul
	{
		list-style-type: square;
	}

.displayAsHyperlink
{
	text-decoration: underline;
	color: #898477; /* lighter than ListItem Text */
}

.displayNone
{
	display: none;
}

.clearFloat
{
	line-height: 0px;
	clear: both;
}

/* ----- HEADER ----- */
div#HeaderContainer
{
	text-align: center;
}
#Header
{
	width: 100%;
	height: 113px; /* actual image height */
	background: url("/Images/Header.png") no-repeat center top;
	margin-bottom: 15px;
}
div#RedHeaderLine
{
	line-height: 8px;
	background-color: #6C1612; /* red as map */
	margin-bottom: 2em;
}
/* ----- BODY - LEFT COLUMN - SIDE MENU ----- */
div#SideMenuContainer 
{
	width: 150px; /* needs to be  about 12em wide; 150 <= 660 - 450 - 40 */
	margin-top: 0.5em;
}

#SideMenu
{
width: 100%; 
}

	#SideMenu li
	{
	display: inline; /* for IE5 and IE6 */
	}

	#SideMenu div /* the Gallery "link" (which is none) at gallery.aspx */
	{
		font-weight: bold;
	}
	#SideMenu a, #SideMenu div
	{
	width: 99.99%; /* extend the sensible area to the maximum with IE5 */
	display: block;
	background-color: #6C1612; /* red as map */
	text-decoration: none;
	margin-bottom: 0.6em;
	padding: 0.1em 0.1em 0.1em 15px; /* 15px from 130 px wide */
	border-bottom: solid 1px #9c9c94; /* Menu shadow */
	border-right: solid 1px #9c9c94; /* Menu shadow */
	color: #D5CABC; /* sideMenu text */
	}

	#SideMenu a:active, #SideMenu a:focus
	{
		color: #A59A8C; /* visited sideMenu text */
	}
	#SideMenu a:hover
	{
		background-color: #570904; /* darker red */
		color: #D7CCBE; /* slightly lighter than sideMenu text */
	}

/* ----- BODY - RIGHT COLUMN (main content) ----- */
.rightColumn
{
	padding-left: 40px;
}
div#MainContent
{
	width: 450px;
}


/* ----- FOOTER ----- */
div#footer
{
	color: #736661; /* lighter than default text */
	margin: 3em 2em 4em;
	font-size: 0.85em;
	text-align: center;
}

/* =========================================================== */
/* =====                S U B   P A G E S                ===== */
/* =========================================================== */


/* =============   LISTS WITH EXPANDED DETAILS   ============= */
div.ListItem
{
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.5px;
	margin-top: 0.5em;
	padding: 0.20em 0.8em 0.21em;
}
.ListItemSelected, div#ReferenzenContainer h3
{
	/* background-color: #B5B0A3; /* lighter than ListItem Text */
	background-color: #C5C0B3; /* lighter than ListItem Text */
	background-image   : url("TransparentDark.png"); 
}
div.ExpandedDetails
{
	margin-bottom: 0.5em;	
	background-image: url("TransparentLight.png");
	display: none;
}
div#ExpandDetailList
{
	margin: 2em;
}
	#ExpandDetailList li
	{
		color: #696457; /* color of ListItem text and bullets */
	}
	#ExpandDetailList b /* emphasized text */
	{
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: normal;
	}
	#ExpandDetailList h6
	{
		font-size: 1.2em;
		font-variant: small-caps;
		color:  #8C3632; /* lighter than red as map */
		margin: 0.3em 0 0.1em 0;
	}
div.AddTransparentBeige
{
	background-image: url("TransparentLight.png");
	padding: 1em;
}

/* ========= HOME PAGE IMAGES =========== */

div#HpTopContainer
{
	margin: 15px 0 25px;
}
	#HpSlideContainer
	{
		float: left;
		display: inline;
		width: 225px;
		height: 225px;
		margin-left: 5px;
	}
	div#HpText
	{
		display: inline;
		float: left;
		width: 150px;
		line-height: 34px;
		font-size: 18px;
		color: #5b5d57;
		margin-left: 25px;
		margin-top: 6px;
	}
 div#HpText img
{
	position: absolute;
	height: 144px;
	top: 25px;
	left: 10px;
}
img#Key
{
 margin: 0;
}
	
#HomeMessage, #Signature
{
		font-family: French Script MT;
		font-family: Kunstler Script;
		font-family: Georgia;
		font-style: italic;
		line-height: 1.5em;
		font-size: 1.2em;
		color: #635651; /* much lighter than default text */
}
#Signature
{
	text-align: right;
	margin: 1em 1.5em 1em 0;	
}

/* -------- HOME / SLIDE SHOW ------ */
#HpSlides
	{
		position:relative;
	}

	#HpSlides img
	{
		position:absolute;
		top:0;
		left:0;
		z-index: 12;
	}

#slideshow {
    position:relative;
}

	#slideshow img {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		
	}
	.hideAtStart
	{
	    visibility: hidden;
	}
		#slideshow img.active {
			z-index:10;
		}

		#slideshow img.last-active {
			z-index:9;
		}

/* ========= FAHRT ANWEISUNG  =========== */

div#BuchMap
{
	margin: 2em 0 2em 1em;
}
div#fromTo input
{
	line-height: 1em;
	padding-left: 2px;
}
div#GoogleDirections
{
	margin-bottom: 5em;
	padding-left: 2.5em;
}
	div#GoogleDirections h1
	{
		text-transform: none;
		margin: 0 0 0.6em 0;
	}
	div#GoogleDirections a
	{
		/* padding: 1em 1.7em 1em 1.3em; */
		padding: 0 1em;
		line-height: 1.7em;
		text-decoration: underline;
	}
#SubmitBtn
{
	margin-right: 1.8em;
	padding: 0 2px;
}
#PrintImgBtn
{
	vertical-align: middle;
	margin-right: 3px;
}
#PrintBtn
{
	color: #534641; /* default text */
	font-weight: normal;
	text-decoration: underline;
}

/* --- Google Maps --- */
 div#GoogleMapForm
	 {
 		background-color: White;
	 }
		div#GoogleMapForm h3
		   {
    		   background-color: Navy;
    		   color: White;
    		   text-transform: uppercase;
    		   text-align: center;
    		   letter-spacing: 1px;
    		   padding: 0.4em 0;
    		   margin: 0.1em 0 0 0;
		   }

	 div.googleDirections
	 {
 		width: 570px;
 		margin: 0 auto;
	 }
	 div#fromTo
	 {
 		background-color: #E0E0E0;
 		border-bottom: solid 1px #CCC;
 		padding: 0.9em 0 0.6em 0.5em;
 		margin: 0.9em 0 0;
	 }
	 div#submitDirections 
	 {
 		margin: 1.1em 0 1em 0;
	 }
	 table.directions th 
	 {
		background-color: Navy;
		color: White;
		padding: 2px 0;
	 }	  
         
/* =========== FIRMENCHRONIK =========== */
img.rightalign
{
	float: right;
	margin: 0.9em 1em 0.7em 1.8em;
}
img.leftalign
{
	float: left;
	margin: 0.9em 1.2em 0.7em 0;
}
img#TopImg
{
	margin-top: 0;
}
div#GruppenBild
{
	margin: 1em 0; 
}

/* =========== REFERENZEN =========== */


div#ReferenzenContainer h3
{
/*  === background-color and color same as list item selected (see above) */
	font-size: 1.2em;
	letter-spacing: 1px; /* overrides 0.5px letterspacing from selected list */
	margin-top: 0.5em;
	padding: 0.15em 0.8em 0.15em;
	padding-left:  0.5em;
	width: 24em;
}
div#ReferenzenContainer ul
{
	list-style-type: none;
	margin: 0 0 0.8em;
    padding: 0 0 0 0.5em;
}
.hiddenLink
{
	display: none;
}
/* ======= REFERENZEN 0 =========== */

.referenzLink
{
	color: #837671; /* extra light default text */
	text-decoration: underline;
}
div#ReferenzenContainer0 a
{
	font-weight: normal;
	font-family: Arial;
}
div#ReferenzenContainer0 li
{
	/* padding: 0.4em 0 1em; */
	padding: 0.2em 0 0.8em;
}
div#ReferenzenContainer0 h3
{	
	width: 95%;
}
.activeLinkColor
{
  color: #6C3632; /* red-gray */
}

/* ========= GALERIE =========== */

div#movie /* div#ImageGallery */
{
	width: 440px; /* 4 pixels wider than set width in Gallery.aspx */
	height: 389px; /* higher than set height in Gallery.aspx */
	padding: 1px;
	background-color: Transparent;
	margin: 0 auto;
}

/* ========= PARTNER =========== */

div.partner
{
	margin-bottom: 2em;
}
div.partnerLogo
{
	text-align: center;
	padding: 1px 0;
	background-color: #E9E4CE; /* selected ListItem background */
	margin-bottom: 1.5em;
	width: 425px; /*  > 154 + 242 + 25 .. div width + margin */
}
	div.partnerLogo img
	{
		background-color: White;
		border: solid 1px #8a867f;
	}
div.partnerImgLeft, div.partnerImgRight
{
	display: inline-block;
	text-align: center;
    vertical-align: top;
    margin-top: 1.2em;
}
div.partnerImgLeft
{
	width: 154px; /* width of the images + 4px border*/
	float: left; /* to have both images in one line in <= IE7 */
	margin-right: 25px;
}
div.partnerImgRight
{
	width: 242px; /* width of the images + 4px border*/
	float: left; /* to have both images in one line in <= IE7 */
}
	div.partnerImgLeft img, div.partnerImgRight img
	{
		border: solid 2px #6a665f;
	}
	
/* ========= UNSER TEAM ================================ */
div#Belegschaft
{
	margin: 2em 0 2.5em 20px; /* to align it with single images below */
}
div#FirmenleitungImg
{
	float: left;
	width:160px;
	margin:0 0 25px 0; /* 23px;	*/
}

div#FirmenleitungImg img
{
	border: solid 1px #424f60;
}
div#Firmenleitung
{
	float: left;
	width:250px;
	font-size: 0.9em;
	padding-top: 7px;
	margin:0 0 25px 20px;	
}
h1#OutTeamTitle
{
	margin-bottom: 10px;
}
div.teammember
{
	float: left;
	width:142px;
	text-align: center;
	font-size: 0.9em;
	margin: 0 6px 25px 0;	/*  px for width to avoid overflow */
}
	div.teammember b, div#firmenleitung b
	{
		font-size: 1.1em;
		padding: 10px 0 0 0;
	}
	div.teammember img
	{
		margin-top: 0.5em;
		border: solid 1px #424f60;
	}
	div.teammember div /* text below images */
	{
		clear: left;
		margin-top: 7px;
	}

div#TeamSlides 
	{
		clear: both;
		position: relative;
		width: 410px;
		text-align: right;
		margin: 0 0 0 1.5em;	
	}
	span#SlideButtons
	{
		position: relative;
		top: -0.7em;
		text-align: center;
		margin-right: 1.5em;
		color: #888;
	}
	.StartButton
	{
		margin: 0 1em;
	}
		
/* ========= KONTAKT ================================ */
td.paddingRight
{
	padding-right: 1em;
}
div#KontaktContainer div
{
	margin: 0 0 2em 0;
}
p.smallMargin /* overwrites div#KontaktContainer p */
{
	margin: 0;
}