* {
    padding:0px;
    margin:0px;
}

html {
    *overflow-y:scroll;
    *overflow-x:hidden;
}

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
    background:url(../img/hp_cbh_bg.gif);
    text-align:center;
    overflow-y: scroll;
    *overflow-y: inherit;
    *overflow-x: inherit;
}

#mainframe {
    text-align:left;
    width:976px;
    margin:0px auto;
    height:auto !important;
    background:url(../img/mainframe_bg.png);
}

#mainpadding {
    width:950px;
    margin-left:13px;
    margin-right:13px;
}

#logo {
    float:left;
    margin:55px 0px 0px 60px;
    width:300px;
    height:60px;
    background:url(../img/logo_castello.gif);
}

#logoframe {
    width: 950px;
    height: 170px;
}

#print {
    text-transform: uppercase;
    font-size:11px;
    height:20px;
    color: #00AAD2;
    text-align:right;
    width:100%;
    margin-bottom:15px;
} 

#topcontainer {
    height:400px;
    width:100%;
    z-index:50;
}

#topcontainer img {
    position:absolute;
}

#midcontainer {
    width:850px;
    *width:860px;
    height:auto;
    margin:40px 40px 30px 60px;
    *margin:40px 30px 30px 60px;
}

#midcontainer a {
    text-decoration:none;
    font-weight:bold;
    color:#00AAD2;
}

#midcontainer a:hover {
    color:#056E87;
    text-decoration:underline;
}

#normal {
    height:auto;
    float:left;
    width:480px;
    margin:0px 25px 30px 0px;
    *margin:0px 20px 30px 0px;
}

#border {
    float:left;
    height:auto;
    float:left;
    width:340px;
    margin-right:5px;
}

#footer {
    clear:both;
    width:830px;
    height:100px;
    border-top:1px solid #BFDBE1;
    margin:0px 60px 0px 60px;
    padding:15px 0px 0px 0px;
    text-align:center;
    font-size:11px;
    color:#BFDBE1;
}

.subcl {
    height:auto;
    float:left;
    width:480px;
    padding:0px !important;
    margin:0px 25px 0px 0px;
    *margin:0px 20px 0px 0px;
}

.subcr {
    float:left;
    height:auto;
    width:340px;
    padding:0px !important;
    margin-right:5px;
}

#social {
    padding-top:5px;
    margin:0px auto;
    width:140px;
    height:25px;
}

#social a img {
    border:0px;
    text-decoration:none;
}

#facebook_footer {
    float:left;
    width:66px;
    height:25px;
    background:url(../img/facebook_off.jpg);
}

#facebook_footer:hover {
    background:url(../img/facebook_on.jpg);
}

*html #facebook_footer a:hover {
    width:100%
    height:100%;
    background:url(../img/facebook_on.jpg);
}


#twitter_footer {
    float:right;
    width:68px;
    height:25px;
    background:url(../img/twitter_off.jpg);
}

#social img {
    position:relative;
    width:100%;
    height:100%;
}
#twitter_footer:hover {
    background:url(../img/twitter_on.jpg);
}

*html #twitter_footer a:hover {
    width:100%
    height:100%;
    background:url(../img/twitter_on.jpg);
}
/* --- Überschriften und Fließtext --- */

H1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 26px;
    color:#00AAD2;
    text-transform:uppercase;
    font-weight:100;
    letter-spacing:1px;
    padding:0px 0px 10px 0px;
}

H2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color:#00AAD2;
    text-transform:uppercase;
    font-weight:100;
    letter-spacing:1px;
    padding:0px 0px 5px 0px;
}

H3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#555555;
    font-weight:600;
    padding:0px 0px 10px 0px;
    line-height:140%;
}

p {
    font-size: 14px;
    color:#555555;
    font-weight:100;
    line-height:140%;
}

#midcontainer p {
    padding-bottom:14px;
}

#midcontainer a img:hover {
    opacity:0.85;
    filter:alpha(opacity=85);
}

