html
{
  min-height: 100%;
  height: auto;
}
body
{
  background: #000000 url(../app_themes/ThePirates/images/mauer_bottom.jpg) bottom center no-repeat;
  font-family: Arial, Verdana;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}
h1
{
  font-family: CreakFra, Arial, Verdana;
  margin: 0px;
  padding: 0 0 15px 0;
  font-size: 24px;
  letter-spacing: -1px;
  font-weight: bolder;
  color: #FFFFFF;
}
h2
{
  font-family: Arial, Verdana;
  margin: 0px;
  padding: 25px 0 10px 0;
  font-size: 17px;
  letter-spacing: -1px;
  font-weight: bolder;
  color: #FFFFFF;
}
body, p, div, li
{
  font-size: 12px;
  line-height: 18px;
}
p
{
  margin: 0px;
  padding: 0px;
}

#boxPage
{
  background: url(../app_themes/ThePirates/images/mauer_top.jpg) top center no-repeat;
  width: 100%;
  margin-bottom: 150px;
}
#boxMain
{
  width: 1229px;
  margin: auto;
  padding: 15px 0px 0px 0px;
  background: url(../app_themes/ThePirates/images/top_hinwil.jpg) top center no-repeat;
}
#navTop
{
  width: 500px;
  padding-left: 375px;
  height: 206px;
  overflow: hidden;
}
#navTop img
{
	border: 0px;
	margin: 0 10px 0 10px;
}
#boxContent
{	
	width: 1229px;
	background: url(../app_themes/ThePirates/images/background.jpg) top center repeat-y;
	min-height: 50px;
	clear: both;
}
#boxInner
{
	width: 889px;
	padding: 10px 170px 0px 170px;
	background: url(../app_themes/ThePirates/images/top_nav.jpg) top center no-repeat;
	min-height: 300px;
}
#navMain
{
	margin: 0 0 35px 0;
	text-align: left;
	height: 20px;
	overflow: hidden;
}
#navMain ul
{
	margin: 0px;
	padding: 0px;
	clear: both;
}
#navMain li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0 25px 0 0;
}
#boxFooterAll
{
  width: 990px;
  height: 75px;
  background: url(../app_themes/ThePirates/images/content_bottom.jpg) top center no-repeat;
  margin: auto;
  padding-top: 15px;
}

#boxFooterAll ul
{
  text-align: center;
}
#boxFooterAll li
{
  margin: 0 10px 0 10px;
  padding: 0px;
  display: inline;
  list-style-type: none;
}
#boxFooterAll a, 
#boxFooterAll a:link, 
#boxFooterAll a:active, 
#boxFooterAll a:visited
{
  10px;
  color: #FFFFFF;
  text-decoration: none;
}


/* ---- Custom Layout ---- */
.TwoColumnLeft
{
  width: 247px;
  padding-right: 62px;
  float: left;
}
.TwoColumnRight
{
  width: 560px;
  float: left;
}
.TwoColumnFooter
{
  clear: both;
  padding-top: 35px;
}


/* ---- Inhalt ---- */
.TwoColumnRight a, 
.TwoColumnRight a:link, 
.TwoColumnRight a:active, 
.TwoColumnRight a:visited 
#boxInner a,
#boxInner a:link, 
#boxInner a:active, 
#boxInner a:visited 
{
  color: #FFFFFF;
  text-decoration: underline;
}

.TwoColumnRight a:hover
{
  color: #ededed;
  text-decoration: underline;
}
.TwoColumnFooter, 
.TwoColumnFooter p, 
.TwoColumnFooter li, 
.TwoColumnFooter a
{
  font-size: 10px;
}


/* ---- Intro ---- */
#Intro
{
  width: 100%;
}


/* ---- Boxen ---- */
.panelBox
{
  border: 1px solid #530001;
  background: url(/app_themes/ThePirates/images/panelBox_background.png) top left;
  padding: 7px;
}



/* ---- Biz-Forms ---- */
.panelBox .EditingFormTable
{
  width: 100%;
  border: none;
}
.panelBox .EditingFormTable .TextboxField, 
.panelBox .EditingFormTable .TextBoxField
{
  width: 100%;
  border: 1px solid #530001;
  height: 16px;
}
.panelBox .EditingFormTable .FormButton
{
  border: 1px solid #530001;
  color: #FFFFFF;
  background: #C60216;
  cursor: hand;
  margin-top: 15px;
  height: 22px;
  padding: 0px 3px 3px 3px;
}



