/*##############################
www.gluecksburg-ostsee.de Stylesheet Startseite
Datei: gluecksburg_start.css
Media: screen
Datum: 16.08.2006
###############################*/

body {
     background: #ffffff;
     height: 100%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     margin:0px;
     background-image: url(../pics/all_back_169.gif);
     background-repeat: repeat-y;
     background-position: 50%;
}

a{   text-decoration: none;}

h1,h2,h3,h4{
     	margin: 0px;
     	padding: 0px;
     	font-size: 12px;
}

h1 {
	font-size: 14px;
         color: #005D9D;
	font-weight: bold;
	margin-bottom: 10px;
}

.master{
	width: 959px;
	text-align: left;
	margin:auto;
	background-image: url(../pics/all_back_169.gif);
	background-repeat: repeat-y;
	position:relative;
}

.its{
	position: relative;
	margin-left: 0px;
/*	background-image: url(../pics/start_neu_htg_bottom.jpg);*/
	background-image: url(../pics/hg-start-bottom.jpg);
	background-repeat: no-repeat;
	background-position: 216px 113px;

}

#topback{
	position: relative;
/*	background-image: url(../pics/start_neu_htg_top.gif);*/
	background-image: url(../pics/hg-start-top.jpg);
	background-repeat: no-repeat;
	height: 113px;
	background-position: 216px 0px;
}

#left{
	/*background-image: url(../pics/nav_back.gif);
	background-repeat: repeat-y;*/
	top:0px;
	left:0px;
	position:absolute;
	text-align:left;
	color: #333333;
	padding-bottom: 50px;
	width:215px;
/*	background-color: #00549c;*/
}

.logo{
	padding: 0px;
	background-color: #ffffff;
	width: 216px;
}

.smenu{
	height: 187px;
	width: 960px;
}

#middle{
	margin:0px 0 25px 250px;
	padding:35px 0px 25px 0px;
	text-align:left;
	top: 0px;
	line-height: 16px;
	width:480px;
	min-height:970px;
	height:auto !important;
	height:970px;
}

#middle p{
	margin: 0;
	padding-top: 10px;
}

#right{
	top:312px;
	/*background-image: url(../pics/right_back.gif);
	background-repeat: repeat-y;*/
        	right:7px;
        	width:210px;
        	position:absolute;
        	text-align:left;
        	color: #333333;
        	height: auto important!;
        	/*width: 182px;
        	padding-left: 14px;
       	 padding-right: 14px;
        	*/
}

.sprache{
	background-color:#8DA9D1;
	color:#fff;
	height:16px;
	margin-bottom:8px;
	padding:8px 4px 8px 4px;
	
}
.kors{
	width: 182px;
        	padding-left: 23px;
        	padding-right: 5px;
}

.csc-frame-frame1, .csc-frame-frame2{
	background-image: url(../pics/urlaubsplan.gif);
	background-position: 3px 30px;
	background-repeat: no-repeat;
}

.csc-frame-frame2{
	background-image: url(../pics/buchungshotline.gif);
	background-position: 3px 3px;
}

#right .csc-header-n2 h1{
	padding-top: 8px;
	padding-left: 40px;
	letter-spacing: 2px;
	font-size: 10px;
}
/*#right p{
	padding-left: 40px;
	font-size: 10px;
	margin-top: 0;
	padding-top: 0;
}
#right p span.important{
	font-size: 11px;
	color: #00549C;
	font-weight: bold;
}
#right p span.detail{
	font-size: 10px;
	color: #0083CD;
	font-weight: bold;
}*/

#right a{color: #005e9e;}

.m{
	padding-top: 25px;
	padding-bottom: 10px;
}

a.m1,
a.m1_1,
a.m1_1act,
a.m1:hover,
a.m1_1:hover,
a.m1_1act:hover,
a.m1:active,
a.m1_1:active,
a.m1_1act:active,
a.m1:visited,
a.m1_1:visited,
a.m1_1act:visited,
a.m1:link,
a.m1_1:link,
a.m1_1act:link{
	font-weight: bold;
	padding-left: 5px;
	color: white;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 10px;
}

a.m1 img {
padding-left:5px;
margin-bottom:5px;
margin-top:-5px;
!margin-top:0px;
!margin-bottom:0px;
}

.m1_item{
	margin-bottom: 5px;
	vertical-align: middle;
}

.m1_1_item{
	padding-left: 49px;
	padding-right: 15px;
         margin-bottom: 1px;
         vertical-align: middle;
         width: 147px;
}

.m1_item{
	margin-bottom: 5px;
	vertical-align: middle;
}

