/* rrr CSS - Theme */

/* item setup */
html {
	background-image: url(../img/body_bg_planks.jpg);
	background-repeat: repeat;
	background-position: top center;
}

body {
 background-color: transparent;

}

    .page {
      position: relative;
      margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;
      width: 900px;

    }

	.logo {
	  position: relative;
	  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png');
	  left: -50px; width:900px;
	  height: 190px;
	}
    .logo img { width: 900px; height: 190px; }

	html>body .logo {
	  background:url(../img/logo.png) no-repeat; background-position: center;
      margin-left: auto; margin-right: auto;
	  width: 936px;height: 165px;
	}

        .artikel-fx1 {
        background-image: url(../img/artikel-fx2_background.jpg); background-repeat: repeat; background-position: top;
        margin: 0; margin-left: auto; margin-right: auto; padding-top: 10px;
        width: 900px; 
        border: 10px solid #fcfae1; border-top-width: 8px;
        background-color: #fcfae1;
        z-index: 15;
        }
        .artikel-fx1-minheight {
            height: 400px; width: 1px;
        }
        .artikel-fx2 {
        z-index: 10; padding-top: 10px; position: relative;
        }

        .artikel1_1 {
        float: left;
        width: 810px; padding: 10px 45px;
        }
        .artikel1_2 {
        float: left;
        width: 360px; padding: 10px 45px;
        }
            .artikel1_1 h1,.artikel1_2 h1, .gallery h1 {
               margin: 0; padding: 0; padding-top: 0.5em; padding-bottom: 0.6em;
               font-size: 2em; color: #815729; font-weight: bold;
            }

            .blogsidebar {
                position: absolute; top: 25px; right: 15px;
                width: 320px;
            }
        
        
            .blog_box {
                position: relative; 
            }
        
            .blog_box .note_top {
                background:url(../img/blog_box_top.png) no-repeat; background-position: top left;
                margin-top: 2px; width: 320px; height: 18px; 
            }
            .blog_box .note_middle {
                background:url(../img/blog_box_mid.png); background-position: top middle;
                width: 320px; 
            }
            .blog_box .note_middle .note_content{
                width: 290px; margin: 0 0 0 30px;
            }
            .blog_box .note_bottom {
                background:url(../img/blog_box_bottom.png) no-repeat; background-position: top left;
                width: 320px; height: 20px; margin-bottom: 15px; 
            }     
            
        .blog_intro {

        }
        .blog_intro .blog_logo {
            position: relative; left: 5px; margin: 15px 0 20px 0;
        }
        
        .blog_calendar {

        }
        .artikel-fx1 .blog_calendar h2 { color: #866146; }
        .blog_calendar .year { position: absolute; top: 20px; right: 35px; }
        .blog_calendar .year a { background: none; text-decoration: none; font-size: 24px; font-weight: bold; color: #862626; }
        .blog_calendar .year a:hover { background: none; text-decoration: underline; }
        
        .blog_calendar .month{
            width: 145px; margin: 15px 0 15px 0; float: left;    
        }  
        .blog_calendar .month h3{
            margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #6a5e4b; font-weight: bold;   
        } 
        .blog_calendar .month h3 a{ margin: 0; padding: 0; font-size: 14px; color: #6a5e4b; font-weight: bold; background: none; text-decoration: none; }
        .blog_calendar .month h3 a:hover{ text-decoration: underline; }
        .blog_calendar .day{
            width: 29px; float: left;
        }
        .blog_calendar .day a{
            width: 20px; height: 18px; display: block; margin: 0 4px; padding: 2px 0 0 0; background: none; background-color: #862626; 
            color: #fefefe; font-size: 10px; text-align: center; font-weight: bold;
        }
        
        .blogentry {
        float: left;
        width: 540px; margin-bottom: 15px; margin-left: 10px; position: relative;

        }
            .blogentry h1 {
               margin: 0; padding: 0; 
               font-size: 2em; color: #815729; font-weight: bold;
               padding-left: 35px; padding-top: 15px;
            }
            .blogentry .note_top {
                background:url(../img/blog_entry_top.png) no-repeat; background-position: top left;
                margin-top: 2px; width: 540px; height: 30px; 
            }
            .blogentry .note_middle {
                background:url(../img/blog_entry_mid.png); background-position: top middle;
                width: 540px; 
            }
            .blogentry .note_middle .note_content{
                width: 460px;
                margin: 0px 40px; padding: 30px 0 0 0; position: relative;
            }
            
            .blogentry .note_bottom {
                background:url(../img/blog_entry_bottom.png) no-repeat; background-position: top left;
                width: 540px; height: 34px; margin-bottom: 15px; 
            }
            
            .blogentry .date {
                color:#5E2424; display:block; font-size:17px; position:absolute; right: 0px; top: 0px;
            }

            .blogentry .note_content p{
                margin: 0px 10px;
            }
            
            .blogentry .note_content .artikelvisual{
               margin-top: 10px; float: none;
            }
            .blogentry .blogentry_link {
                display: block; position: relative; top: -15px; left: 35px; width: 200px;
            }
        .artikelvisual {
        float: right; margin-top: 10px; margin-left: 5px; margin-bottom: 10px;
        }
        
        #startseite-page .artikelvisual { position: relative; top: -80px; }
        #die-ferienwohnung-page .artikelvisual { position: relative; top: -80px; }
  	.komponente label{
        display: block;
  	}
    .komponente form {
        border: 0 none;
        margin: 24px; padding: 24px; background-color: #fefefe;
        background-image: url(../img/form_background.jpg); background-repeat: no-repeat;
        background-position: bottom left;
    }
    .komponente fieldset { border: 0 none; }
    
    form.contact-order { margin: 0 0 30px 0; padding: 0; }
    form.contact-order div.field { float: left; margin-bottom: 15px; }
    form.contact-order div.field-long { float: none; margin-bottom: 15px; }
    form.contact-order div.field input { width: 200px; }
    form.contact-order div.field-long textarea { width: 450px; height: 100px; }

    .footer  {
      position: relative;
      background-image: url(../img/footer_background.gif);
      background-position: bottom left; background-repeat: repeat-x;
      
      margin-left: auto; margin-right: auto; margin-bottom: 73px;
      padding-left: 30px; text-align: center;
      width: 890px; height: 80px; color: #f6e497; font-size: 0.8em; 
    }
    .footer a { text-decoration: underline; color: #f6e497; }

.partnerlink { font-family: Times New Roman,Times,Serif; font-size: 1em; margin-left: auto; margin-right: auto; width: 100%; text-align: center; color: #222222; margin-top: -50px; padding-bottom: 20px; }
.partnerlink a { color: #222222; text-decoration: underline; }


/* typo setup */
#die-galerie-page .artikel-fx1 h1 {
   margin-left: 30px;
   
}
.artikel-fx1 h2 {
   margin: 0; padding: 0; padding-top: 0.5em;
   font-size: 1.1em; color: #4c1b1b; font-weight: bold;
}
.artikel-fx1 div.strong p { font-weight: bold; }
.artikel-fx1 p {
   margin: 0; padding: 0; padding-top: 0.5em; padding-bottom: 0.75em;
   font-size: 1em; color: #6a5e4b; line-height: 1.75em;
}
.artikel1_1 a {
  text-decoration: underline;
  padding-left: 18px;
  background: url(../img/icon_page.gif) left center no-repeat;
}
.artikel1_1 ul, .artikel1_2 ul {
  display: block; margin: 10px 0 0 20px; padding: 0;
}
.artikel1_1 li, .artikel1_2 li {
  line-height: 1.25em; color: #a8793e; font-style: italic; font-weight: normal; padding: 0.25em 0 0.3em 0; font-size: 1.25em;
}

.artikel1_1 li, .artikel1_2 li {
  list-style-image: url(../img/icon_bubble.gif); list-style-position: outside;
 
}

.artikel-fx1 blockquote p { font-size: 1.6em; color: #998888; text-align: center; }

.artikel-fx1 table { font-weight: bold; font-size: 1.75em; padding-top: 5px; color: #6a5e4b;  }
.artikel-fx1 table { }

.artikel-fx1 label { font-weight: bold; color: #6a5e4b; display: block; width: 250px; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .artikel1_1 h1 {
	visibility: hidden;
	font-size: 17px;
}

.sIFR-hasFlash .gallery h1 {
	visibility: hidden;
	font-size: 20px;
}

.sIFR-hasFlash .blogentry h1 {
	visibility: hidden;
	font-size: 25px;
}

.FB_SERVER_IFRAME { margin-left: 40px; }

.gallery div.thumbs { margin: 0 35px; }
.gallery div.thumb { float: left; margin: 10px; }
.gallery div.thumb a img { border: 3px solid #fff; }
#zoom { z-index: 100;}