@import url(screen_addon_einblendbox.css);

html * 
 {
  margin: 0;
  padding: 0;
 }
 
html { height: 100%; }  
 
body 
 {
  height: 100%;
  font-size: 100.01%;
  font-family: Verdana, Arial, sans-serif;
  background: #324f3f;
  color: #ffffff; 
 }


 
 
/***** Start: general definitions, classes, ... *******************************/
.withoutBorder { border: 0; }
.withBorder    { border: 1px solid #66aa75; }

.hidden { display: none; }

.clearFloat { clear: both; }
.clearLeftFloat { clear: left; }








/***** Start: layout construction *********************************************/
div#background_container
 {
  position: relative;
  min-height: 100%;
  background: url(../images/background/background_container.png) top repeat-x #324f3f;
 }
  
div#layout_container { width: 980px;  } 

div#head { padding: 5px 0px 0px 0px; } 


div#content
 {
  margin: 75px 0px 0px 150px;
  float: left;
  width: 790px;
  /* background: #3d5f4c; */
  padding-bottom: 250px;   /* Kompensieren der Hoehe des image_containers in kleinen Viewports */
 }
 
div#content_left
 {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 570px;
 }
 
div#content_right
 {
  float: right;
  margin: 0px 0px 0px 0px;
  width: 180px;
 } 
 
 
div#image_container
 {
  position: absolute;
  bottom: 0;
  height: 247px;
  width: 100%;
  background: url(../images/background/image_container.jpg) bottom right no-repeat #324f3f; 
 }
 
 

 
 
/***** Start: structure elements, objects within header ***********************/
div#head a         { color: #ffffff; text-decoration: none; }     
div#head a:link    { color: #ffffff; text-decoration: none; }
div#head a:visited { color: #ffffff; }
div#head a:focus   { color: #feaa28; text-decoration: none; }
div#head a:hover   { color: #feaa28; text-decoration: none; }
div#head a:active  { color: #feaa28; text-decoration: none; }	



ul#quickmenue 
 { 
  list-style: none; 
  position: absolute;
  top: 10px;
  right: 90px;
 }

ul#quickmenue li { display: inline; }

ul#quickmenue li a
 {
  display: block; 
  font-size: 0.8em;
  float: right;
  font-family: Helvetica, Arial, sans-serif;
 } 
 
 
h1#headline 
 {
  clear: both;
  margin: 65px 0px 0px 0px;
  width: 304px;
  height: 70px;
  float: left;
  background: url(../images/background/headline_background.jpg) top left no-repeat;
  font-size: 0.1em; /* verhindert Layoutprobleme bei Schriftgroessenaenderung */
 }
 
 
ul#mainmenue
 {
  margin: 110px 0px 0px 0px;
  list-style: none;
  float: right;
  width: 600px;
 }

ul#mainmenue li { display: inline; }

ul#mainmenue li a
 {
  display: block; 
  font-size: 1em;
  float: left;
  margin: 0px 15px 0px 15px;
  width: 6em;
  text-align: center;
 } 
 
ul#mainmenue li a span.mainmenue_linktext { display: none; } 
 
ul#mainmenue li a.mainmenue_home          { background: url(../images/background/mainmenue_home_normal.jpg) top left no-repeat; width: 42px; height: 31px; }
ul#mainmenue li a.mainmenue_home:hover    { background: url(../images/background/mainmenue_home_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_home:focus    { background: url(../images/background/mainmenue_home_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_home:active   { background: url(../images/background/mainmenue_home_hover.jpg) top left no-repeat; }
ul#mainmenue li a.selected_mainmenue_home { background: url(../images/background/mainmenue_home_hover.jpg) top left no-repeat; }

ul#mainmenue li a.mainmenue_historie          { background: url(../images/background/mainmenue_historie_normal.jpg) top left no-repeat; width: 74px; height: 31px; }
ul#mainmenue li a.mainmenue_historie:hover    { background: url(../images/background/mainmenue_historie_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_historie:focus    { background: url(../images/background/mainmenue_historie_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_historie:active   { background: url(../images/background/mainmenue_historie_hover.jpg) top left no-repeat; }
ul#mainmenue li a.selected_mainmenue_historie { background: url(../images/background/mainmenue_historie_hover.jpg) top left no-repeat; }


ul#mainmenue li a.mainmenue_leistungen          { background: url(../images/background/mainmenue_leistungen_normal.jpg) top left no-repeat; width: 98px; height: 31px; }
ul#mainmenue li a.mainmenue_leistungen:hover    { background: url(../images/background/mainmenue_leistungen_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_leistungen:focus    { background: url(../images/background/mainmenue_leistungen_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_leistungen:active   { background: url(../images/background/mainmenue_leistungen_hover.jpg) top left no-repeat; }
ul#mainmenue li a.selected_mainmenue_leistungen { background: url(../images/background/mainmenue_leistungen_hover.jpg) top left no-repeat; }


ul#mainmenue li a.mainmenue_boote          { background: url(../images/background/mainmenue_boote_normal.jpg) top left no-repeat; width: 51px; height: 31px; }
ul#mainmenue li a.mainmenue_boote:hover    { background: url(../images/background/mainmenue_boote_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_boote:focus    { background: url(../images/background/mainmenue_boote_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_boote:active   { background: url(../images/background/mainmenue_boote_hover.jpg) top left no-repeat; }
ul#mainmenue li a.selected_mainmenue_boote { background: url(../images/background/mainmenue_boote_hover.jpg) top left no-repeat; }


ul#mainmenue li a.mainmenue_kontakt          { background: url(../images/background/mainmenue_kontakt_normal.jpg) top left no-repeat; width: 74px; height: 31px; }
ul#mainmenue li a.mainmenue_kontakt:hover    { background: url(../images/background/mainmenue_kontakt_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_kontakt:focus    { background: url(../images/background/mainmenue_kontakt_hover.jpg) top left no-repeat; }
ul#mainmenue li a.mainmenue_kontakt:active   { background: url(../images/background/mainmenue_kontakt_hover.jpg) top left no-repeat; }
ul#mainmenue li a.selected_mainmenue_kontakt { background: url(../images/background/mainmenue_kontakt_hover.jpg) top left no-repeat; }

 

 
 
 
/***** Start: structure elements, objects within content area *****************/ 
div#content { }
 
div#content a /* Standardlinks */        
 { 
  color: #ffffff; 
  text-decoration: none; 
  background: url(../images/background/hyperlink.png) center left no-repeat; 
  padding: 0px 0px 3px 12px; 
 }     
div#content a:link    { color: #ffffff; text-decoration: none;  }
div#content a:visited { color: #ffffff; }
div#content a:focus   { color: #feaa28; text-decoration: underline; }
div#content a:hover   { color: #feaa28; }
div#content a:active  { color: #feaa28; }	  
 
div#content h2 /* Standardueberschrift 2 */
 {
  margin: 5px 0px 20px 0px;
  color: #feaa28;
  font-weight: normal;
  font-size: 1.3em;
  font-family: Arial, sans-serif;
 }
 
div#content h3 /* Standardueberschrift 3 */
 {
  margin: 5px 0px 20px 0px;
  color: #feaa28;
  font-size: 1em;
  font-weight: normal;
  font-family: Arial, sans-serif;
 } 
 
div#content p /* Standardfliesstext */
 {
  margin: 10px 0px 10px 0px;
  font-size: 0.8em; 
  line-height: 1.4em;
 } 
 
div#content ul, ol /* Standardlisten  */
 {
  margin: 10px 0px 10px 20px;
  font-size: 0.8em;
 } 

div#content table td, th
 {
  font-size: 0.7em;
  padding: 0px 15px 5px 0px;
 }
 




 
div#content ul.blindbox_menueleiste 
 {
  list-style: none;
  margin: 2px 0px 20px 0px;
 }
 
div#content ul.blindbox_menueleiste li { display: inline; } 

div#content ul.blindbox_menueleiste li a
 {
  background: #324f3f;
  padding: 2px 5px 2px 0px;
  font-weight: bold;
  font-size: 0.9em;
 }

div#content ul.blindbox_menueleiste li a.selected { color: #feaa28; }











div#content div.bootvorstellung_links
 {
  float: left;
  width: 500px;
 }
 
div#content div.bootvorstellung_rechts 
 {
  float: right;
  width: 260px;
 }
 
 
 
 
 

 
 
 
 
 
 
/***** Start: Typolight CSS ***************************************************/
span.pagination_current { color: #feaa28; font-weight: bold; }