@charset "utf-8";
/* CSS Document */

/********** GENERAL STYLING ***************/
* {
    margin: 0;
    padding: 0;
    border:0;
}
html{
    height:100%;
}

body{
    font-size:12px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Tahoma, Helvetica;
    background:#FFFFFF;
    height:100%;
    background:url('../images/background_shadow.png') center repeat-y;
}

/***************** CONTAINERS *********************/

#wrapper{

    width:965px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding-bottom:0px;
    padding-left:0px;
}

#header{
    clear:both;
    overflow:hidden;
    background: #B5CBD6;
    background-position: top;
    height:193px;
    margin-left: 5px;
    position:relative;
    z-index:1;
}

#top_navigation{
    padding:15px 30px 0 0;
    width:930px;
    text-align:right;
    color:#fff;
    position:absolute;
    z-index: 3;
    top:0;
    left:0;
}

#middle_navigation{
    background:#B5CBD6;
    width:880px;
    color:#fff;
    height:33px;
    overflow:hidden;
    text-align:left;
    padding-left:80px;
    position: absolute;
    top:160px;
    left:0;
    float:left;
}

#content_navigation_wrapper{
    width:740px;
    float:left;

}
#content_navigation{
    overflow:hidden;
    text-align:center;
    width:auto;
    padding-top:7px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:1px;
    font-weight:normal;
    font-size:1.25em;
}

#tt_content{
    overflow:hidden;
}

#left_sidebar{
    float:left;
    width:158px;
    display:inline;
    background:#E1EAEF;
    overflow:hidden;
    padding:10px 10px 0 7px;
    margin-left: 5px;
}

#content{
    width:500px;
    float:left;

    display:inline;
    padding:15px 40px 15px 40px;
}

#right_sidebar{
    float:right;
    width:200px;
    display:inline;
    background:#FDF1D8;


}
#footer{
    text-align:center;
    padding-top:20px;
    padding-bottom:50px;
    clear:both;
    background: #B5CBD6;
    overflow:hidden;
    width:960px;
    height:450px;
    margin-left: 5px;

}

/*********** TEXT **************/
#tt_content h1 {
    color:#437B9F;
    font-size:2.5em;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}


#tt_content p {
    line-height: 22px;
    font-size:1.083em;
    margin-bottom:15px;
}

.sidebar_widget h4{
    font-weight:bold;
}


/**** for the sitemap **/
#c20 ul{
    margin-left:10px;
}
#c20 li{
    margin-left:10px;
}
/**** Tables ****/
#tt_content table{
    width:100%;
}
.tabelle_mit_rand, .tabelle_mit_rand tr, .tabelle_mit_rand tr td{
    border:1px solid #000;
    border-collapse: collapse;
}

/*************** miscellaneous ***************/

label{
    font-weight:bold;
}

.onlinebooking_button{
    margin:15px 0 3px 60px;;
    border:none;
}

ol{
    list-style-position: inside;
}

.sidebar_divider{
    height:1px;
    border-top: 3px solid #98B2BF;
    border-bottom: 1px solid #98B2BF;
    margin:10px 0;
}
.sidebar_widget{
    /*margin: 5px 8px 5px 15px;*/
    margin:0px;
}

#tt_content ul{
    list-style-position: inside;
}

#news li{
    list-style: none;
    font-size:1.167em;
    display:none;

}

#newsticker a{
    color:#920000 !important;
}

/******* NAVIGATION ********/
.topmenu{
    font-weight: bold;
}

#footermenu{
    float:left;
    padding: 0px 20px 0 20px;



}
#footer_navigation{
    float:left;
    text-align: left;

}

#footer_menu_list li {
    display:block;
}

.menu1-level1-no{
    /*float:left;*/
    list-style:none;
    display:inline;
}

.menu1-level1-no a:link,.menu1-level1-no a:visited{
    color:#FFFFFF;
    text-decoration:none;
}
.menu1-level1-no a:hover{
    text-decoration:underline;
}

