@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file basemod_draft.css
 * @creator YAML Builder v0.3 Preview
 * @link http://builder.yaml.de
 */

@media screen
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { padding:2.4ex; margin:0; font-family:Trebuchet MS, Helvetica, sans-serif; color:#354D68; line-height:120%; font-size:4mm; background-color:#F4F5F7; }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { height:100%; margin:0 auto 6ex auto; width: auto; min-width: 940px; max-width: 1200px; background-color:#E4E9EF; border:1px solid #F4F5F7; background-image:url(images/pageBottomBackground.jpg); background-position:bottom right; background-repeat:no-repeat; }
  #page { height:100%; background-color:white; background-image:url(images/pageBackground.gif); background-repeat:repeat-y; background-position:top left; margin:2ex; }
	#logo { position:absolute; display:inline-block; z-index:60; margin:-38px auto auto -20px; background-image:url(images/pageLogo.gif); background-repeat:no-repeat; background-position:top left; width:265px; height:115px; }
  
  
img { margin:0; border:0; }

div.ngg-galleryoverview { clear:none; }


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  
  #main { background-image:url(images/menueBackground.jpg); background-repeat:no-repeat; }
  
  .someInlineContent { width:auto; padding:0 4em; margin:0 auto; width:auto; min-width:4em; max-width:90%; min-height:340px; height:auto; }
  
  #col1 { float: left; width: 221px; height:auto; min-height:340px; max-height:1800px; overflow:hidden; padding:0; margin:0; }
  #col2 { width: auto; margin: 0 0 0 221px; height:100%; }
  /*
  menue col when image list: #col1_content { width:221px; height:auto; min-height:480px; max-height:1800px; padding-top:90px; }*/
  #col1_content { width:200px; margin:0 auto; height:auto; min-height:340px; max-height:1800px; padding-top:90px; }
  #col2_content { width:auto; padding:0 4ex; }
  
  #menueList { list-style-type:none; margin:0; padding:0; line-height:30px; }
  #menueList li { display:inline; }
  #menueList li a { font-size:1.2em; text-decoration:none; display:block; padding-left:20px; margin:0; }
  #menueList li a:link, #menueList li a:visited { color:#354D68; }
  #menueList li a:hover { color:#f60; /* background-image:url(images/menueListBackground.gif); background-repeat:no-repeat; */ }
  #menueList ul { display:none; }

  #menueList li.current_page_item { font-size:2.6ex; }
  #menueList li.current_page_item a, #menueList li.current_page_item a:hover { font-weight:bold; padding:0.4ex 0 0.4ex 3.4ex; background-image:url(pics/menueActiveEntry.gif); background-repeat:no-repeat; background-position:-8px -12px; }
  
  #menue { padding:158px 0 0 0; margin:0; list-style-type:none; }
  #menue li { position:relative; left:0; top:56px; }
  #menue li a { display:block; background-repeat:no-repeat; width:221px; }
  #menue li a.mainButton { height:32px; }
  #menue li a.serviceButton { height:21px; }
  #menue li a span { display:none; }
  
  #menue li#buttonAktuelles a { background-image:url(images/buttonAktuelles.gif); }
  #menue li#buttonAktuelles a#buttonActive { background-image:url(images/buttonAktuellesActive.gif); }
  #menue li#buttonAktuelles a:hover { background-image:url(images/buttonAktuellesHover.gif); }
  
  #menue li#buttonSteckbrief a { background-image:url(images/buttonSteckbrief.gif); }
  #menue li#buttonSteckbrief a#buttonActive { background-image:url(images/buttonSteckbriefActive.gif); }
  #menue li#buttonSteckbrief a:hover { background-image:url(images/buttonSteckbriefHover.gif); }
  
  #menue li#buttonGalerie a { background-image:url(images/buttonGalerie.gif); }
  #menue li#buttonGalerie a#buttonActive { background-image:url(images/buttonGalerieActive.gif); }
  #menue li#buttonGalerie a:hover { background-image:url(images/buttonGalerieHover.gif); }
  
  #menue li#buttonGaestebuch a { background-image:url(images/buttonGaestebuch.gif); }
  #menue li#buttonGaestebuch a#buttonActive { background-image:url(images/buttonGaestebuchActive.gif); }
  #menue li#buttonGaestebuch a:hover { background-image:url(images/buttonGaestebuchHover.gif); }
  
  #menue li#buttonPresse { margin-top:16px; }
  #menue li#buttonPresse a { background-image:url(images/buttonPresse.gif); }
  #menue li#buttonPresse a#buttonActive { background-image:url(images/buttonPresseActive.gif); }
  #menue li#buttonPresse a:hover { background-image:url(images/buttonPresseHover.gif); }
  
  #menue li#buttonImpressum a { background-image:url(images/buttonImpressum.gif); }
  #menue li#buttonImpressum a#buttonActive { background-image:url(images/buttonImpressumActive.gif); }
  #menue li#buttonImpressum a:hover { background-image:url(images/buttonImpressumHover.gif); }
  
  p, ol, ul { font-size:1.8ex; }
  
  h1 { font-weight:500; font-size:1.6ex; text-align:right; color:#A6BAD2; font-variant:small-caps; letter-spacing:0.4ex; padding:2ex 0 0 0; }
  h2 { font-weight:500; font-size:3ex; }
  h2 span { font-weight:500; font-size:0.6em; }
  h2 a { text-decoration:none; }
  h3 { font-weight:300; font-size:2ex; }
  
  #pageNavigation {  }
  
  .blogDatum { position:absolute; float:left; color:#A6BAD2; text-align:center; margin:7ex 0 0 0; }
  * html .blogDatum { position:relative; float:none; text-align:left; margin-bottom:-12ex; }
  .blogDatum span { font-size:4ex; }
  .blogDatum span span { font-size:0.6ex; letter-spacing:0ex; }
  
  .blogContent { margin:6ex 10ex 6ex 10ex; }
  
  .blogFunctions { font-size:1.4ex; }
  
  .blogExcerpt { font-size:2.2ex; margin:-1ex 0 3ex 0; letter-spacing:0.1ex; }
  .blogExcerpt p { display:inline; background-color:#E4E9EF; padding:0.1ex 0; line-height:3.0ex; }
  
  /*#annikenFooter { position:fixed; bottom:0; right:0; font-size:1.4ex; color:#999; }
  #annikenFooter div { display:block; margin-right:4px; background-color:white; padding:2ex; }
  #annikenFooter form { display:inline; }
  #annikenFooter form input { font-size:1em; border:1px solid #f60; color:#f60; }
  */
  #annikenFooter { clear:both; font-size:1.4ex; color:#A6BAD2; text-align:center; }
  #wordpressLink { padding-left:22px; background-image:url(pics/wordpressIcon.gif); background-repeat:no-repeat; background-position:2px 0px; }
  
  a:link { color:#f60; }
  a:visited { color:#e55c00; }
  a:hover { text-decoration:none; color:#354D68; }
  a:active { text-decoration:none; color:#354D68; }
  a:focus { text-decoration:none; color:#354D68; }
  
  #commentform input { 
  	width:170px; height:24px;
	background:url(images/inputBackground.gif) top left no-repeat; border:0;
   }
  #commentform textarea {
  	width:320px; height:140px;
	background:url(images/textareaBackground.gif) top left no-repeat; border:0;
  }
  #commentform input, #commentform textarea {
  	font-family:trebuchet ms, helvetica sans-serif; font-size:1em;
	padding:2px 4px 0 4px; color:#354D68;
  }
  #commentform #submit { width:170px; height:24px; background:url(images/submitBackground.gif) top left no-repeat; border:0; }
  
  #commentform input:active, #commentform input:focus { background:url(images/inputBackgroundActive.gif) top left no-repeat; }
  #commentform textarea:active, #commentform textarea:focus { background:url(images/textareaBackgroundActive.gif) top left no-repeat; }
  #commentform #submit:active, #commentform #submit:focus { background:url(images/submitBackgroundActive.gif) top left no-repeat; }
  
  #commentform label { 
  	width:12em; display:block;
	float:left;
  }
  
  #gaestebuchForm { background:url(images/backgroundGaestebuchEintrag.jpg) bottom left no-repeat; height:560px; }
  #gaestebuchForm div { margin-left:9em; }
  
  #gaestebuchEintraege { background:url(images/backgroundGaestebuch.jpg) bottom left no-repeat; min-height:325px; max-height:100%; height:auto; }
  #gaestebuchEintraege div { margin-left:12em; }
  #gaestebuchEintraege ol { margin:3em 0 0 -2em; width:30em; }
  #gaestebuchEintraege li { margin-bottom:2em; border-top:4px solid #E4E9EF; border-right:4px solid #E4E9EF; }
  
  small { font-size:0.7em; color:#A6BAD2; }
  big { font-size:1em; font-weight:500; color:#f60; background-color:#E4E9EF; }
  
  #bueltgeLink { text-align:right; }
  #bueltgeLink a { color:#A6BAD2; }
  
  
  
  /*
   * content specific styles *
  */
  
  ul.inline { list-style-type:none; line-height:180%; text-align: justify; margin:0; padding:0; }
  ul.inline li { display:inline; font-variant: small-caps; background-color:#E4E9EF; white-space:nowrap; padding:0 1em; margin:0 0.4em; border:1px solid #A6BAD2; }
  
  * html ul.inline li { white-space:normal; }
  
  #startLinks { text-align:center; }
  #startText { text-align:center; }
  #startTextAnniken { display:none; }
  #startTextAnnemie { display:none; }
  #startTextKellnerin { display:none; }
  
  
  a.splashLink1, a.splashLink2 { 
    padding:30px 20px 30px 44px; display:block; float:left; width:auto;
    background-position:top left; background-repeat:no-repeat;
    line-height:30px; font-size:1.4em;
    color:#354D68; text-decoration:none;
  }
  a.splashLink1:hover, a.splashLink2:hover { 
    color:#f60;
  }
  a.splashLink1 { background-image:url(pics/splashLink1.jpg); }
  a.splashLink2 { background-image:url(pics/splashLink2.jpg); }
  
  /*
   * page layout *
  */
  
  img.left { float:left; margin:0 2em 2em 0; }
  img.right { float:right; margin:0 0 2em 2em; }
  span.left { display:block; float:left; }
  span.right { display:block; float:right; }
  span.left img { margin:0 2em 2em 0; }
  span.right img { margin:0 0 2em 2em; }
  .left { float:left; }
  .right { float:right; }
  .clear { clear:both; }
  
  span.images { clear:both; display:block; width:auto; min-width:0%; max-width:100%; text-align:center; background-color:#E4E9EF; padding:0.4em; }
  span.images img { margin:0.4em; }  
  
  p.bildParagraph { font-size:1ex; }
  
  
  
 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */


}