.m1_1_item{
	padding-left: 49px;
	padding-right: 15px;
        margin-bottom: 1px;
        vertical-align: middle;
        width: 147px;
}

a.m1_1,
a.m1_1act,
a.m1_1:hover,
a.m1_1act:hover,
a.m1_1:active,
a.m1_1act:active,
a.m1_1:visited,
a.m1_1act:visited,
a.m1_1:link,
a.m1_1act:link{
	font-weight: normal;
	color: white;
	vertical-align: middle;
	font-size: 10px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #5689be;
/*	padding: 6px;*/
	padding: 6px 4px 6px 4px;
}

a.m1_1act,
a.m1_1:hover,
a.m1_1act:hover,
a.m1_1act:active,
a.m1_1act:visited,
a.m1_1act:link{background-color: #e95958;}

a.mark,
a.mark:active,
a.mark:link,
a.mark:visited,
a.mark:hover{
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}
.sm{
	position: absolute;
	top: 35px;
	left: 680px;
	color: #ffffff;
	font-size: 10px;
}

.sm a.sm_1,
.sm a.sm_1:link,
.sm a.sm_1:visited,
.sm a.sm_1:active,
.sm a.sm_1:hover{
	color: #ffffff;
	font-size: 11px;
}

.sm a.sm_1:hover{text-decoration: underline;}

#footer{
	width: 100%;
	margin: auto;
	position: fixed;
	bottom: 0px;
	font-family: arial, verdana, sans-serif;
}

.footer{
	width: 960px;
	height: 25px;
	background-color: #005e9e;
	vertical-align: middle;
}

.online{
	background-color: #F9A03A;
        width:215px;
	height: 100%;
	float: left;
}

.online a,
.online a:link,
.online a:visited,
.online a:hover,
.online a:active{
	padding-top: 5px;
	color: white;
	font-weight: bold;
	display: block;
	text-decoration: underline;
	width: 100%;
	text-align: center;
}

.ftext{
	padding-top: 7px;
	color: white;
	text-align: center;
	font-size: 10px;
}

.ftext a,
.ftext a:link,
.ftext a:visited,
.ftext a:hover,
.ftext a:active{
	color: white;
	text-decoration: underline;
	font-size: 10px;
}

/*Neues für Rechte Spalte*/
#right .rightbox,
#right .rightbox_light{
	padding: 8px;
	padding-top: 4px;
	background-color: #8DA9D1;
	width: 166px;
	text-align: left;
/*	border: 1px solid #005E9E;*/
}

#right h1{
	background-color: #8DA9D1;
	color: white;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	height: 15px;
	font-size: 11px;
	width: 166px;
	text-align: left;
}

#right .rightbox_light,.lightblue{
	background-color: #BCD9E7;
	margin-bottom: 8px;
}
.lightblue{
	/*padding: 4px 8px 4px 8px;*/
	height: 15px;
	width: 100%;
}

.head_right{
	margin-top: 8px;
	background-color: #8DA9D1;
	color: white;
	padding: 4px;
	padding-left: 8px;
	height: 15px;
	font-size: 11px;
}

h1.head_right{margin: 0px;}

.av{
	border-bottom: 1px solid #005D9D;
	padding: 4px 8px 4px 8px;
}
.av a{color: #1150a0;}

.green,
.red{
	background-color: #98CC44;
	background-image: url(../pics/back_green_right.gif);
	background-position: right;
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: repeat-y;
	margin-top: 3px;
}

.greenflag,
.redflag{
	background-image: url(../pics/flag_green_right.gif);
	background-position: 141px 50%;
	background-repeat: no-repeat;
	height: 100%;
}
.red{
	background-color: #E95958;
	background-image: url(../pics/back_red_right.gif);
}
.redflag{
	background-image: url(../pics/flag_red_right.gif);
}

.blue{
	background-color: #8DA9D1;
	/*background-color: #8DA9D1;
	background-image: url(../pics/back_blue_right.gif);
	background-position: right;*/
	padding-top: 4px;
	padding-bottom: 4px;
	height: 15px;
	background-repeat: repeat-y;
}

.blueflag{
/*	background-image: url(../pics/flag_blue_right.gif);
	background-position: 141px 50%;
	background-repeat: no-repeat;*/
	height: 100%;
}

.head_right a{color: white;}

.link_right{}

.link_right,.link_right a{
	font-weight: bold;
	color: white;
}
.blueflag a,
.blueflag a:hover,
.blueflag a:active,
.blueflag a:visited,
.blueflag a:link{color: #1150a0;}

.hotline{
	padding-top: 8px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
}

.phone{	
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 5px;
}
.geb{
	color: white;
	font-size: 10px;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
}


#quickbook{
	width: 180px;
	background-color: #BCD9E7;
/*	border: 1px solid #005E9E;*/
	margin-bottom: 8px;
	padding-bottom: 5px;
}

#quickbook h1{
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	height: 15px;
	margin: 0;
	color: white;
/*	border-bottom:  1px solid #005E9E;*/
	background-color: #8DA9D1;
	width: 166px;
	font-size: 11px;
}