/* ---- Newsletter ---- */
.NewsletterSubscription table
{
  width: 100%;
}
.NewsletterSubscription div label, 
.NewsletterSubscription div span
{
  line-height: 35px;
}
.NewsletterSubscription .SubscriptionTextbox
{
  width: 100%;
  border: 1px solid #530001;
  height: 16px;
}
.NewsletterSubscription .SubscriptionButton
{
  border: 1px solid #530001;
  color: #FFFFFF;
  background: #C60216;
  cursor: hand;
  margin-top: 15px;
  height: 22px;
  padding: 0px 3px 3px 3px;
}
.NewsletterSubscription input
{
  border: 1px solid #530001;
  height: 16px;
  font-size: 12px;
  color: #C60216;
}


/* ---- Home ---- */
.HomeFooter
{
  text-align: center;
}
.HomeFooter #menuElem
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.HomeFooter #menuElem li
{
  float: left;
  margin: 0 10px 0 10px;
}
.HomeFooter #menuElem li a
{
  color: #FFFFFF;
  text-decoration: none;
}


/* ---- Navigation Links ---- */
.TwoColumnLeft #subNavTop
{
  width: 250px;
  height 34px;
  min-height: 34px;
  background: url(/App_Themes/ThePirates/Images/subnavi_oben.png) bottom center no-repeat;
}
.TwoColumnLeft #subNavBottom
{
  width: 250px;
  height 46px;
  min-height: 46px;
  background: url(/App_Themes/ThePirates/Images/subnavi_unten.png) bottom center no-repeat;
}
.TwoColumnLeft #menuElem
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  background: url(/App_Themes/ThePirates/Images/subnavi_mitte.png) top center repeat-y;
}
.TwoColumnLeft #menuElem li
{
  padding: 3px 7px 3px 25px;
  margin: 0;
}
.TwoColumnLeft #menuElem li a, 
.TwoColumnLeft #menuElem li a:link, 
.TwoColumnLeft #menuElem li a:active, 
.TwoColumnLeft #menuElem li a:visited
{
  font-family: CreakFra, Arial, Verdana;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: bolder;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}
.TwoColumnLeft #menuElem li a:hover, 
.TwoColumnLeft #menuElem li:hover a
{
  color: #C4041B;
}




.CMSTreeMenuTable {	
}
.CMSTreeMenuItem, .CMSTreeMenuSelectedItem  {
	BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; BACKGROUND-IMAGE: url(../app_themes/mysite/images/leftmenuline.gif); WIDTH: 150px; BACKGROUND-REPEAT: repeat-x
}
.CMSTreeMenuSelectedItem  A {
	color:black;
}
.CMSTreeMenuSelectedLink {
	COLOR: black; TEXT-DECORATION: none;
}
.CMSTreeMenuLink {
	TEXT-DECORATION: none;
}

/* ---- News page ---- */

.NewsTitle
{
	color: #3c78cc;
	font-size: large;
}
.NewsSummary
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

/* ---- Drop-down menu ---- */

.subCMSMenuItem, .subCMSMenuItemMouseOver, .subCMSMenuItemMouseDown, .subCMSMenuItemMouseUp, .subCMSMenuHighlightedMenuItem, .subCMSMenuHighlightedMenuItemMouseDown, .subCMSMenuHighlightedMenuItemMouseOver, .subCMSMenuHighlightedMenuItemMouseUp
{
  background-color: #3a75ca;
  color: white;
  text-decoration: none;
  width: 90px
}


/* ---- Media-Gallery ---- */
.MediaGalleryPagger
{
  border-bottom: 1px solid #530001;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}
.MediaGalleryDetailBottom
{
  border-top: 1px solid #530001;
  padding: 5px 0 0 0;
  margin: 15px 0 0 0;
}
.panelBox .GalleryImage 
{
  margin: 0 7px 7px 7px;
  padding: 5px;
  width: 110px;
  height: 110px;
  min-height: 120x;
  text-align: center;
  float: left;
  background: #FFFFFF;

}
.panelBox .GalleryImage img
{
  border: 0px;
}


/* ---- Mitarbeiter ---- */
.Mitarbeiter div
{
  padding: 5px;
  clear: both;
}
.Mitarbeiter img
{
  border: 2px solid #FFFFFF;
  float: left;
  margin-right: 10px;
}