html, body
{
	height:100%;
	color: #333333;
}

body
{
	margin:0px;
	padding:0px;
	
	background-image:url('/Images/Fahnen Herold/Internet/Layout/BigBackground.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#E7F0FF;
	
	font-family:Arial;
	font-size:12px;
}

a, img
{
	text-decoration: none;
	border: none;
	color: #86B0EA;
}

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

form
{
	height:100%;
}

.Clear
{
	clear:both;
}

.InnerContent
{
    padding-bottom:290px;
}

#BackgroundContainer
{
    position:absolute; display:none; width:100%; height:100%; left:0px; top:0px;
}

#ContentCarrier
{
	min-height:100%;

	position:relative;
	
	width:984px;
	margin:0px auto;


	background-image:url('/Images/Fahnen Herold/Internet/Layout/WhiteWave.png');
	background-repeat:no-repeat;
	background-position:105px 390px;
}

#MainContent
{
}

#LogoCarrier
{
	position:absolute;
	right:44px; 
	top:59px;
}

/* ##################### */
/* ## HEAD-NAVIGATION ## */
/* ##################### */

#HeadNavigation
{
	background-image:url('/Images/Fahnen Herold/Internet/HeadNavigation/BackgroundFade.png');
	background-repeat:repeat-x;
	
	width:720px;
	height:40px;
	
	margin-left:12px;
}

.HeadNavigationItem
{
	display: block;
	position:relative;
	float:left;
	height:25px;
	padding:15px 10px 0px 10px;
	
	font-size:14px;
	font-family:Arial;
	color:#FFFFFF;

	height:expression('27px');
	padding:expression('13px 10px 0px 10px');
}

.HeadNavigationItem img
{
	border: none;
}

.SearchBoxNavItem
{
	padding:3px 0px 0px 8px;
	padding:expression('7px 0px 0px 8px');
}

.HasPointer
{
	cursor:pointer;
}

.HeadNavigationItemHovered, .HeadNavigationItemSelected
{
	background-color:#2B47E7;
}

.HeadNavigationDivider 
{
	float:left;
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -350px;
	width:2px;
	height:40px;
}

.SearchBoxContainer
{
	border:1px solid #0F238C;
	height:22px;
	width:200px;
	margin-top:8px;
	position:relative;
	padding:0px;
	vertical-align:top;
}

.SearchBox
{
	background-color:Transparent;
	padding:2px 0px 0px 4px;
	width:174px;
	color:#FFFFFF;
	top:0px;
	margin:0px;
	height:20px;
	border:none;
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -510px;
}

.SearchBoxButton
{
	width:18px;
	height:19px;
	background-color:#6183CC;
	position:absolute;
	right:0px;
	top:0px;
	padding:3px 0px 0px 4px;
}

/* #################### */
/* ## SUB-NAVIGATION ## */
/* #################### */
.SubNavItem
{
	position:relative;
	
	width:190px;
	padding:7px 0px 7px 10px;
	background-color:#C4D5F3;
	
	margin-bottom:1px;
	padding-left:10px;
	font-size: 14px;
}

.SubNavItem a
{
	text-decoration:none;
	color:#333333;
	font-family:Arial;
	font-size:14px;
	
	padding:0px 0px 0px 0;
	width:170px;
	display: block;
}

/*Subnavigation Highligted*/
.SubNavItemHighlighted
{
	background-color:#E2EBFA;
}

/*Subnavigation Related*/
.SubNavItemRelated
{
	background-color: #FFFFFF;
}

.SubNavItemRelated a
{
    padding-left:20px;    
}

/*Subnavigation Related hover*/
.SubNavItemRelated:hover
{
	background-color:#E2EBFA;
}

.SubNavItemRelated:hover a
{
    padding-left:20px;
}

/*Subnavitem Selected*/
.SubNavItemSelected
{
	background-color:#FFFFFF;
	background-image:url('/Images/Fahnen Herold/Internet/Layout/SubNavBackgroundFade.png');
	background-repeat:repeat-y;
	background-position:right;
	
	font-weight:bold;
}

.SubNavItemSelected a
{
    padding-left:20px;
}

.activeCategory a
{
    padding-left:0px!important;
}
.activeCategory
{
    background-color:#ffffff!important;
}

/* #################### */
/* ## TEASER - BOXES ## */
/* #################### */
.TeaserBox
{
    position:absolute;
	width:295px;
	height:79px;
	margin-bottom:1px;
	line-height:20px;
	
	font-family:Arial;
	font-size:14px;
	padding:10px 15px 10px 10px;
	
	background-repeat:repeat-y;
	background-position:right;
	
	cursor:pointer;
}

.TeaserBoxDefault
{
	background-color:#F3F7FF;
	color:#86B0E9;

	background-image:url('/Images/Fahnen Herold/Internet/Layout/TeaserBoxDefaultShadow.png');
}

.TeaserBox .Title h4
{
    font-weight:bold;
}

.TeaserBoxSelected
{
	background-color:#FFFFFF;
	color:#333333;

	background-image:url('/Images/Fahnen Herold/Internet/Layout/TeaserBoxSelectedShadow.png');
}

.TeaserBoxDefault .Title, .TeaserBoxSelected .Title
{
	font-weight:bold;
}

/* ##################### */
/* ## StartpageSlider ## */
/* ##################### */
#StartPageSliderContainer
{
	margin-top:30px;
	height:150px;
	position:relative;
}

#StartPageSliderClipping
{
	position:relative;
	left:12px;
	
	width:960px;
	height:150px;
	
	overflow:hidden;
	background-color:#FFFFFF;
}

#StartPageSlider
{
	position:relative;
	left:0px;
	
	width:3000px;
	height:150px;
}

.SliderItem
{
	position:relative;
	
	float:left;
	width:320px;
}

.SliderItemText
{
	float:left;
	
	padding:7px 3px 0px 12px;
	width:204px;
	height:143px;
	
	font-family:Arial;
	font-size:12px;
	
	background-image:url('/Images/Fahnen Herold/Internet/Layout/SliderItemRightFade.png');
	background-repeat:repeat-y;
	background-position:211px 0px;
}

.SliderItemHeadline
{
	font-weight:bold;
}
    .SliderItemHeadline h5
    {
        font-size:12px;
        font-weight:bold;
    }

.SliderItemImage
{
	width:101px;
	height:150px;
	overflow:hidden;
	
	float:right;
}

.SliderItemArrow
{
	position:absolute;
	left:211px;
	top:3px;
	width:13px;
	height:22px;
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -210px;
}

.TopMenuArrow
{
    width:21px;
    height:11px;
    position:absolute;
    top:40px;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -329px;
}
.TopImageArrow
{
    position:absolute; 
    bottom:-8px; 
    left:9px;
    width:42px;
    height:19px;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -184px;
}

.MenuRightArrow
{
    position:absolute;
    right:-6px;
    width:16px;
    height:29px;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -244px;
}

/* ############ */
/* ## Footer ## */
/* ############ */

#Footer
{
	position:absolute;
	bottom:0px;
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/BackgroundSprites.png') 0px -50px repeat-x;
	height:250px;
	width:948px;
	margin-left:12px;
	padding:12px 0px 0px 12px;
}

#Footer .FooterColumn
{
	float:left;
	width:140px;
	padding-right:40px;
}

#Footer .FooterColumn .FooterHeadline
{
	font-weight:bold;
	height:20px;
}

#Footer .FooterColumn a
{
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
}


/* ############## */
/* ## SUBPAGES ## */
/* ############## */
.LeftPageColumn
{
	width:210px;
	padding-top:20px;
	
	vertical-align:top;
}

.CenterPageColumn
{
	width:510px;
	
	vertical-align:top;
}

.RightPageColumn
{
	width:230px;
	padding:20px 0px 0px 10px;
	
	vertical-align:top;
}


/* #################### */
/* ## Service-Column ## */
/* #################### */

.ServiceColumn
{
	font-family:Arial;
}

.ServiceColumn .BoxHeadline
{
	padding:8px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	
	margin-bottom:1px;
}

.ServiceColumn .BoxContent
{
	padding:8px;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	
	margin-bottom:20px;
}

.ServiceColumn .DownloadLink
{
	padding:8px;
	background-color:#FFFFFF;
	
	margin-bottom:1px;
}

.ServiceColumn .DownloadLink a 
{
    background: transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -560px no-repeat;
    
	color:#333333;
	text-decoration:none;
	font-size:12px;
	
	width:100%;
	padding:8px 0px 8px 24px;
	height:13px;
	
}

.ServiceColumn .BoxSpecialDirectLink
{
	padding:8px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}

.ServiceColumn .BoxSpecialDirectLink a
{
	padding:8px 0px 8px 20px;
	height:13px;

	color:#333333;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	
	background: transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -583px no-repeat;
}

.ServiceColumn .BoxSpecialDirectLink a.NormalSize
{
	font-size:12px;
	font-weight:normal;
	display: block; 
}

.ServiceColumn .BoxSpecialBlue
{
	padding:8px 0px 8px 8px;
	background-color:#0F228C;
}

.ServiceColumn .BoxSpecialBlue a
{
	padding:8px 0px 8px 20px;
	height:13px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	background: transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -533px;
}

/* ############## */
/* ## DEFAULTS ## */
/* ############## */
h1
{
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
}

.BlueList
{
	width:490px;
	margin:0px;
	padding:0px;
}

.BlueList li
{
	width:100%;
	background-color:#E7F0FF;
	margin-bottom:1px;
	list-style-type:none;
}

.BlueList li span
{
	padding-left:20px;
	background-image:url('/Images/Fahnen Herold/Internet/Lists/BlueListBullet.png');
	background-repeat:no-repeat;
	background-position:10px 0px;
}

.SectionHeadline
{
	font-weight:bold;
	color: #122697;
	height:27px;
	padding:0px 0px 5px 15px;
	position:relative;
	
	background-image:url('/Images/Fahnen Herold/Internet/Layout/SectionHeadlineShadow.png');
	background-repeat:no-repeat;
	background-position:bottom;
}

#Gallery
{
}

a.GalleryImage
{
	float:left;
	border:1px solid #E7F0FF;
	margin:0px 10px 10px 0px;
	display:block;
}

/* ####################### */
/* ## LanguageSelection ## */
/* ####################### */
#LanguageSelectionOverlay
{
	display:none;
	
	position:absolute; 
	top:0px; 
	left:0px;
	
	background-image:url('/Images/Fahnen Herold/Internet/HeadNavigation/LanguageSelection/LanguageSelectionTop.png');
	background-repeat:no-repeat;
	width:114px;
	
	cursor:pointer;
	
	padding-bottom:20px;
}

#LanguageSelectionOverlay .CurrentLanguage
{
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -486px;
	height:15px;
	margin:10px 0px 0px 12px;
	padding:0px 0px 0px 20px;
}

#LanguageSelectionOverlay .LanguageList
{
	background-image:url('/Images/Fahnen Herold/Internet/HeadNavigation/LanguageSelection/LanguageSelectionBackground.png');
	background-repeat:repeat-y;
	padding:7px 0px 6px 3px;
	margin-top: 1px;
	/*width:102px;*/
}

#LanguageSelectionOverlay .LanguageBottom
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 7px;
	background-image:url('/Images/Fahnen Herold/Internet/HeadNavigation/LanguageSelection/LanguageSelectionBottom.png');
	background-repeat:no-repeat;
}