.textquickbook {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 120%;
	color: #1150a0;
}

a.textquickbook,
a.textquickbook:active,
a.textquickbook:link,
a.textquickbook:visited,
a.textquickbook:hover{text-decoration: underline;}

.formfield {color: #1150a0;}

.tx-macinasearchbox-pi1{
	margin-top: 8px;
	margin-bottom:8px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #8DA9D1;
	width: 166px;
	text-align: left;
/*	border: 1px solid #005E9E;*/
}
.fieldtable{margin-top: 5px;}

.suchbox_suchwort{
	border: 1px solid #BCD9E7;
	width: 125px;
}

.suchbox_submit,.tx-indexedsearch-searchbox-button{
	margin-top: 0px;
	margin-left: 10px;
	background-color: #EE941A;
	color: white;
	border: 1px solid #BCD9E7;
	font-weight: bold;
	font-size: 11px;
	padding: 1px;
}

.tx-indexedsearch-searchbox-button{margin-left: 3px;}

td.tx-indexedsearch-info,td.info{display: none;}

.tx-indexedsearch-redMarkup{color: #ee941a;}

.newsletter{
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #98CC44;
	color: white;
	margin-bottom: 8px;
	background-image: url(../pics/newsletter.gif);
	background-repeat: no-repeat;
	background-position: 140px 30px;
}

.newsletter h2{
	margin:0px;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	font-weight: normal;
	color: white;
}
.newsletter p{
	padding: 0px 0px 4px 0px;
	margin: 0;
	font-size: 10px;
}
.newsletter a,
.newsletter a:hover,
.newsletter a:active,
.newsletter a:visited,
.newsletter a:link{
	color: white;
	text-decoration: underline;
	font-size: 10px;
}

a.aufeinenblick{
	display: block;
	padding-left: 25px;
	background-image: url(../pics/arrow-gb.gif);
	background-position: 3px 4px;
	background-repeat: no-repeat;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #1150a0;
}

.aeb_info{
	padding-left: 25px;
	font-size: 10px;
	line-height: 120%;
	color: #68686a;
}

/* Klapp-Menue auf Testseite */
/*zugeklappte Menues:*/
#versteckt0, #versteckt1, #versteckt2, #versteckt3 {
  	display:none;
}

/* p-Tag um den Link: */
.plus{
	height:16px;
	background-image:url(../pics/add.gif);
	background-position:3px 8px;
	background-repeat:no-repeat;
}

/* Überschrift */
.klappen,
.klappen:link,
.klappen:visited,
.klappen:active{
	color:#005D9D;
	font-size:11px;
	font-weight:bold;
	padding-bottom:2px;
	margin-left:25px;
	margin-top:4px;
	margin-bottom:4px;
}

.klappen:hover{
	color:#FFF;
	background-color:#005D9D;
	text-decoration:underline;
}

/*Links in den Klappen:*/
.klappenlink,
.klappenlink:link,
.klappenlink:visited,
.klappenlink:active{
	color:#005D9D;
	font-size:11px;
	font-weight:bold;
}

.klappenlink:hover{text-decoration:underline;}

/* Definition der Teaser-Boxen */
.startteaser{
        width:225px;
        height:90px;
        float:left;
        margin-bottom:20px;
}

.teasertext{
        width: 114px;
        height: 90px;
        height:inherit;
        float:left;
        border-left: 1px solid #FFF;
        color:#FFFFFF;
        padding-left:7px;
        padding-top:10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
}

.teasertext a{
        color:#FFF;
        font-weight:normal;
}

.teasertext a:hover{
        text-decoration:underline;
}

.teaserpic{
	width:100px;
	height:100px;
	float:left;
	border-left:1px solid #FFFFFF;
/*	position:relative;
	left:1px;*/
}
#teaserbox{
         width:480px;
         height:305px;
         float:left;
         background-color:#DFF0F8;
}

#familie{background-color:#E7585A;}

#freizeit{background-color:#B1C35F;}

#verwoehnen{background-color:#85A5CC;}

#sport{background-color:#FAA139;}

.space{
        width:20px;
        height:20px;
        float:left;
}

