/* @override http://www.hotel3raben.de/cms/css/contenido_sample.css */

/* @override http://www.hotel3raben.de/cms/css/contenido_sample.css */

/**
 * CSS styles for Contenido sample client.
 * 
 * @author Rudi Bieller
 * @copyright four for business AG <www.4fb.de>
 * @version 1.0.0
 * 
 * created 2008-03-04
 */

/* ----------------- general html structure */

html, body, div, p, td, a, input, textarea, select {
    font-family: "Trebuchet MS", Arial, Verdana,sans-serif;
}

html, body {
    margin: 0;
    padding: 0;
/*overflow:auto;*/
}

html {
    background-repeat: repeat;
    background-image: url(../images/hgr15a.jpg);
    background-color: #494949;
    background-position: center 0px;
    height: 100%;
}

body {

    text-align: center;
    background-repeat: repeat;
    background-image: url(../images/hgr15a.jpg);
    background-color: #494949;
    background-position: center 0px;
    height: auto;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    width: 418px;
    height: 85px;
}

img {
    border: 0;
}

#content{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 0;
    
    line-height: 0;
}

/* /----------------- general html structure */

/* ###################################################### */

/* ####################### HEADER ####################### */

/* ###################################################### */

#head {
    height: 150px;
    background-color: #F1F1F1;
    background-image: url('../images/pattern_head_right.gif');
    background-repeat: repeat-x;
    background-position: 0 90px;
    padding: 0;
}

#head #headBody {
    padding: 0;
    margin: 0;
    background-image: url('../images/header_bild_beispiel.gif');
    background-repeat: no-repeat;
    background-position: 240px 0;
    width: 960px;
}

#head a#logoTop {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
}

#head h1 {
    display: none;
    

/* display:block;*/
    float: left;
    padding: 0 0 0 30px;
    margin: 0;
    width: 690px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    color: #ffffff;
    display: none;
    text-align: right;
/* transparency */
   /*

background-color:#fff

;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}

#head h1, #head a#logoTop {
    margin: 0;
}

.artikelliste {
background-color: #f2f2f2;
padding-left: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding-top: 30px;
color:#000000;
font-size: 11px;                      
    margin: 0;
    line-height: 14px;
}
#content .artikelliste{
 padding:0 10px 0 0px;
 background-color: #ffffff;
}

.artikelliste h2, #head a#logoTop {
color:#000000;
font-size: 12px;                      
    margin: 0;
}

#content .artikelliste p {
color:#000000;
font-size: 11px;                      
    margin: 0 0 30px 30px;
}

/* ###################################################### */

/* ####################### MAIN BODY #################### */

/* ###################################################### */

#outerContainer {
    /*background-image:url('../images/pattern_contenido.gif');*/
   
        width: 960px;
    margin: auto;
    padding: 0;
    text-align: left;
    background-color: white;
    background-image: url(../images/content_left_hgr.gif);
    background-repeat: repeat-y;
    width: 960px;
    min-height: 90%;
}

* html #outerContainer {
    height: 90%;
}

#contentContainer {
    background-image: url(../images/content_left_hgr2.gif);
    background-repeat: repeat-y;
    width: 960px;
}

#contentContainer {
    width: 960px;
    margin: 0;
    padding: 0;
    font-size: 0px;
    line-height: 0px;
    height: auto;
}

#whiteBg {

    float: left;
    /*background-image: url(../images/whitebg.gif);*/
    /* background-repeat: repeat-y;*/
    /*background-color: #f00;*/
       
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 0;
    font-size: 0;
}

#navigation, #content {
    float: left;
    padding-top: 30px;
}

#navigation {
    background: url(../images/4sterne.gif) no-repeat 0 0;
}


 #teasersRight {
    float: left;
    padding-top: 0px;
      background-color: #ffffff;
}

* html #teasersRight {
   
    padding-left: 30px;

}

#outerContainer #contentContainer #content {
    padding-top: 30px;
}

