/****************************************************************************************
* ERLEBE FLENSBURG
****************************************************************************************/
BODY { background: #BBB; font-family: "Helvetica", "Verdana", "Arial", sans-serif; font-size: 12px; margin: 0; }
* { margin: 0; padding: 0; }

DIV.banner-top { width: 1000px; height: 90px; }
DIV.banner-top IMG { display: block; border: none; }
DIV.banner-right { width: 200px; height: 600px; float: right; }
DIV.banner-right IMG { display: block; border: none; } 

#page-frame { width: 1000px; margin: 0 auto; }
#page-container { width: 1000px; float: left; }
#page-container-wide { width: 1000px; background-color: #EEE; float: left; }
#page-header { height: 150px; background-position: top center; background-repeat: no-repeat; background-color: #DDD; }

#page-body { width: 1000px; background-image: url("/img/page-body-background.gif"); }
#page-body-wide { width: 1000px; background-image: url("/img/page-body-background.gif"); background-color: #EEE; }

/****************************************************************************************
* NAVIGATION
****************************************************************************************/
#page-navigation { background-color: #565656; font-size: 15px; height: 31px;}
#page-navigation A { display: block; float: left; text-decoration: none; color: #FFF; padding: 5px 10px 7px 10px; }
#page-navigation A:HOVER { color: #000; }

#page-navigation-sub { background-color: #696969; padding: 5px 0px 5px 10px; }
#page-navigation-sub A { text-decoration: none; color: #FFF; margin-right: 20px; }
#page-navigation-sub A:HOVER { color: #000; }

#page-navigation-left { float: left; width: 115px; border-top: 1px solid #FFF; }
#page-navigation-left UL { list-style: none; margin-top: 5px; padding: 0; }
#page-navigation-left LI { margin-left: 10px; }
#page-navigation-left A { color: #FFF; display: block; padding-top: 3px; margin-bottom: 3px; text-decoration: none; }
#page-navigation-left A:HOVER { color: #000000; }

#article-sidebar { float: right; width: 190px; margin-right: 5px; }
#all-article-container { float: left; width: 600px; }

.sidebar-box { border: 2px solid #C9C9C9; margin-top: 10px; }
.sidebar-box A { text-decoration: none; color: #111; }
.sidebar-box A:HOVER { color: #008DCE; }
.sidebar-box-head { background: #DDD; padding: 3px 0 3px 3px; font-weight: bold; color: #246; }
.sidebar-box-row-light,
.sidebar-box-row-dark { padding: 3px 0 3px 3px; border-top: 1px solid #C9C9C9; font-size: 10px; }
.sidebar-box-row-light { background: #FFF; }
.sidebar-box-row-dark { background: #EEE; }

/****************************************************************************************
* SIDEBAR
****************************************************************************************/

#page-sidebar { float: right; width: 200px; margin: 0;}
#page-sidebar A.admin-link { display: block; color: #565656; font-weight: bold; text-decoration: none; border-bottom: 1px solid #565656; padding: 3px 3px 3px 10px; }
#page-sidebar A.admin-link:HOVER { color: #000; }
#page-sidebar H4 { margin: 0; padding: 5px; background-color: #565656; color: #FFF; }
#page-sidebar OBJECT { margin: 0 auto; }

/****************************************************************************************
* CONTENT
****************************************************************************************/

#page-content { float: left; width: 680px; }
#page-content-wide { float: left; width: 795px; }

DIV.content A { text-decoration: none; color: #224466; }
DIV.content A:HOVER { text-decoration: none; color: #008DCE; }

/****************************************************************************************
* FOOTER
****************************************************************************************/

#page-footer { background-color: #696969; font-size: 11px; padding: 5px; text-align: right; color: #FFF; }

/****************************************************************************************
* ARTICLES
****************************************************************************************/

DIV.article-infobox { margin: 10px; }
DIV.article-infobox A { color: #333; text-decoration: none; }
DIV.article-infobox A:HOVER { color: #008DCE; }
DIV.article-infobox-favored { float: left; width: 381px; border: 2px solid #C9C9C9; background: #DDD; overflow: hidden; }
DIV.article-infobox-topnews { float: right; width: 381px; border: 2px solid #C9C9C9; background: #DDD; overflow: hidden; }
DIV.article-infobox-headline { font-weight: bold; font-size: 14px; border-bottom: 2px solid #C9C9C9; padding: 5px; color: #224466; }
DIV.article-infobox-item-light { border-bottom: 1px solid #C9C9C9; padding: 3px 0 3px 5px; background: #FFF; overflow: hidden; white-space: nowrap; }
DIV.article-infobox-item-dark { border-bottom: 1px solid #C9C9C9; padding: 3px 0 3px 5px; background: #EEE; overflow: hidden; white-space: nowrap; }

DIV.article-smallview-topmost { margin: 10px; background: #FFF; border: 2px solid #C9C9C9; padding: 10px; }
DIV.article-smallview-topmost-headline { float: left; width: 350px; color: #246; font-weight: bold; font-size: 14px; margin-bottom: 5px; }
DIV.article-smallview-topmost-headline A { color: #224466; text-decoration: none; }
DIV.article-smallview-topmost-headline A:HOVER { color: #008DCE; }
DIV.article-smallview-topmost-text { float: left; width: 350px; color: #666; line-height: 16px; font-size: 11px; }
DIV.article-smallview-topmost-text A { color: #224466; text-decoration: none; }
DIV.article-smallview-topmost-text A:HOVER { color: #008DCE; }
DIV.article-smallview-topmost-image { float: right; width: 180px; background-color: #DDD; padding: 5px; border: 2px solid #C9C9C9; margin: 0 0 0 10px; }
DIV.article-smallview-topmost-image IMG { display: block; border: none; }
DIV.article-smallview-topmost-image-caption { font-size: 10px; text-align: center; color: #000; line-height: 12px; }

DIV.article-smallview { margin: 5px 0px 5px 0px; }
DIV.article-smallview H6 { margin-bottom: 0; }
DIV.article-smallview-text { color: #666; line-height: 16px; font-size: 10px; }
DIV.article-smallview-text A { color: #224466; text-decoration: none; }
DIV.article-smallview-text A:HOVER { color: #008DCE; }
DIV.article-smallview-image { float: right; width: 160px; background-color: #DDD; padding: 5px; border: 2px solid #C9C9C9; margin: 0px 0px 0px 5px; }
DIV.article-smallview-image IMG { display: block;; border: none; }
DIV.article-smallview-image-caption { font-size: 10px; text-align: center; color: #000; padding-top: 5px; line-height: 12px; }

DIV.article-details-image { float: right; width: 230px; background-color: #DDD; border: 2px solid #CCC; margin: 0px 0px 20px 20px; }
DIV.article-details-image IMG { margin: 5px; display: block; }
DIV.article-details-image-title { text-align: center; font-size: 10px; }

/**[ ADMIN ]****************************************************************************/

#admin-article-contents { margin: 10px; width: 740px; }
#admin-article-contents DIV { border: 1px solid #328AB2; padding: 5px; background-color: #F1F1F1; margin-bottom: 5px; font-size: 1.2em; }

#flashMessage { border: 1px solid #CC8585; background: #ECD1D1; padding: 5px; margin: 20px; }

/****************************************************************************************
* STORES
****************************************************************************************/

DIV.store-smallview-list-dark { background: #DDD; margin: 0 10px 0 10px; padding: 3px 0 3px 3px; }
DIV.store-smallview-list-dark DIV { float: left; font-size: 11px; }
DIV.store-smallview-list-dark A { color: #224466; text-decoration: none; }
DIV.store-smallview-list-dark A:HOVER { color: #008DCE; }
DIV.store-smallview-list-light { background: #C9C9C9; margin: 0 10px 0 10px; padding: 3px 0 3px 3px; }
DIV.store-smallview-list-light DIV { float: left; font-size: 11px; }
DIV.store-smallview-list-light A { color: #224466; text-decoration: none; }
DIV.store-smallview-list-light A:HOVER { color: #008DCE; }
DIV.store-smallview-list-head { background: #666; margin: 0 10px 0 10px; padding: 3px 0 3px 3px; }
DIV.store-smallview-list-head DIV { float: left; font-weight: bold; }
DIV.store-smallview-list-name { width: 212px; }
DIV.store-smallview-list-tel { width: 100px; text-align: center; }
DIV.store-smallview-list-fax { width: 100px; text-align: center; }
DIV.store-smallview-list-address { width: 150px; text-align: center; }
DIV.store-smallview-list-email { width: 50px; text-align: center; }
DIV.store-smallview-list-url { width: 50px; text-align: center; }


DIV.store-smallview-small { margin: 10px 0px 10px 20px; float: left; width: 313px; }
DIV.store-smallview-small H3 { margin-bottom: 0px; }
DIV.store-smallview-small-image { float: right; width: 100px; }
DIV.store-smallview-small-image IMG { display: block; }
DIV.store-smallview-small-street { line-height: 14px; }
DIV.store-smallview-small-city { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-small-text { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-small-fax { margin-bottom: 3px; }

DIV.store-smallview-medium { margin: 10px 19px 10px 20px; clear: both; }
DIV.store-smallview-medium H3 { margin-bottom: 0px; }
DIV.store-smallview-medium-image { float: right; width: 140px; margin: 0 0 0 10px; }
DIV.store-smallview-medium-image IMG { display: block; }
DIV.store-smallview-medium-street { line-height: 14px; }
DIV.store-smallview-medium-city { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-medium-text { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-medium-tel {}
DIV.store-smallview-medium-fax { margin-bottom: 3px; }

DIV.store-smallview-large { margin: 0; margin: 10px 19px 10px 20px; }
DIV.store-smallview-large-street { line-height: 14px; }
DIV.store-smallview-large-city { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-large-text { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-large-tel { }
DIV.store-smallview-large-fax { margin-bottom: 3px; }
DIV.store-smallview-large-text { line-height: 14px; margin-bottom: 15px; }
DIV.store-smallview-large-text A { color: #000; text-decoration: none; }
DIV.store-smallview-large-text A:HOVER { color: #008DCE; }
DIV.store-smallview-large-content { float: left; width: 300px; }
DIV.store-smallview-large-media { float: right; width: 310px; }
DIV.store-smallview-large-media-image { float: left; width: 140px; height: 190px; padding: 0; margin: 0; }
DIV.store-smallview-large-media-thumbs { float: right; width: 170px; padding: 0; margin: 0; }
IMG.store-smallview-large-media-thumb { display: block; float: right; margin-left: 5px; margin-bottom: 5px; }
IMG.store-smallview-large-media-thumb-pano { display: block; float: right; margin-left: 5px; } 


/****************************************************************************************
* HEADLINES / LINKS
****************************************************************************************/

H3 { color: #363636; margin: 0px 0px 5px 0px; }
H3 A { color: #363636; text-decoration: none; }
H3 A:HOVER { color: #008dce; }

H4 { color: #666; margin: 0px 0px 5px 0px; }

H5 { color: #363636; font-size: 12px; margin: 0px 0px 5px 0px; }
H5 A { color: #363636; text-decoration: none; }
H5 A:HOVER { color: #008dce; }

H6 { font-size: 10px; color: #666; margin: 0px 0px 5px 0px; }

/****************************************************************************************
* CALENDAR
****************************************************************************************/

DIV.calendar-container { width: 154px; margin: 10px auto; background-color: #EEE; padding: 10px;}
DIV.calendar-month { text-align: center; font-size: 14px; margin-bottom: 5px;}
DIV.calendar-headline { width: 22px; height: 22px; float: left; text-align: center; font-weight: bold;}
DIV.calendar-dummy { width: 22px; height: 22px; float: left; }
DIV.calendar-item { width: 22px; height: 19px; text-align: center; float: left; padding-top: 3px;}
DIV.calendar-item-active { width: 22px; height: 19px; text-align: center; float: left; background-color: #FFF; padding-top: 3px;}

DIV.calendar-item A,
DIV.calendar-item-active A { color: #565656; text-decoration: none; }

DIV.calendar-item A:HOVER,
DIV.calendar-item-active A:HOVER { color: #000; }

/****************************************************************************************
* EVENTS
****************************************************************************************/

DIV.event-view-left { float: left; width: 47%; padding: 10px 0px 0px 20px; }
DIV.event-view-right { float: right; width: 47%; padding: 10px 20px 0px 0px; }

DIV.event-controlbar { background: #D5D5D5; padding: 5px 10px 5px 10px; text-align: center; }

DIV.event-list-container { }
DIV.event-list-headline { color: #363636; font-size: 13px; font-weight: bold; margin-top: 10px;}
DIV.event-list-time { float: left; margin: 3px 0px 3px 30px; width: 75px; color: #363636; font-weight: bold; }
DIV.event-list-title { float: left; margin: 3px 0px 3px 0px; color: #363636; font-weight: bold; }

DIV.gmap-tooltip { background-color: #FFF; border: 2px solid #CCC; padding: 5px; white-space: nowrap; text-align: center;}

DIV.input { margin-left: 30px; }

DIV.inline-input { margin-left: 30px; }
DIV.inline-input LABEL { font-weight: bold; color: #224466; margin-right: 10px; }
DIV.inline-input INPUT { font-size: 120%; padding: 2px; border: 1px solid #328AB2; background: #FFF; }


A.event-link { color: #363636; text-decoration: none; }
A.event-link:HOVER { color: #008DCE; }
/**
* Articles
*/

DIV.article-container
{
  margin: 0px 0px 0px 0px;
  width: 665px;
}

DIV.article-title
{
  margin: 0px 0px 10px 0px;
}

DIV.article-title A
{
  color: #FFCF00;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}

DIV.article-title A:HOVER
{
  color: #000000;
}

DIV.gallery-frame
{
  background-color: #DDDDDD;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #CCCCCC;
  margin: 0px 20px 10px 20px;
  padding: 5px;
}

DIV.gallery-frame A
{
  margin-left: 10px;
  color: #224466;
  text-decoration: none;
}

DIV.gallery-frame A:HOVER
{
  color: #000000;
}

DIV.article-image
{
  float: right;
  width: 200px;
  background-color: #DDDDDD;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #CCCCCC;
  margin: 0px 0px 10px 10px;
}

DIV.article-imagebar
{
  float: right;
  width: 230px;
  background-color: #DDDDDD;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #CCCCCC;
  margin: 0px 0px 20px 20px;
}

DIV.article-image IMG,
DIV.article-imagebar IMG
{
  margin: 5px 5px 5px 5px;
  display: block;
}

DIV.article-image-title
{
  margin: 0px 0px 5px 0px;
  font-size: 10px;
  text-align: center;
}

DIV.article-image-author
{
  text-align: center;
  margin: 0px 0px 5px 0px;
}

DIV.article-created
{
  color: #666666;
  margin: 0px 0px 5px 0px;
}

DIV.article-content
{
  color: #666666;
  margin: 0px 0px 20px 0px;
  text-align: justify;
}

DIV.article-content A
{
  text-decoration: none;
  color: #000000;
}

DIV.article-content A:HOVER
{
  color: #363636;
}

DIV.content
{
  margin: 20px 20px 20px 20px;
  text-align: justify;
  line-height: 20px;
  font-size: 12px;
}

DIV.article-admin
{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #CEE1EF;
  padding: 5px;
  margin: 0px 0px 30px 0px;
}

DIV.article-admin A
{
  color: #224466;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 20px 0px 0px;
}

DIV.article-admin A:HOVER
{
  color: #D54E21;
}

DIV.image-admin-box
{
  width: 635px;
  margin: 0px 0px 0px 30px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #328AB2;
  background-color: #F1F1F1;
}

DIV.image-admin-box-image
{
  float: left;
  width: 128px;
  margin: 5px 5px 5px 5px;
}

DIV.image-admin-box-image IMG
{
  display: block;
}

DIV.image-admin-box-title
{
  width: 485px;
  float: right;
  margin: 5px 5px 5px 5px;
}

DIV.image-admin-box-author
{
  width: 485px;
  float: right;
  margin: 5px 5px 5px 5px;
}

DIV.image-admin-box-buttons
{
  width: 485px;
  float: right;
  margin: 5px 5px 5px 5px;
}
  

/***
* Admin Box
***/

DIV.admin-box
{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #CEE1EF;
  padding: 5px;
  margin: 5px 5px 30px 5px;
}

DIV.admin-box A
{
  color: #224466;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 20px 0px 0px;
}

DIV.admin-box A:HOVER
{
  color: #D54E21;
}

DIV.admin-content-box
{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #CEE1EF;
  padding: 5px;
  margin: 5px 20px 10px 20px;
}

DIV.admin-content-box A
{
  color: #224466;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px 20px 0px 0px;
}

DIV.admin-content-box A:HOVER
{
  color: #D54E21;
}

DIV.image-box
{
  margin: 0px 0px 20px 30px;
}

DIV.image-frame
{
  display: table-cell;
  float: left;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #696969;
  background-color: #FFFFFF;
  padding: 5px 5px 5px 5px;
  width: 128px;
  height: 145px;
  margin: 2px 2px 0px 0px;
  text-align: center;
  vertical-align: middle;
}

DIV.image-frame IMG
{
  display: block;
  border-width: 0px;
  margin: auto auto;
}

/*****
* Forms
*****/

H2 { color: #224466; margin: 10px 0px 15px 20px; }
H2.event-headline { color: #224466; margin: 15px 0px 5px 20px; font-size: 14px; }

  

DIV.input LABEL
{
  margin: 10px 0px 3px 0px;
  display: block;
  font-weight: bold;
  color: #224466;
}

INPUT.upload
{
  margin: 10px 0px 0px 30px;
}

P.content
{
  margin-left: 20px;
}

TABLE.admin-table
{
  width: 740px;
  padding: 0;
  border-spacing: 0px;
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: #80B5D0;
  margin: 0px 0px 30px 30px;
}

TABLE.admin-table IMG 
{
  border: none;
}

TABLE.admin-table A
{
  color: #224466;
  text-decoration: none;
}
TABLE.admin-table A:HOVER
{
  color: #D54E21;
}

TABLE.admin-table TH
{
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #CEE1EF;
  color: #224466;
  padding: 5px;
}
  
TABLE.admin-table TD.light
{
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #FFFFFF;
  padding: 3px 3px 3px 3px;
}

TABLE.admin-table TD.dark
{
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #80B5D0;
  background-color: #DFF1FF;
  padding: 3px 3px 3px 3px;
}

PRE.cake-debug { width: 585px; }

DIV.checkbox { margin-top: 20px; }
DIV.checkbox INPUT { display: inline; width: 10px;}
DIV.checkbox LABEL { display: inline; margin-left: 10px;}

INPUT[type=text] { display: block; width: 740px; font-size: 120%; padding: 2px; border: 1px solid #328AB2; background: #FFF; }
INPUT[type=submit] { font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #80B5D0; background-color: #CEE1EF; color: #224466; font-size: 13px; padding: 3px; margin: 10px 0px 5px 30px; }
INPUT[type=radio] { margin: 0px 0px 5px 30px; }
TEXTAREA { display: block; width: 740px; padding: 2px; border: 1px solid #328AB2; background: #FFF; }
DIV.clearfix { height: 0px; clear: both; }
#showcase { overflow: hidden; }

DIV.showcase-container { border: 1px solid #224466; margin: 10px 5px 0 10px; background: #ceF; }
DIV.showcase-preview { float: left; padding: 5px; width: 186px; }
DIV.showcase-form { float: right; width: 580px; }
DIV.showcase-container INPUT[type=text] { width: 400px; }

#twitter { margin-left: 1px; padding-left: 37px; width: 162px; height: 42px; line-height: 42px; background: url(/img/twitter.png); }
#twitter A { font-size: 11px; color: #FFF; text-decoration: none; }
#twitter A:HOVER { text-decoration: underline; }

#page-footer A { color: #FFF; text-decoration: none; }
#page-footer A:HOVER { color: #FFF; text-decoration: underline; }

DIV.flash { width: 175px; margin: 0 auto; }

DIV.adframe { background: url(/img/anzeige.png) top center no-repeat; padding-top: 6px; margin: 5px 0 10px 0; }
DIV.adframe IMG { border: none; display: block; margin: 0 auto; }
DIV.adframe OBJECT { border: none; display: block; margin: 0 auto; }

.float-left { float: left; }
.float-right { float: right; }

TABLE.cake-sql-log { display: none; }

#panomap,
#panorama-map { width: 640px; margin: 10px auto; height: 480px; }


#pano-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: url(/img/dot-75.png); }
#pano-overlay-box { position: fixed; width: 920px; background: #FFF; height: 610px; z-index: 2000; padding: 20px; }
#pano-overlay-box H1 { font-size: 18px; margin-bottom: 5px; margin-top: 5px; height: 20px; line-height: 20px; }
#pano-overlay-box-frame { width: 920px; height: 480px; }
#pano-overlay-box-data { width: 920px; height: 100px; }
#pano-overlay-box-thumbnails { width: 960px; height: 100px; background: #FFCF00; }
#pano-overlay-box .contact { float: left; width: 180px; height: 100px; overflow: hidden; }
#pano-overlay-box .links { float: left; width: 150px; height: 100px; overflow: hidden;}
#pano-overlay-box .description { float: left; width: 570px; padding-right: 20px; overflow: hidden; height: 100px; }

#pano-overlay-box A { text-decoration: none; color: #224466; }
#pano-overlay-box A:HOVER { text-decoration: none; color: #008DCE; }

#pano-close-button { position: fixed; z-index: 3000; }