@font-face {
    font-family: 'ArchitectsDaughter';
    src: url('/RClib/fonts/ArchitectsDaughter.eot');
    src: url('/RClib/fonts/ArchitectsDaughter.eot?#iefix') format('embedded-opentype'),
         url('/RClib/fonts/ArchitectsDaughter.woff') format('woff'),
         url('/RClib/fonts/ArchitectsDaughter.ttf') format('truetype'),
         url('/RClib/fonts/ArchitectsDaughter.svg#ArchitectsDaughter') format('svg');
    font-weight: normal;
    font-style: normal;

} 
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), url('/RClib/fonts/Merriweather.ttf') format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: normal;
  src: local('Merriweather Regular'), url('/RClib/fonts/Merriweather.ttf') format('truetype');
}<br />
<b>Warning</b>:  main(merriweather.css): failed to open stream: No such file or directory in <b>/home/redcode/htdocs/adventskalender.redcode.de/include/css/css.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  main(): Failed opening 'merriweather.css' for inclusion (include_path='.:/usr/local/share/pear') in <b>/home/redcode/htdocs/adventskalender.redcode.de/include/css/css.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  main(/RClib/styles/web-global.css): failed to open stream: No such file or directory in <b>/home/redcode/htdocs/adventskalender.redcode.de/include/css/css.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  main(): Failed opening '/RClib/styles/web-global.css' for inclusion (include_path='.:/usr/local/share/pear') in <b>/home/redcode/htdocs/adventskalender.redcode.de/include/css/css.php</b> on line <b>8</b><br />
/** Allgemein **/
* { margin:0; padding:0; }
img { border: none; }
body {
    background: #b01a29;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

p { margin: 0px 0px 10px 0px; padding: 0px; }
#SKYLINE {
    background:url("../../images/skyline.jpg") repeat-x #b01a29;
    margin: 0px;
    padding: 0px;
    width: 100%;
    position:absolute;
    top:0px;
    z-index:1;
    height:614px;
}
#WRAPPER {
    width: 980px;
    margin: 10px auto;
    position: relative;
    z-index:2;
}
#WRAPPER > div.section {
    position:relative;
    width: 980px;
    padding:0px 0px;
    background-color: #FFF;
}
#WRAPPER > div.section > div.article { margin:0px 40px; }

/* Feedback-Lasche */
#FEEDBACK {
	position: absolute;
	width: 221px;
	height: 350px;
	top: 100px;
	right: 0px;
	background: #FFFFFF;
	z-index: 0;
}
#FEEDBACK div.lasche { float: right; position: absolute; right: -24px; }
#FEEDBACK p { font-size: 11px; margin: 0px 0px 10px 35px; }
#FEEDBACK label.error { color: red; }
#FEEDBACK input[type=text] { width: 160px; border: 1px solid #7f9db9; margin-top: 3px; }
#FEEDBACK input[type=submit] { width: 100px; margin-top: 3px; }
#FEEDBACK select { width: 165px; border: 1px solid #7f9db9; margin-top: 3px; }
#FEEDBACK textarea { width: 160px; border: 1px solid #7f9db9; margin-top: 3px; resize: none; }

#MAINHEADER p { font-size: 11px;}