#LanguageSelectionOverlay .Language
{
	background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 5px -449px;
	padding:3px 0px 2px 23px;
	margin-left:6px;
}

#LanguageSelectionOverlay .Language a
{
	display: block;
	color: #333333;
	text-decoration: none;
}
    #LanguageSelectionOverlay .Language:hover
    {
        background-color:#2B47E7;
	    width: 73px;
    }
        #LanguageSelectionOverlay .Language:hover a
        {
            color:#FFFFFF;
        }



#LanguageSelectionOverlay .Selected
{
	background-position: 5px -408px!important;
}

/*##### News/Press #####*/
/*######################*/
.NewsListBox
{
	width: 490px;
	margin: 10px 0px 0px 0px;
	display: block;
}

.NewsListBox .DateBox
{
	float: left;
	width: 80px;
	height: 44px;
}

.NewsListBox .DateBox .Day
{
	background-color:#F3F7FF;
	height: 24px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.NewsListBox .DateBox .MonthYear
{
	margin: 2px 0px 0px 0px;
	background-color:#F3F7FF;
	height: 18px;
	text-align: center;
}

.NewsListBox .NewsContent
{
	float: left;
	margin: 0px 0px 0px 10px;
	width: 340px;
}
.NewsListBox .NewsContent .NewsHeadline
{
	font-size: 14px;
	font-weight: bold;
}

.NewsListBox .NewsContent .NewsTeaser
{
	margin-top: 4px;
}

.LinkMore
{
	color: #333333;
	text-decoration: none;
	padding: 3px 4px;
	background-color:#F3F7FF;
}

/* ##### Testimonial ###### */
/* ######################## */
.TestimonialList
{
	width: 490px;
	margin: 10px 0px 0px 0px;
}

.TestimonialList img
{
	display: block;
	float: left;
}

.TestimonialList .Content
{
	float: left;
	width: 304px;
	margin: 0px 0px 0px 10px;
}

.TestimonialList .Content .Headline
{
	font-size: 14px;
}

.TestimonialList .Content .Teaser
{
	margin-top: 4px;
}

/* ##### Teampage ##### */
/* #################### */
.DepartmentList
{
	width: 490px;
	height: 34px;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	background-image: url('/Images/Fahnen Herold/Internet/Layout/DepartmentShadow.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

.TeampageList
{
	margin: 0px 10px 10px 0px;
	float: left;
	width: 240px;
	height: 260px;
}

.TeampageListWithoutImage
{
	margin: 0px 10px 10px 0px;
	float: left;
	width: 240px;
}

.TeampageList .Image
{
	width: 130px;
	height: 180px;
}

.TeampageList .Content *
{
	color: #333333;
	text-decoration: none;
}

/* ##### FAQ List ##### */
/* #################### */
ul.FaqList
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 490px;
}
ul.FaqList li
{
	list-style-type: none;
	margin-bottom: 1px;
	padding: 0px 0px 0px 10px;
}

ul.FaqList li.Question
{
	background-color:#F3F7FF;
	cursor: pointer;
	background-position: center right;
	background-repeat: no-repeat;
}

.Active
{
	background-image: url('/Images/Fahnen Herold/Internet/Lists/BlueListBulletArrowUp.png');
}

.Inactive
{
	background-image: url('/Images/Fahnen Herold/Internet/Lists/BlueListBulletArrowDown.png');
}

ul.FaqList li.Answer
{
	list-style-type: none;
	margin-bottom: 10px;
}

/* ##### Breadcrumb ##### */
/* ###################### */
#Breadcrumb
{
	color:#333333;
	font-size:11px;
	padding:0px 0px 10px 0px;
}

#Breadcrumb #Start
{
	/*background-color:#CCCCCC;*/
	background-color: #C4D5F3;
	float:left;
	height:14px;
	padding:0px 0px 1px 5px;
}

#Breadcrumb #Start span
{
	position: relative;
	top: -1px;
}

#Breadcrumb .Spacer
{
	background:url("/Images/Fahnen Herold/Internet/Layout/sprites.png") 0px -306px;
	float:left;
	height:15px;
	width:21px;
}

#Breadcrumb .Element
{
	/*background-color:#CCCCCC;*/
	background-color: #C4D5F3;
	float:left;
	height:14px;
	padding:0px 0px 1px 5px;
}

#Breadcrumb .Last
{
	background:url("/Images/Fahnen Herold/Internet/Layout/sprites.png") -81px -306px;
	float:left;
	height:15px;
	width:18px;
}

#Breadcrumb * a
{
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	position: relative;
	top: -1px;
}

/* ##### Offer Form ##### */
/* ###################### */
.OfferForm
{
	width: 490px;
}

.OfferForm table
{
	width: 100%;
}

.OfferForm table tr td:first-child, .OfferForm table tbody tr td:first-child
{
	width: 140px;
}

.OfferForm input[type="text"], .OfferForm select
{
	width: 200px;
	border:1px solid darkblue;
}

.OfferForm textarea
{
	width: 200px;
	border:1px solid darkblue;	
}

.OfferForm input:focus
{
	border: 1px solid red;
}

.OfferForm .ButtonContainer
{
	margin-top: 10px;
	padding-left: 254px;
}

.OfferForm .Button
{
	display: block;
	float: left;
	min-width: 100px;
	min-height: 20px;
	margin: 0px 10px 0px 0px;
	padding: 1px 4px 0px 4px;
	background-color: #C4D5F3;
	color: #333333;
	text-align: center;
}

/* ##### ContactForm ##### */
/* ####################### */
.ContactForm .Teaser
{
	margin: 10px 0px;
}

.ContactForm table tr td
{
	padding-bottom: 4px;
}

.ContactForm table tr td:first-child
{
	width: 100px;
}


.ContactFormButton
{
	display: block;
	float: left;
	min-width: 100px;
	min-height: 20px;
	margin: 0px 10px 0px 0px;
	padding: 1px 4px 0px 4px;
	background-color: #C4D5F3;
	color: #333333;
	text-align: center;
}

.ContactForm .MapContainer
{
	margin: 10px 0px 0px 0px;
}

.FormErrorMsgContainer
{
	border: solid 3px #E2001A;
	padding: 20px 0px;
	margin: 10px 0px;
	text-align: center;
	color: #E2001A;
	font-weight: bold;
	background-image: url("/Images/Fahnen Herold/Internet/Forms/note.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

.FormInputFieldError
{
	border: solid 2px #E2001A!important;
}

.Clear
{
	clear: both;
}

.CottonLineGreen
{
    color:#89a922;
}

.SearchResultContainer
{
	margin: 10px 0px 0px 0px;
}

div.searchResultText
{
	margin: 10px 0 28px 0;	
}

.StartSliderTeaserBoxes
{
    height:300px;
    width:320px;
    position:relative;
    overflow:hidden;
}

.SliderBullets
{
    clear:both;
    position:absolute;
    top:330px;
    left:20px;
    padding:0px;
    margin:0px;
}
.SliderBullets li
{
    width:15px;
    height:15px;
    list-style-type:none;
    float:left;
    margin:0px 5px 0px 0px;
    cursor:pointer;
}
    .SliderBullets li
    {
        background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') -25px -59px;
    }
    .SliderBullets li.active
    {
        background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -59px;
    }
    
div.SliderArrow
{
    display:block;
    position:absolute;
    top:158px;
    left:332px;
    z-index:9999;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') 0px -212px;
    width:11px;
    height:22px;
}

#BigSlideShow
{
    position:relative;
}

a.Logo
{
    width:162px;
    height:49px;
    overflow:hidden;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png');
    display:block;
    
}

#SliderRightArrow,
#SliderLeftArrow
{
    position:absolute; 
    top:66px; 
    cursor:pointer;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png');
    height:30px;width:30px;
}

#SliderLeftArrow
{
    left:-10px;    
    background-position:0px -84px;
}
#SliderRightArrow
{
    right:-10px; 
    background-position:-40px -84px;
}

a.SearchButton
{
    display:block;
    width:15px;
    height:15px;
    cursor:pointer;
    background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') -50px -126px;
}

.LanguageSelection .LanguageSelector
{
    display:block;width:15px;height:15px;cursor:pointer;background:transparent url('/Images/Fahnen Herold/Internet/Layout/sprites.png') -75px -126px;
}

.ContentSpacer { height:120px; width:984px; }

/* jQuery Lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 50%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.TeaserBox h2
{
    font-size:inherit!important;
    font-weight:inherit!important;
    color:inherit!important;
    display:inline;
}

.TopBanner
{
    width:420px;
    height:80px;
    display:block;
    position:absolute;
    left:12px;
    top:60px;
}

#SEONavigation
{
    position:absolute;
    bottom:233px;
    right:80px;
    z-index:100;
}
    #SEONavigation a
    {
        color:White;font-weight:bold;font-size:12px;font-family:Arial,Helvetica,sans-serif!important;
    }
    #SEONavigation ul li ul li a
    {
        font-weight:normal!important;
    }