/* --- TYPO3 FRAMES --- */

.csc-frame-frame1 {
    background:url(../img/mainnavi_hover_bg.png);
    border: 1px solid #82D1E2;
    padding: 10px;
    width:810px;
    margin-bottom:10px;
}

.csc-frame-frame1:hover {
    background: none;
    background-color:#82D1E2;
}

.csc-frame-frame1:hover p{
    color: white;
}

.csc-frame-frame1 p {
    padding:0px 0px 0px 25px !important;
}

.csc-frame-frame1 h1 {
    font-size:18px;
    padding: 0px 0px 0px 25px;
}

/* --- MAILFORM --- */

form#mailform {
   font-size: 12px;
   color: #555555;
   text-transform: uppercase;
}

form#mailform fieldset.csc-mailform {
    border:none;
    padding-bottom: 25px;
    padding-top: 25px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field{
    display:block;
    margin-bottom:3px;
}
form#mailform fieldset.csc-mailform div.csc-mailform-field label {
    float:left;
    margin-right:10px;
    width:90px;
    display:block;
    margin-bottom:5px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field input {
    display: block;
    float:left;
    width:320px;
    border:1px solid #DDDDDD;
    background-color: white;
    color: #00AAD2;
    padding:2px;
    margin-bottom:5px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field textarea {
    display: block;
    float:left;
    width:320px;
    border:1px solid #DDDDDD;
    background-color: white;
    color: #00AAD2;
    padding:2px;
    margin-bottom:25px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field select {
    display: block;
    float:left;
    border:1px solid #DDDDDD;
    background-color: white;
    color: #00AAD2;
    padding:2px;
    width:70px;
    margin-bottom:5px;
    margin-right:40px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field input#mailformformtype_mail {
    display: block;
    width:326px;
    background:url(../img/mainnavi_bg.png);
    color:white;
    padding:5px;
    border:none;
    text-transform: uppercase;
    margin-right: 54px;
    float:right;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformfrom_month {
    width:130px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformfrom_month, 
form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformfrom_day, 
form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformfrom_year {
    margin-right:5px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformto_month {
    width:130px;
}

form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformto_month, 
form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformto_day, 
form#mailform fieldset.csc-mailform div.csc-mailform-field select#mailformto_year {
    margin-right:5px;
    margin-bottom: 25px;
}

/* --- Sitemap --- */

.tx-flseositemap-pi1 {
    width:90%;
}

.tx-flseositemap-pi1 ul {
    padding-left:25px;
    list-style:none;
}

.tx-flseositemap-pi1 ul li {
    color: #666666;
    font-size:12px;
}

.tx-flseositemap-pi1 ul li a {
    font-size:16px;
    color: #00AAD2;
    font-weight:100;
    text-transform:uppercase;
}

.tx-flseositemap-pi1 ul li ul {
    margin-bottom:10px;
 }
 
 .tx-flseositemap-pi1 ul li ul li{
    margin-bottom:0px !important;
    font-size:12px;
    color: #999999;
 }
 
.tx-flseositemap-pi1 ul li ul li a {
     font-size:14px;
     color:#81D1E2 !important;
     font-weight:100;
 }
 
 .tx-flseositemap-pi1 ul li ul li a:hover {
     color:#056E87 !important;
 }
 
 .clearboth {
     clear:both;
 }

/* --- Tables --- */

#midcontainer table.contenttable {
    width:600px;
    margin-bottom:20px;
    text-align:left;
    font-size: 13px;
    color:#555555;
}

#midcontainer table.contenttable thead {
    text-transform:uppercase;
    font-size:14px;
    color:#00AAD2;
    padding-bottom:5px;
}

#midcontainer table.contenttable thead tr th {
    padding:2px 5px 2px 10px;
}

#midcontainer table.contenttable tbody tr td {
    padding:2px 5px 2px 10px;
}
#midcontainer table.contenttable tbody tr.tr-odd{
    background-color:#d4f3fa;
}