#content {
    background-color: #fff;
}

#contentContainer #navigation {
    width: 240px;
    background-color: transparent;
}

* html #contentContainer #navigation {
    width: 240px;
    margin-right: 0;
    padding-right: 0;
    overflow: hidden;
}

#contentContainer #content {
    padding-left: 0px;
    padding-bottom: 0;
    padding-right: 30px;
    padding-top: 0;
    width: 460px;
    margin: 0;
}

* html #contentContainer #content {
    padding-left: 0px;
    padding-bottom: 0;
    padding-right: 0px;
    padding-top: 0;
    width: 460px;
    margin: 0;
}


#contentContainer #teasersRight {
    width: 230px;
}
/*
#content .textItem p:first-letter { color: #ffd48a;
    font: bold 150% Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    text-shadow: #000000 -1px 1px 1px;
    padding-right: 3px;
    padding-left: 3px;
    border-width: 1px;
    border-color: #ffc9af;
    background-color: #c00000;
    margin-right: 2px;
    bottom: 3px;
    position: relative;
}

*/

/* ###################################################### */

/* ####################### NAVIGATION ################### */

/* ###################################################### */

/* Level 1 */

#navigation ul {
    width: 240px;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

#navigation ul li {
    width: 240px;
    margin: 0;
    padding: 0 0 0 0px;
    list-style-type: none;
}

#navigation ul li a {
    color: #7d7d7d;
    padding-left: 13px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    font-weight: bold;
    display: block;
    width: 240px;
    height: 25px;
    line-height: 19px;
    margin: 0;
    font-size: 12px;
    text-decoration: none;
}

#navigation ul li a:hover {
    color: black;
}

#navigation ul li.active a {
    background-image: url(../images/navi_active.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #000000;
}

/* Level 2 */

#navigation ul.subNavigation {
    padding-left: 0;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 0;
    background-color: #f6f6f6;
    background-position: 0 bottom;
    background-image: url(../images/navi_ul.gif);
    background-repeat: no-repeat;
    width: 240px;
    margin: 0;
}

#navigation ul.subNavigation li a {
    padding-left: 23px;
    height: 19px;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    background-image: none;
    border-bottom: 0px dotted #dddddd;
    color: #666;
    width: 240px;
}

#navigation ul.subNavigation li a:hover {
    color: black;
}

#navigation ul.subNavigation li.active a {
    color: black;
/*background-image:url(../images/subnavi_active.gif) ;
    background-repeat:no-repeat;
    background-position:0 bottom;   */
}

/* Level 3 */

#navigation ul.subSubNavigation {
    padding-left: 0;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 0;
    background-color: #f6f6f6;
    background-position: 0 bottom;
    background-image: url(../images/subnavi_ul.gif);
    background-repeat: no-repeat;
    width: 240px;
    margin: 0;
}

#navigation ul.subNavigation li ul.subSubNavigation li a {
    background-image: none;
    border-bottom: 0;
    color: #666;
    width: 240px;
}

#navigation ul.subSubNavigation li.active a {
    background-image: url(../images/subsubnavi_active.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
}

#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {
    
}


/* ###################################################### */

/* ####################### SEARCH INPUT ################# */

/* ###################################################### */

#search {
width:220px;
    margin: 20px 0 0 20px;
    font-size: 11px;
    background-color: transparent;
    float:left;
}

#search label {
    font-size: 11px;
    display: block;
    float: left;
    width: 42px;
    padding: 0 0 0 0;
}

#search input {
    border: 1px solid #ccc;
    width: 140px;
    height: 12px;
    font-size: 10px;
}

#search input.sbmt {
    border: 0;
    width: 14px;
    height: 14px;
    margin: 0 0 0 0px;
    vertical-align: text-bottom;
}

/* ###################################################### */

/* ####################### SEARCH OUTPUT ################ */

/* ###################################################### */

#searchResults {
    margin: 0 0 10px 0;
}