div.section > div.article > p { width:60%; line-height:140%; }
div.section a { color:#d43233; text-decoration:underline; font-size:12px; }
    
/* div.header Blöcke innerhalb Articles */
div.article > div.header { clear:both; margin-bottom:10px; }

/* Aside Blöcke innerhalb von Articles */
div.article > div.aside.rightContent { float:right; margin-left:20px; }

/* div.section Marginalie */
div.sectionMarginalie { position:absolute; left:-150px; width:120px; top:35px; }

/* div.article Marginalie */
div.articleMarginalie { position:absolute; right:-150px; width:120px; top:35px; }
div.articleMarginalie p, div.articleMarginalie p a { color:#FFF; font-size:14px; margin-bottom:10px; }

.copyright {
    text-align:center;
    font-size:10px;
    color:#FFF;
    padding-top:10px;
}
.copyright a {
    color:#FFF;
}

.orderOnline {
    width: 225px;
    float: right;
    text-align: center;
}

/* DEV ONLY: Stylt alle Links die kein Title Attribut haben
a:not([title]), img:not([alt]), a[title=""], img[alt=""] {
    color: lime;
    border: 2px solid lime;
} */



/*
#CUSTOMERS { display: none; }
#CONTACT { display: none; }
#PROJECTS { display: none; }
#WHOWEARE { display: none; }
*//* Hauptnavigation */
#HEADER #NAV { list-style: none; float: left; margin: 20px 0px 0px 0px; /*padding-left: 20px;*/ }
#HEADER #NAV li {
    float: left;
    font-family: 'Architects Daughter', arial, serif;
    font-size: 20px;
    padding: 0 10px;
    margin: 0px;
    text-transform: uppercase;
}
#HEADER #NAV li a { color: #d11023; text-decoration: none; }
#HEADER #NAV li a:hover { color: #d11023; text-decoration: none; }

#LOGO { float: left; margin: 10px 0px 0px 0px; }
.clear { clear: both; }
.FontCabinSketch a:hover { text-decoration: none; }

/** Kopfbereich **/
div#MAINHEADER, #HEADER {
    background-color:#FFF;
    padding: 10px;
    position: relative;
    top: 0px;
    z-index: 70;
}
div#MAINHEADER { height:69px; }
div#MAINHEADER > div.clear {
    clear:both;
    margin:10px 0px 0px;
    height:10px;
}
div#MAINHEADER a img, #HEADER a img { text-decoration: none; border: none; }
#HEADCONTACT { float: right; text-align:right; }
#HEADCONTACT p { font-size: 11px; font-family: Arial; margin: 0px; }
#HEADER h1.FontCabinSketch a:hover { text-decoration: none; }
div.article h1 { font-family: 'Merriweather', arial, serif; font-size: 24px; margin-top: 0px; }
div.header h1 { font-family: 'Merriweather', arial, serif; font-size: 24px; }

/* Overlay Navigation */
#secondaryNav {
    text-align:center;
    opacity:0.9;
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
    z-index:500;
    display:none;
}
#secondaryNav #overlayNav {
    position:relative;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    width:920px;
    background-color:#EAEAEA;
    padding:10px 30px;
}
#secondaryNav #overlayNav li {
    display:block;
    float:left;
    padding-right:40px;
    list-style:none;
}
#secondaryNav #overlayNav li a {
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
    font-family:Verdana;
    color:#444;
    font-weight:bold;
}/** Startbox **/
#STARTCONTAINER { position:relative; height:650px; padding-bottom:10px; }
/*
#STARTCONTAINER .exampleSlider {
    position: relative;
    width: 625px;
    height: 378px;
    margin: 0px auto;
    background: url('/images/start_slider-background.gif') no-repeat 0px 0px;
}

#STARTCONTAINER .exampleSlider .leftArrow {
    position: relative;
    top: 180px;
    left: -20px;
    width: 44px;
    height: 32px;
    background: url('/images/start_slider-left-arrow.gif') no-repeat 0px 0px;
}

#STARTCONTAINER .exampleSlider .rightArrow {
    position: relative;
    top: 180px;
    right: -20px;
    width: 44px;
    height: 32px;
    background: url('/images/start_slider-right-arrow.gif') no-repeat 0px 0px;
}
*/

#STARTCONTAINER .priceBubble {
    position: absolute;
    top: 0px;
    right: 160px;
    width: 176px;
    height: 104px;
    background: url('/images/bubble-price.png') no-repeat 0px 0px;
    z-index: 300;
}

#STARTCONTAINER  #READYFB {
    position: relative;
    top: 80px;
    right: 30px;
    width: 155px;
    height: 334px;
    background: url('/images/start_ready-for-facebook.gif') no-repeat 0px 0px;
    float: right;
}

#STARTCONTAINER .examples {
    margin-left: 50px;
}

#STARTCONTAINER .examples a {
    text-decoration: none;
}

#STARTCONTAINER .examples .cExamples {
    float: left;
    text-align: center;
    margin: 20px 20px 0px 0px;
}

#STARTCONTAINER .examples .demo {
    float: left;
    text-align: center;
    text-decoration: none;
    margin: 20px 20px 0px 0px;
}