.menu1-level1-act{
    /*float:left;*/
    list-style:none;
    display:inline;
}

.menu1-level1-act a:link,.menu1-level1-act a:visited{
    color:#FFFFFF;
    text-decoration:none;
}
.menu1-level1-act a:hover{
    text-decoration:underline;
}

.first_menu_item,.middle_menu_item{
    padding: 0 8px;

}
.last_menu_item{
    padding: 0 0 0 8px;
}

.menu_pipe{
    /*float:left;*/
    padding-bottom:2px;
    font-size:1em;
    list-style:none;
    display:inline;
}

.menu_item{
    padding: 0 8px;
}
/*left navi start*/
.cb-menu{
    color:#00517C;
    list-style: none;
    margin-left:25px;
    font-size:1.086em;

}

.cb-menu li{
    margin-top:10px;
}

.cb-menu .expand{
    list-style-image: url('../images/list-bullet-active.png');
}

.cb-menu li{

    margin-top:10px;
}

.cb-menu li li{
    margin-left:8px;
    list-style: none;
}

.cb-menu li a:link, .cb-menu li a:visited {
    color:#00517C;
    text-decoration:none;
}

.cb-menu li a:hover{
    text-decoration:underline;
}

.cb-menu li#current a{
    text-decoration:underline;
}

.cb-menu li.current a{
    text-decoration:underline;
}

.cb-menu li.current .normal a{
    text-decoration:none;
}
.cb-menu li#current .normal a{
    text-decoration:none;
}

.cb-menu li{
    list-style-image: url('../images/list-bullet.png');

}

.cb-submenu{
    list-style: none;
    font-size:1em;
}


.columnbox-top{
    margin-left:25px;
    margin-top:20px;
    margin-bottom:10px;
}
/*left navi end*/

.amrum_logo{
    margin-top:190px;
}

/******** TEXTE ***********/
.highlight{
    margin-bottom:10px;
    color:#0074B0;
    font-weight:bold;
}
.center{
    text-align: center;
}


#content a:link,#content a:visited{
    color :#00517C;
    text-decoration: none;
}

#content a:hover{
    color :#00517C;
    text-decoration: underline;
}

/********** mail form in contact *******************/

.csc-mailform{
    border:0;
}

.csc-mailform-field label{
    width:150px;
    display:block;
    margin-top:20px;
}


/********** Language selector ***********/
.tx-srlanguagemenu-pi1{
    ;
    padding-top:10px;
    padding-right:10px;
}
.tx-srlanguagemenu-pi1 div{
    float:left;
    margin-right:5px;
}
.tx-srlanguagemenu-pi1 div img{
    border:0;
}


/***  search box **/
#search_box .inputfield,#search_box .submitbutton{
    float:left;
}

#search_box .inputfield input{
    width:150px;
    height:20px;
    margin-right:5px;
}
#search_box{
    margin: 20px 5px;
    overflow: hidden;
}

/***** different color for nav ********/
#cont_nav_14 a:link,#cont_nav_14 a:visited{
    color:#007AAD;
}

#sub_nav_title_14 a:link,#sub_nav_title_14 a:visited{
    color:#007AAD;
}
#cont_nav_154 a:link,#cont_nav_154 a:visited{
    color:#00517C;
}

#sub_nav_title_154 a:link,#sub_nav_title_154 a:visited{
    color:#00517C;
}

#cont_nav_10 a:link,#cont_nav_10 a:visited{
    color:#00A88E;
}

#sub_nav_title_10 a:link,#sub_nav_title_10 a:visited{
    color:#00A88E;
}

#cont_nav_6 a:link,#cont_nav_6 a:visited{
    color:#AE1A1F;
}

#sub_nav_title_6 a:link,#sub_nav_title_6 a:visited{
    color:#AE1A1F;
}