#searchResults p.message {
    margin: 20px 0 30px 0;
}

#searchResults div.searchResultItem {
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

#searchResults div.searchResultItem h2 {
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0;
    color: #a01a0f;
    font-style: normal;
}

/* ###################################################### */

/* ####################### MAIN CONTENT ################# */

/* ###################################################### */

#content {
    font-size: 11px;
    color: #333;
    line-height: 14px;
}

#content h1, #content h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

#content h1 {
    color: #a01a0f;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 10px 30px;


}

#content h1 a {
    color: #a01a0f;
    text-decoration: none;
}

#content h2 {

    font-weight: bold;
    font-style: italic;
    font-size: 11px;
    margin: 0 0 10px 30px;
}


#content .textItem {
    
    margin: 0 0 10px 30px;
}

#content img {
    
    margin: 10px 0 0px 0;
}

img.hr {
    display: block;
    margin: 0 0 0 30px;
    padding: 0;
    width:100%;
    display:none;
}

/* ###################################################### */

/* ####################### RIGHT COLUMN ################# */

/* ###################################################### */

#teasersRight .teaserItem {
    color: #333;
    font-size: 11px;
}

#teasersRight .teaserItem h3 {
    color: #a01a0f;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: normal;
}

#teasersRight .teaserItem a.more {
    display: block;
    width: 230px;
    margin: 10px 0;
    padding: 0 0 0 15px;
    background-image: url(../images/link_pfeil_klein.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

* html #teasersRight .teaserItem a.more {
    width: 200px;
}

/* ###################################################### */

/* ####################### FOOTER ####################### */

/* ###################################################### */

#footer {
    /* width:100%; */
                   
              
                   
    text-align: left;
    margin: auto;
    width: 960px;
    height: 104px;
    font-size: 11px;
    background-color: #ccc;
    overflow: hidden;
}

#footerContainer {
    width: 960px;
    }

#footer a#logoBottom {
    display: block;
    float: left;
}

#footer #footerContentContainer {
    float: left;
    background-color: #e5e5e5;
    width: 720px;
    height: 104px;
}

#footerContentLeft, #footerContentRight {
    float: left;
    color: #999;
}

#footerContentLeft {
    width: 450px;
    margin: 20px 0 0 30px;
    font-size: 10px;
    padding-right: 10px;
}

* html #footerContentLeft {
    margin-left: 15px;
/* hae? */
}

#footerContentRight {
    width: 220px;
    font-size: 11px;
    
    padding-left: 10px;
    height: 104px;
}

* html #footerContentRight {
    padding-top: 10px;
}

#footerContentRight h3 {
    font-size: 11px;
}

#footerContentRight input {
    width: 150px;
    height: 12px;
    border: 1px solid #ccc;
    font-size: 10px;
    margin: 0 0 4px 0;
}

* html #footerContentRight input {
    width: 142px;
}

#footerContentRight label {
    display: block;
    width: 60px;
    float: left;
    margin: 0 0 4px 0;
}

#footer input#loginBtn {
    background-color: #e5e5e5;
    border: 0;
    color: #a01a0f;
    padding: 0 20px 0 0;
    
    font-size: 12px;
    width: auto;
    height: auto;
    float: right;
    margin: 0 10px 0 0;
}

* html #footer input#loginBtn {
    margin: 0 14px 0 0;
}

ul#metaNavigation {
    margin: 0 0 20px 0;
    padding: 0;
}

ul#metaNavigation li {
    margin: 0;
    padding: 0 1px 0 8px;
    display: inline;
    border-left: 1px solid #D7D7D6;
}

#logoutText {
    position: relative;
    height: 70px;
}

#logoutText a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-decoration: none;
}

/* ###################################################### */

/* ####################### LINKS ######################## */

/* ###################################################### */

a {
    color: #a01a0f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ###################################################### */

/* ####################### CONTACT FORM ############'#### */

/* ###################################################### */

#contactForm {
    font-size: 11px;
    padding-left: 30px;
}