#STARTCONTAINER .examples .paket-rudolf {
    float: left;
    width: 238px;
    font-family: Merriwether;
    font-size: 17px;
    margin: 20px 0px 0px 10px;
}
#STARTCONTAINER .examples .paket-rudolf a {
    font-size: 17px;
}


/** Slider-Element **/
.contentWrapper { margin: 0px 0px 10px 50px; padding-left: 0px; }
.contentWrapper .RCCContentSlider {
    position: relative;
    width: 625px;
    height: 378px;
    background: url('/images/start_slider-background.gif') no-repeat 0px 0px;
}

/* Slider-Navigation */
.contentWrapper .RCCContentSlider .listNavigation {
    position: absolute;
    height: 32px;
    width: 44px;
    background: #c4c5bd;
    /*opacity: 0.7;*/
    z-index: 200;
    /*border: 1px solid #000;*/
    margin: 152px 0px;

}
.contentWrapper .RCCContentSlider .prevButton { top: 0px; left: 0px; background: url('/images/start_slider-left-arrow.gif') no-repeat right center; }
.contentWrapper .RCCContentSlider .nextButton { top: 0px; right: -5px; background: url('/images/start_slider-right-arrow.gif') no-repeat left center; }

/* Slider-Items */
.contentWrapper .RCCContentSlider .listMask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 615px;
    height: 378px;
    z-index: 300;
    /*border: 1px solid #07060c;*/
    overflow: hidden;
}
.contentWrapper .RCCContentSlider .listMask div.sliderPanel { list-style: none; margin: 0px; padding: 0px; }
.contentWrapper .RCCContentSlider .listMask div.sliderItem { position: relative; left: 0px; float: left; width: 615px; height: 378px; padding: 0px; background: none; overflow: hidden; }
.contentWrapper .RCCContentSlider .listMask div.sliderItem #media { width: 609px; margin: 0px auto; }
.contentWrapper .RCCContentSlider .listMask div.sliderItem.videoPage { background: black; }


/** Startbox **/
#CONTENTSCONTAINER { position:relative; height:670px; padding-bottom:10px; }

#CONTENTSCONTAINER h1 { margin-top: 20px; float: left; }

#CONTENTSCONTAINER h1 span { font-size: 18px; }

#CONTENTSCONTAINER .presentBear {
    width: 108px;
    height: 108px;
    margin-left: 20px;
    background: url('/images/contents_bear-with-presents.gif') no-repeat 0px 0px;
    float: left;
}

#CONTENTSCONTAINER .priceBubble {
    position: absolute;
    top: 50px;
    right: 30px;
    width: 176px;
    height: 104px;
    background: url('/images/bubble-price.png') no-repeat 0px 0px;
    z-index: 300;
}

#CONTENTSCONTAINER .selection {
    display: inline-block;
    margin: 40px 0px 0px 50px;
}

#CONTENTSCONTAINER .selection.hauptseiten {
    width: 358px;
    float: left;
}

#CONTENTSCONTAINER .selection.tuerchen {
    width: 376px;
    float: left;
}

#CONTENTSCONTAINER .music {
    margin: 40px 0px 0px 180px;
    clear: both;
}/** Startbox **/
#DOORSCONTAINER { position:relative; height:700px; padding-bottom:10px; }

.orderOnline {
    width: 225px;
    /*height: 106px;*/
    float: right;
    /*background: url('/images/button-order-online.jpg') no-repeat 0px 0px;*/
    text-align: center;
}

#DOORSCONTAINER ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#DOORSCONTAINER ul li {
    border-right: 1px solid #D43233;
    padding: 0px 10px;
    float: left;
}

#DOORSCONTAINER ul li.last {
    border-right: none;
}

#DOORSCONTAINER ul li a {
    font-size: 18px;
}

#DOORSCONTAINER .doorExamples {
    height: 342px;
}

#DOORSCONTAINER .doorExamples a {
    float: left;
    text-align: center;
    text-decoration: none;
    margin: 20px 20px 0px 0px;
}
#DOORSCONTAINER .doorExamples img.door {
    border: 1px solid black;
}

#DOORSCONTAINER .uniqueExamples {
    width: 262px;
    height: 109px;
}/** Startbox **/
#ADVCONTAINER { position:relative; height:450px; padding-bottom:10px; }

#ADVCONTAINER h2 { font-family: 'Merriweather'; font-size: 16px; }