#cont_nav_5 a:link,#cont_nav_5 a:visited{
    color:#31923D;
}

#sub_nav_title_5 a:link,#sub_nav_title_5 a:visited{
    color:#31923D;
}
#cont_nav_3 a:link,#cont_nav_3 a:visited{
    color:#A6096C;
}

#sub_nav_title_3 a:link,#sub_nav_title_3 a:visited{
    color:#A6096C;
}
#cont_nav_16 a:link,#cont_nav_16 a:visited{
    color:#FAA61A;
}

#sub_nav_title_16 a:link,#sub_nav_title_16 a:visited{
    color:#FAA61A;
}
#cont_nav_17 a:link,#cont_nav_17 a:visited{
    color:#009FDB;
}

#sub_nav_title_17 a:link,#sub_nav_title_17 a:visited{
    color:#009FDB;
}

#left_navi h2 a:link, #left_navi h2 a:visited{
    text-decoration:none;
    font-size:0.9em;
}


/**  header image and menu ****/
#header_image{
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}

#header_image img{
    width:960px;
    height:160px;
}



/******social tab **********/

.social {
    background: none repeat scroll 0 0;
    float:left;
    width:549px;
    height:200px;
    margin-left: 23px;
}
.social h3 {
    margin:10px 0 0;
}
.first_social_div {
    border:1px solid #00517C;
    padding:12px 18px 8px;
}
.social .avatar {
    float:left;
    margin:0 10px 10px 0;
}
.social p {
    font-family:Arial,sans-serif;
    font-size:12px;
}
.social strong {
    display:block;
    font-family:Georgia,serif;
    font-weight:normal;
    margin-bottom:5px;
    text-transform:uppercase;
}
.social p.more {
    margin-bottom:0;
}
.social ul {
    left:-10px;
    position:relative;
}
.social li {
    float:left;
    font-size:11px;
    line-height:1.1;
    list-style-type:none;
    margin:0 0 0 10px;
    width:75px;
}
.social li a {
    line-height:1.2;
}
.social li img {
    border:2px solid #CCCCCC;
    margin-bottom:3px;
}

.ir-facebook {
    background:url(../images/facebook.gif) no-repeat;
    height:26px;
    width:69px;
    display:block;
}

.ir-twitter {
    background:url(../images/twitter.gif) no-repeat;
    height:30px;
    width:74px;
    display:block;
}

.ir-flickr {
    background:url(../images/flickr.gif) no-repeat;
    height:22px;
    width:57px;
    display:block;
}

.ir-youtube {
    background:url(../images/youtube.gif) no-repeat;
    height:34px;
    width:68px;
    display:block;
}

.move{
    left:-9999px;
    position:absolute;
}


.social .tabs {
    margin:0;
    position:static;

}
.social .tabs li {
    border-left:1px dashed #00517C;
    left:-1px;
    margin:0;
    min-height:34px;
    padding:10px 11px 2px;
    position:relative;
    top:1px;
    width:auto;
    background:#fff;
}
* html .social .tabs li {
    height:34px;
}
.social .tabs li.first {
    border-left:medium none;
    left:0;
}
.social .tabs li.on {
    background:#FFFFFF none repeat scroll 0 0;
    border-color:#00517C;
    border-style:solid solid none;
    border-width:1px 1px 0;
    margin-right:-1px;
    z-index:100;
}

.social-tab-container{
    clear:both;
    text-align:left;
    background:#fff;
}

#flickr_badge_uber_wrapper {text-align:center; width:498px; border:1px solid #94A3C4; height:363px;}

#tt_content #flickr_badge_uber_wrapper {
    border:0;
}
#flickr_badge_image3 {clear: right;}
#flickr_badge_image4 {clear: left;}
#flickr_badge_image6 {clear: right;}
#flickr_badge_image7 {clear: left;}
#flickr_badge_image9 {clear: right;}