#contactForm .contactRow {
    margin: 4px 0;
}

#contactForm label {
    display: block;
    float: left;
    width: 80px;
}

#contactForm .contactRow input, #contactForm .contactRow textarea {
    border: 1px solid #ccc;
    width: 346px;
}

#contactForm .contactRow select {
    border: 1px solid #ccc;
    width: 172px;
}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width: 343px;
}

#contactForm .contactRow input {
    height: 14px;
}

#contactForm .contactRow textarea {


    height: 105px;
    font-size: 10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float: left;
    margin: 0 0 0 80px;
    width: 174px;
}

* html #contactFormSubmit #contactFormSubmitLeft {
    margin: 0 0 0 26px;
}

#contactFormSubmit #contactFormSubmitRight {
    float: right;
    width: 174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color: #fff;
    border: 0;
    color: #a01a0f;
    padding: 0 20px 0 0;
    background-image: url(../images/link_pfeil.gif);
    background-repeat: no-repeat;
    background-position: right 4px;
    font-size: 10px;
    width: auto;
    height: auto;
    float: right;
    margin: 0;
}

#contactFormSubmit #contactFormSubmitLeft input {
    background-image: none;
    padding: 0;
    float: left;
}

#contactForm table {
    width: 100%;
    border-collapse: collapse;
}

#contactForm table td {
    padding: 0;
}

#contactForm table td.pt {
    padding-top: 2px;
}

* html #contactForm table td.pt {
    padding-top: 0;
}

/* ###################################################### */

/* ####################### BACKEND STYLES ############### */

/* ###################################################### */

#modHeaderImgEdit {
    position: absolute;
    top: 60px;
    left: 270px;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/

.clearfix {
    display: block;
}

/* End hide from IE Mac */

/**** IMAGE GALLERY ****/

table.gallery {
    margin: 20px 10px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    
}


table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
    
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;
}

div.downloadImg {
    padding: 0;
    margin-top: 10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}

td.gallery_image {
    height: 220px;
    padding: 0px;
}

td.gallery_image div.link_image {
    padding: 0;
    background-position: top center;
    min-height: 120px;
    margin-bottom: 5px;
    overflow: hidden;
}

td.gallery_image .bottom_links {
    height: 40px;
    margin-top: 10px;
}

td.gallery_image .bottom_links {
    margin-bottom: 0px;
    text-align: left;
    width: 180px;
}

td.gallery_image .links {
    margin-bottom: 0px;
}

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
    margin-left: 0;
    padding-left: 0;
}

.sitemap li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

.sitemap .level1 {
    background-color: #cdcdcd;
    padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
    background-color: #e6e6e6;
    padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
    background-color: #ffffff;
    padding: 3px 3px 3px 50px;
}

/* Only for IE */

*+html .sitemap .list2, * html .sitemap .list2 {
    margin-top: -14px;
}

/*  POOL-X  */


.logobottom {
    width: 240px;
    display: block;
    float: left;
}

iframe{
    border-color: white;
    border-width: 0;
    border-style: none;
    position: relative;
    left: -30px;
}

#buchung{
    border-color: white;
    border-width: 0;
    border-style: none;
}

.multiLightboxBild{
display:inline;
padding:0px;
margin:0px !important;
float:left;
}

.editbild{
border:#cccccc solid 0px;
}


#mailform .formstyle, .formstyle2 {
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
    border-top: 1px solid #d5d5d5;
}

#mailform td.formstyle p {
    padding: 0px !important;
    margin: 0px !important;
}

#mailform .formstyle2 input,
#mailform .formstyle2 textarea {
    width: 300px;
}

#mailform .formstyle2 p.comment input {
    color: white;
    background-color: maroon;
}

#mailform div.kontaktformular textarea {
    height: 150px;
}

#mailform input , textarea {
    background-color: #ededed;
    border: 1px solid #d5d5d5;
    padding: 3px;
    margin: 0;
}