#ADVCONTAINER .vorteile {
    width: 840px;
    height: 160px;
    background-color: #f4f4f4;
    border-radius: 25px 25px;
}

#ADVCONTAINER .vorteile ul {
    width: 350px;
    list-style: none;
    margin: 25px;
    padding: 0px;
    float: left;
}

#ADVCONTAINER .vorteile ul li {
    padding: 0px 0px 10px 20px;
    background: url('/images/adv_list-star-dot.gif') no-repeat 0px 3px;
}

#ADVCONTAINER .questions {
    margin-left: 30px;
}

#ADVCONTAINER .newsletterfood {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 171px;
    height: 224px;
    background: url('/images/adv_newsletter-food.png') no-repeat 0px 0px;
}/** Startbox **/
#WORKFLOWCONTAINER { position:relative; height:630px; padding-bottom:10px; }

#WORKFLOWCONTAINER .workflow {
    float: left;
}

#WORKFLOWCONTAINER .rightRow {
    width: 262px;
    /*height: */
    float: right;
}/* Contact Formular */
#CONTACT {  }
#CONTACT hgroup { float: left; }
#CONTACT h2 { font-family: 'Merriweather'; font-size: 16px; }

#CONTACT .santaReading {
    width: 100px;
    height: 135px;
    margin-left: 20px;
    background: url('/images/contact_santa-reading.gif') no-repeat 0px 0px;
    float: left;
}

#CONTACT .ansprechpartner { width: 305px; float: right; }
#CONTACT .ansprechpartner img { float: left; margin-right: 10px; border: 1px solid black; }
#CONTACT .ansprechpartner p { float: right; margin: 5px 0px; }
#CONTACT .ansprechpartner p span { font-size: 16px; font-weight: bold; }

#CONTACT p { width:60%; margin: 0px 0px 10px 0px; }
#CONTACT .voucher { margin: 0 auto; text-align: center; width: 613px; }
#CONTACT .voucher p { width: 100%; }
#CONTACTFORM { position:relative; overflow:hidden; }
#CONTACT fieldset { border:none; display:block; position:relative; }
#CONTACT fieldset.clear { clear:both; margin-top:20px; }
#CONTACT fieldset label { font-size:12px; }
#CONTACT fieldset input[value="Frau"] { margin-left:20px; }
#CONTACT .formcontent {
    width: 390px;
    float: left;
    display:block;
    margin: 0px 0px 30px 0px;
}
#CONTACT .formcontent textarea {
    width: 390px;
    height: 180px;
    border: 1px solid #7f9db9;
    padding:2px;
}
#CONTACT .formcontactinfo {
    width: 370px;
    display:block;
    float: left;
    margin: 0px 0px 0px 30px;
}
#CONTACT .formcontactinfo input[type=text], #CONTACT .formcontactinfo input[type=email] {
    width: 368px;
    border: 1px solid #7f9db9;
    margin-bottom: 10px;
    padding:2px;
    display: block;
}
#CONTACT input[type=submit] { width: 480px; margin: 0 auto; }
#CONTACT input[type=radio] { margin-bottom: 10px; }
#CONTACT form fieldset.clear p { width:480px; text-align:center; margin:0 auto; }

/* SectionMarginalie */
#CONTACT .sectionMarginalie { left:-140px; }
#CONTACT .sectionMarginalie img { float:right; }

/* ArticleMarginalie */
#CONTACT .articleMarginalie { width:200px; right:-220px; }
#CONTACT .articleMarginalie p { font-size: 10px; }
#CONTACT .articleMarginalie p a { font-size: 10px; }
#CONTACT fieldset label.error {
    color: red;
    position:absolute;
    font-size:10px;
    text-align:right;
    display:block;
}
#CONTACT fieldset label.error[for="Anrede"] { left:150px; top:4px; }
#CONTACT fieldset label.error[for="Email"] { left:150px; top:88px; }
#CONTACT fieldset label.error[for="Name"] { left:150px; top:39px; }
#CONTACT fieldset label.error[for="Nachricht"] { top:5px; left:195px; }
#CONTACT #CONTACTFORM fieldset input.error, #CONTACT #CONTACTFORM fieldset textarea.error { border:1px solid red; }