#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;float:left; width:100px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;clear: both;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/****** Flickr *********/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 0px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#twtr-widget-1
{
    border:1px solid #94A3C4;
    width:498px;
}

.flickrmore{
    padding-top:5px;
}
/*********** EVENTS ***********/

.tx-xmlimporter-pi1-listrow{
    margin-top:30px;
}

#tt_content p.evt_list_meta1{
    text-decoration: underline;
    margin:0;
    padding:0;
}
#tt_content p.evt_list_meta2{
    font-size:0.9em;
    margin:0 0 10px 0;
    padding:0;
}

.evt_divider{
    height: 10px;
    border-top:1px solid #ccc;
}

stream_content {
    height:100px;
}

/*********  online booking form on the right sidebar*************/
.onlinebookingform{
    padding:15px 16px 5px 16px;
}

.onlinebookingform table{
    border:0;
    border-collapse: collapse;
    width:170px;
}


.onlinebookingform label{
    padding:3px 5px 3px 3px;
}

.onlinebookingform input{
    border:1px solid #0080B8;
}

.onlinebookingform_header{
    background:#0080B8;
    padding:6px 5px 6px 15px;
    color:#fff;
    font-weight:bold;
}

.onlinebookingform_footer{
    background:#0080B8;
    padding:6px 5px 6px 15px;

}

.onlinebookingform_footer a{
    color:#fff !important;
    text-decoration: none !important;
    display:block;
    font-weight:bold;
}


.onlinebookingform_fields{
    background:#fff;
    padding:6px 5px 6px 15px;
    height:25px;

}


/** Wetter Widget */
.wetter_widget{
    padding:10px 15px 10px 15px;
    background:#C8D8E1;
}


/** Events Widget */
.events_widget{
    background:#D8E3CC;
    padding:10px 15px 10px 15px;
    height:230px;
}



/** Pauschalangebote Widget */
.pauschal_widget{
    background:#D9CEB6;
    padding:10px 15px 5px 15px;
}

.pauschal_widget a:link,.pauschal_widget a:visited{
    color:#CD071E;
}

/** Pauschalangebote Widget */
.pauschal_widget ul{
    padding-left:15px;
}


/** Verlosung  Widget */
.lottery_widget{
    padding:10px 15px 10px 15px;

}
/** Amrumshop Widget */
.amrumshop_widget{
    padding:10px 10px 0px 10px;
    margin:20px 0;
    border-top:1px solid #ccc;


}


.news-list-container .clearer{
    margin:20px 0;
}

/*** print button ***/
#subpage_buttons  {
    border-top:1px solid #CCCCCC;
    clear:both;
    margin-bottom:10px;
    margin-left:210px;
    overflow:hidden;
    padding-left:9px;
    padding-top:8px;
    width:500px;
}

/*** form fields */
input, textarea, select{
    border:1px solid #C9C9C9;
}
#tt_content input, #tt_content textarea, #tt_content select{
    border:1px solid #C9C9C9;
    margin-top:5px;
    margin-bottom:5px;
}


#teaser li{



}

#language_menu{
    padding-left:20px;
    position:absolute;
    z-index:5;
    top:0;
    left:0;
}

#altcss{
    float:right;
    padding:7px 25px 0 0;
}

a:link,a:visited{
    color: #00517C;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}


#search_box .submitbutton input{
    font-family:'Lucida Sans Unicode','Lucida Grande',Arial,Tahoma,Helvetica;
    font-size:0.9em;
    margin:5px 0 0 11px;
    padding: 0;
    background:#F0F0F0;
    width: 126px;
    height:17px;
    max-width: auto;
    border:1px solid #C9C9C9;
}

input[type="submit"], input[type="reset"]{
    background:#F0F0F0;
}

/* Hilfsnavigation ('unsichtbare' Sprungmarken) */
#hilfsverweise {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 40%;
    position: absolute;
    top:0;
    left:0;
    z-index:9999;
}

#hilfsverweise ol {
    margin: 0;
    padding: 0;
}