#mailform input.button {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-color: #84480b;
    border-right-color: #ae5f0f;
    border-left-color: #ae5f0f;
    border-top-color: #dd7810;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: white;
    cursor: pointer;
    background-color: #600;
}

#mailform input.button:hover {
    font-weight: bold;
    border-bottom-color: #ffaf55;
    border-right-color: #ae5f0f;
    border-left-color: #ae5f0f;
    border-top-color: #84480b;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: white !important;
    background-color: #c01212;
    cursor: pointer;
}

#mailform input.button:active {
    font-weight: bold;
    border-bottom-color: #ffaf55;
    border-right-color: #ae5f0f;
    border-left-color: #ae5f0f;
    border-top-color: #84480b;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: white !important;
    background-color: #e9831c;
    cursor: pointer;
}

/*
*:first-child+html #footer{
    position: relative;
    top: -4px;

}
*/

* html #content{
    margin-bottom: -4px;
}
* html  #outerContainer {
    margin-bottom: -4px;
}

*:first-child+html #content{
    margin-bottom: -4px;
}
*:first-child+html  #outerContainer {
    margin-bottom: -4px;
}

.initiale{



    clear: left;

    float: left;

    display: block;

    height: 35px;

    width: 35px;

}

.initiale img{
    padding: 0px;
    margin: 0px;
    top: -25px;
    display: block;
    left: -26px;
    position: relative;
}
* html .initiale img, *:first-child+html .initiale img{

    position: relative;

    top: -17px;

}

.initiale_sp{

    width: 1px;
    height: 25px;
    display: block;
}

#content blockquote{

margin-left: 0px;

/*
    background-position: -3px -20px;


    background-image: url(../upload/initialen/blockquote.gif);


    background-repeat: no-repeat;


    padding-left: 15px;


    font-family: "Times New Roman", Times, serif, Georgia !important;


    color: #6a3c18;


    margin: 0px;
*/

}


.homenewsbild{


    display: block;


    clear: left;


    float: left;


    position: relative;


    z-index: 85;


}

.projektbilderleiste img{
    position: relative;
    z-index: 0;
}

#rabenschwatz_home{
    float: left;
    height: 230px;
    border-width: 200px;
    z-index: 87;
    display: block;
    left: 490px;
    top: -230px;
    position: relative;
}

#rabenschwatz_home b{
    display: block;
    margin-left: 15px;
    margin-top: 15px;
}

#rabenschwatz_home a{
    padding-right: 20px;
    width: 180px;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 2px;
    background-position: 0 bottom;
    margin-top: 5px;
    clear: left;
    float: left;
    padding-top: 5px;
    display: block;
    padding-left: 20px;
    background-image: url(../upload/home/rabe_icn2.gif);
    background-repeat: no-repeat;
}

#rabenschwatz_home a:hover{
    background-image: url(../upload/home/rabe_icn2_hi.gif);
    text-decoration: none;
}
.homenewstext{
    color: white;
    background-color: #7d0000;
    opacity: 0.8;
    position: absolute;
    float: left;
    top: 0px;
    display: none;
    left: -230px;
    height: 230px;
    width: 230px;
}

.homenewstext p{
    color: white !important;
    padding-right: 30px;
    padding-top: 30px;
}

.homenewstext p .hinweis{
    font-weight: bold;
    font-size: 9px;
    color: #aaaaaa;
}
object{
width: 720px;
display:inline;
  float: left;
}
object#video{
width: 490px;
margin-left:-30px;

}

.homeinfobox{
    float:right; 
    margin-left:15px; 
    margin-bottom:15px;
    padding:7px; 
    border:#cccccc 1px solid; 
    background-color:  #ffffff;



}


* html #bilder_reihenfolge3{

    float: right;

    position: relative;

    top: -150px;

}

* html #contentContainer{

       position: absolute;

    top: 170px;

}

* html #content{

    padding-right: 0px;

    border-width: 400px;

}


* html .clearfix {height:1px;}