/*--- SMOOTHGALLERY ---*/

div.rgsmoothgallery-pi1 {
    width:100%;
    height:auto;
    background-color:#056E87;
}

div.tx-rgsmoothgallery-pi1 div.rgsgcontent {
    position:relative;
    width:310px;
    height:auto;
    margin:0px;
    padding:15px 15px 30px 15px;
    background:url(../img/gallery_border_bg.jpg) repeat;
}

div.tx-rgsmoothgallery-pi1 div.rgsgcontent div.myGallery {
    border:none;
}

/* --- LUMO GOOGLEMAP --- */

.tx-lumogooglemaps-pi1 {
    height: 460px;
    padding:0px 0px 50px 0px;
    margin:0;
}

.tx_lumogooglemaps_pi1_sidebar {
    visibility: hidden;
}

/* --- MAINNAVIGATION --- */

#mainnavi {
    position:absolute;
    color:white;
    margin:0px 0px 0px 60px;
    padding:20px 0px 0px 0px;
    list-style:none;
    height:380px;
    width:180px;
    background:url(../img/mainnavi_bg.png);
    z-index:10;
    text-transform:uppercase;
    line-height:180%;
    letter-spacing:0.5px;
    font-size:14px;
}

#mainnavi li {
   *width:100%;
   *position:relative;
    padding:0px 0px 0px 0px;
    display:block;
}

#mainnavi li a {
    padding-left:17px;
    color: #ffffff;
    text-decoration:none;
}

#mainnavi li:hover {
    background:url(../img/mainnavi_hover_bg.png);
    *background:#BEE1E7;
    background:#BEE1E7\9;
}

#mainnavi li:hover a {
    color: #056E87;
}

#mainnavi li.mainnaviactive  {
    background:url(../img/mainnavi_hover_bg.png);
    *background:#BEE1E7;
    background:#BEE1E7\9;
}

#mainnavi li.mainnaviactive a {
    color: #056E87;
}

#mainnavi li ul {
    padding:0px;
    margin:0px;
    background:url(../img/mainnavi_sub_bg.png);
   *background:#7ED0E2; 
    background:#7ED0E2\9;
    line-height:150%;
    letter-spacing:1px;
}

#mainnavi li ul li {
    font-size:12px;
    padding:0px 0px 0px 17px;
}

#mainnavi li ul li a{
    padding:0px;
}

#mainnavi li.mainnaviactive ul li a {
    color:white;
}

#mainnavi li.mainnaviactive ul li.mainsubactive a {
    color: #056E87;
}

#mainnavi li ul li:hover {
    background:none;
 }


#mainnavi li ul li:hover a {
    color: #00AAD2;
}


/* --- IE HOVER --- */


*html #mainnavi li a {
    width:100%;
    position:relative;
}

*html #mainnavi a:hover {
    position:relative;
    width:100%;
    background:#BEE1E7;
    color: #056E87;
 }
 
*html #mainnavi li ul li a:hover {
    position:relative;
    width:100%;
    background:#7ED0E2;
    color: #00AAD2;
}

*html #mainnavi li a:hover {
    width:100%;
    height:100%;
    background:#BEE1E7;
}

*html #mainnavi li:hover {
    position:absolute;
    width:100%;
    height:100%;
    background:#BEE1E7;
}

*html #mainnavi li.mainnaviactive  {
    background:#BEE1E7;
}

/* --- IMRPINT NAVIGATION --- */

#imprint {
    float:right;
    list-style:none;
    color: #BFDBE1;
    text-align:right;
    width:500px;
    margin:15px 25px 0px 0px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing:0.5px;
}

#imprint li {
    display:inline;
}

#imprint li a {
    color: #BFDBE1;
    text-decoration:none;
}

#imprint li.headnaviactive a {
    color: #00AAD2;
}

#imprint li a:hover {
    color: #00AAD2;
}