#hilfsverweise li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#hilfsverweise a:link,
#hilfsverweise a:visited,
#hilfsverweise a:hover {
    height: 1em;
    left: -400em;
    position: absolute;
}

#hilfsverweise a:active,
#hilfsverweise a:focus {
    background-color: #505050;
    color: #FCFCFC;
    font-weight: bold;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tx-srlanguagemenu-pi1 .CUR img{
    display:none;
}
.tx-srlanguagemenu-pi1 .CUR a img{
    display:inline;
}

#social_icons{

    padding-top:15px;
    border-top:1px solid #ccc;
}
#social_icons img{
    margin-left:4px;
    border:1px solid #00517C;
}

#at-contact-info{
    margin:20px 0 0 5px;
    float:left;
    clear:left;
    padding:0 0 0 22px;
    color:white;
}

/***** amrumnews page styling  **/
#twrss_table .twrss_item_content {
    border:0;
    color:#000;
    font-family:'Lucida Sans Unicode','Lucida Grande',Arial,Tahoma,Helvetica;
    font-size:1.083em;
    font-style:normal;
    font-weight:normal;
    line-height:16px;
    padding:3px;
    overflow:hidden;
}

#twrss_table .twrss_item_link a {
    border-left:0;
    color:#00517C;
    font-family:'Lucida Sans Unicode','Lucida Grande',Arial,Tahoma,Helvetica;
    font-size:1.083em;
    font-style:normal;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}

#twrss_table .twrss_item_link a:hover  {
    border-left:0;
    color:#00517C;
    font-family:'Lucida Sans Unicode','Lucida Grande',Arial,Tahoma,Helvetica;
    font-size:1.083em;
    font-style:normal;
    font-weight:bold;
    padding:3px;
    text-decoration:underline;
}

/** Sitemap Styling ***/
#tt_content .csc-sitemap ul{
    list-style:none;
    font-size:1.2em;
    margin-left: 1px;
}
#tt_content .csc-sitemap ul li:hover{
    border-left:1px dotted #CCC;
    padding-left: 4px;
}
#tt_content .csc-sitemap ul ul li:hover{
    border-left:0;
    padding-left: 0px;
}
#tt_content .csc-sitemap ul ul{
    list-style:circle;
    font-size:0.8em;
    margin-left: 10px;
}
#tt_content .csc-sitemap ul ul ul{
    list-style:square;
    font-size:1.0em;
    margin-left: 10px;
}
#tt_content .csc-sitemap ul ul ul ul{
    list-style:disk;
    font-size:1.0em;
    margin-left: 10px;
}
#tt_content .csc-sitemap ul li{
    margin-top:15px;
    margin-left: 0;
}
#tt_content .csc-sitemap ul ul li{
    margin-top:0px;
    margin-left: 10px;
}

iframe{
    border:0;
}
.tx-xmlimporter-pi1-browsebox{
    background:#E1EAEF;
    margin-top:25px;
    padding-left:10px;
}

/* youtube api plugin
****************************************/

div.tx-youtubeapi-list .player-container
{
float: left;
overflow: hidden;
margin-bottom: 30px;
position:relative;
}

div.tx-youtubeapi-list h3
{
font-size: 0.9em;
margin-bottom: 5px;
margin-top:10px;
}

div.tx-youtubeapi-list .play-button
{
  position: absolute;
  top: 50px;
  left: 40%;
  margin-left: -16px;
  z-index: 10;
  opacity:0.8;
}

div.tx-youtubeapi-list .result-count
{
font-weight: bold;
font-size: 1.1em;
height: 30px;
}

div.tx-youtubeapi-list .page-browser
{
font-weight: bold;
font-size: 1.1em;

}

div.tx-youtubeapi-list .page-browser a
{
border: 1px solid #666;
display:inline-block;
padding:4px 6px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

div.tx-youtubeapi-list .page-browser a:hover
{
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}