/* Rahmen 2 für Startseite (NEWS) */
#uid169 .csc-frame-frame2{
	width: 460px;
	border: 1px solid #005D9D;
	background-color: #CEDEEE;
	color: #005d9d;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 10px;
}

#uid169 .csc-frame-frame2 h1{
	width: 440px;
	margin-bottom: 10px;
	background-color: #005d9c;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
#uid169 .csc-frame-frame2 img{
	margin: 5px;
	border: 1px solid #005d9d;
}

#uid169 .csc-frame-frame2 p{padding:10px;}

#uid169 .csc-frame-frame2 a{
	color: #005d9d;
	text-decoration:none;
}

#uid169 .csc-frame-frame2 a:hover{text-decoration:underline;}
/*NEWS Ende*/


/* Akkordion */
#container {
         width: 445px;
	text-align: left;
	margin: 0 auto;
}


/* Ueberschriften von Accordion */
h3 {
	margin: 0px 0 0;
	height: 20px;
	width: 445px;
	cursor: pointer;
	font-size: 0.99em;
	background-image: url(../pics/add.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:22px;
	padding-top:2px;
}

h3 a{
   	margin-top:3px;
   	padding-bottom:2px;
}

h3 a:link, h3 a:visited {
	background: #DFF0F8;
 	color: #005D9D;
	/*text-shadow: 2px 2px 1px #005D9D;*/
	margin-top:2px;
	-moz-outline-style: none;
	display: inline;
	height: 25px;
	text-decoration: none;
}

h3 a:hover{
	color:#FFF;
	background-color:#005D9D;
	text-decoration:underline;
}

.stretcher{
	margin-left:8px;
	margin-top:0px;
	padding-top:0px;
}

.stretcher a{color: #005D9D;}

.stretcher a:hover{text-decoration:underline;}


.mbottom {
  margin-bottom:8px;
}

.lmenu {
  position: absolute;
  top: 34px;
  right: 5px;
}


/* 
------------------------------------------------------------------
quickbuchung 
------------------------------------------------------------------
*/
#popuphelp {
  text-align: center;
  padding: 10px 2px;
  background:  white; /*url(../images/balloon.gif) no-repeat top left;*/ 
  color: #000000;
  font-weight: bold;
  position: absolute;
}


/*#popupcont form {
  margin: 1em auto;
  width: 80%;
  margin-bottom: 2em;
}
*/
 
 
#quick_form {
  padding: 8px;
  font-weight: bold;
  background-color: #8da9d1;
}


.quick_right, .quick_left {
  float:left;
  width: 79px;
}


.quick_left {
  margin-right: 5px;
} 




.quick_top {
}

.quick_top label, .quick_left label, .quick_right label {
  display: block;
  color:#ffffff;
  margin-bottom: 5px;
}

.quick_top input, .quick_right input, .quick_left input {
  background:#FFF;
  color:#000;
  padding: 3px;
  border: 0 none;
  margin-bottom: 10px;
  width: 158px;
}

.quick_left input {
  width: 89%;
}


.quick_right input {
  width: 93%;
}


.quick_senden {
  text-align:center;
}

.quick_senden a {
  color: #0C4DA2;
  
}

#sb_submit {
  background: #f9a038;
  color: #FFF;
  border: 0 none;
  font-weight: bold;
  padding: 3px;
  width: 163px;
  margin-bottom: 2px;
  cursor: pointer;
}



#right .head_quick {
  background: #005e9c; 
}

.clear {
  clear: both;
}

table#fc {
  z-index: 100;
}

/* ie hacks */

* html #sbsubmit {
  width: 150px;
}



* html #quick_form {
  width: 166px;
}


* html #quick_form  input{
  margin-bottom: 5px;
}


* html #popupcont {
  margin-top: -20px;
  margin-bottom: -10px;
}

* + html #popupcont {
  margin-top: -20px;
  margin-bottom: -10px;
}

#linkbar {
	height: 25px;
	line-height: 25px;
	color: #afafaf;
	text-align:right;
	background: transparent url(../pics/bg_linkbar.gif) repeat-x scroll 0 0;
}

#linkbar div {
	width: 960px;
	margin: 0px auto;
}

#linkbar ul {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	display:inline;
	float:left;
	padding: 0;
}

#linkbar li {
	display: inline;
}

#linkbar a {
	display: inline;
	color: #afafaf;
	text-decoration: none;
	font-size: 10px;
}

#linkbar a:hover {
	text-decoration: underline;
}

.bookmark {
	margin-left: 10px;
}

.bookmark img {
  padding-top: 5px;
}