/***************/
/* Colorscheme */
/***************/

.primColorStrong0 { background-color:#543E2A; }
.primColorMedium0 { background-color:#9B7861; } 
.primColorLight0 { background-color:#FFFFD9; } 

.secndColorStrong1 { background-color:#826347; }
.secndColorStrong0 { background-color:#826347; } 
.secndColorMedium1 { background-color:#FF9900; } 
.secndColorMedium0 { background-color:#FFCC66; } 
.secndColorLight1 { background-color:#FFF096; }
.secndColorLight0 { background-color:#FFFFD9; }

.teaserColor { background-color:#FFCC66; } 

.neutralColorBlack { background-color:#000000; }
.neutralColorStrong0 { background-color:#333333; }
.neutralColorMedium0 { background-color:#999999; }
.neutralColorLight0 { background-color:#FFFFD9; }

.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:#00FF00; } 

.floater {
       float:left;
       width: 220px;
       margin:10px 10px 10px 0;
}

#channelnav {
       position:relative;
       height:256px;
       padding:0px;
       margin:-2px 0px 0px 16px;
       width:950px;
       background-image:url(../common/title_bg.jpg) no-repeat;

}

#channelnav img {
        margin-top:5px;
}


#channelNavigation {
       position:absolute;
       top:5px;
       left:0px;
       z-index:1;
       height:256px;
       width:176px;
       padding:0px;
       margin:0px;
       background: url(../common/channel_bg.png);
}

.containerAussen {
	position:relative;
	margin:auto;
	padding:0px;
	width:1000px;
}

#pageregion_left {
	width:970px;
	float:left;
	position:relative;
}

#containerContentTop {
	background: url(../common/kachel_content.png) no-repeat;
	background-position: 0px 0px; 
	height:14px;
	width:970px;
}

#containerContent {
	float:left;
	width:970px;
        height:auto;
	background: url(../common/kachel_content.png) repeat-y;
	background-position: -980px 0px; 
}

#containerContentBottom {
	background: url(../common/kachel_content.png) no-repeat;
	background-position: -1958px 0px; 
	height:20px;
	width:970px;
	margin-bottom:-20px;
}

#logo {
       width:153px;
       height:121px;
       position:absolute;
       bottom:-5px;
       right:130px;
       z-index:10;
       padding: 0;
       margin: 0;
       text-align: right;
}

#logo a {
       display:block;
}

#zierleiste {
	background: url(../common/zierleiste.gif) repeat-y;
	height:4px;
	margin:9px 10px 3px 16px;
}


#pageregion_center {
       width:631px;
       margin:30px 5px 20px 30px;
       float:left;
}

#pageregion_center_folge {
       float:left;
       width: 460px;
       height:auto;
       margin:30px 10px 20px 0px;
}

#pageregion_mainmenu {
       float:left;
       width:166px;
       margin:120px 10px 20px 20px;
}



#pageregion_right {
       float: left;
       width:280px;
       margin-right:20px;
}

#flashkarte {
       position:absolute;
       right:-35px;
       top:210px;
       z-index:5;
       width:355px;
       height:485px;
       valign:top;
       align:left;
}

#flashkarte object, #flashkarte embed {
       position:reltive;
       left:0px;
       top:0px;
}

#teaserbox {
       margin:400px 0px 10px 5px;
       width:100%;
}


#footer {
       margin: 20px 0px 0px 40px;
       width:100%;
       height:30px;
}

#footer_Navigation {
       float:left;
       width:255px;
       height:50px;
       margin: 0px;
}

.clear {
        clear:both;
        border: 0px;
        font-size: 1px;
        line-height: 0pt;
        margin: 0pt;
        padding:0pt;
        width:1px;
	}
	
	
.textcontainer {
        float:left;
        width:210px;
        margin:0 0 20px 0;
}

.textcontainer h2 {
        background: #9B7861;
        margin:5px 10px 0px 0px;
        padding:0 0 0 10px;
        text-transform:uppercase;
        font-family:"Arial Narrow", Arial, Verdana,helvetica,sans-serif;
        font-style:normal;
        font-size: 10px;
        color: #FFFFFF;
        letter-spacing:2px;
        line-height:20px;
}

.google_rectangle {
        margin:5px 0 0 0;
        padding:2px 0 0 20px;
        background: url(../common/dot_dunkel.gif); 
	background-repeat:repeat-x;
	background-position: top;
}

.google_rectangle_bottom {
        margin:0 0 5px -20px;
        background: url(../common/dot_dunkel.gif); 
	background-repeat:repeat-x;
	background-position: bottom;
}


.bildindex_bild {
        float:left;
        text-align:left;
        width:90px;
        height:70px;
        margin-top:2px;
}

.bildindex_bild img {
        display:box;
        border: 1px solid #f3eae3;
        padding:3px;
}

.bildindex_home {
        float:left;
        width:510px;
        margin: 0 0 0 10px;
}

.bildindex {
        float:left;
        width:360px;
        margin: 0 0 0 10px;
}

.bildindex_ferienhaus {
        float:left;
        text-align:left;
        width:198px;
        margin:2px 10px 10px 0;
}

.bildindex_ferienhaus p{
        font-size:10px;
}

.bildindex_ferienhaus img{
        display:box;
        border: 1px solid #f3eae3;
        padding:3px;
}

#thumbteaser {
        margin:3px 3px 3px 7px;
        padding:3px 0px 0px 3px;;
        border: 1px solid #f3eae3;
}

#thumbteaser a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:0 3px 3px 0;
	background: url(../common/Sehenswuerdigkeiten.jpg) no-repeat;
}

#thumbteaser a.thumb1 {
	background-position: 0px 0px; 
}

#thumbteaser a.thumb2 {
	background-position: -30px 0px; 
}

#thumbteaser a.thumb3 {
	background-position: -60px 0px; 
}

#thumbteaser a.thumb4 {
	background-position: -90px 0px; 
}
#thumbteaser a.thumb5 {
	background-position: -120px 0px; 
}
#thumbteaser a.thumb6 {
	background-position: -150px 0px; 
}
#thumbteaser a.thumb7 {
	background-position: -180px 0px; 
}
#thumbteaser a.thumb8 {
	background-position: -210px 0px; 
}
#thumbteaser a.thumb9 {
	background-position: -240px 0px; 
}
#thumbteaser a.thumb10 {
	background-position: -270px 0px; 
}
#thumbteaser a.thumb11 {
	background-position: -300px 0px; 
}
#thumbteaser a.thumb12 {
	background-position: -330px 0px; 
}
#thumbteaser a.thumb13 {
	background-position: -360px 0px; 
}
#thumbteaser a.thumb14 {
	background-position: -390px 0px; 
}
#thumbteaser a.thumb15 {
	background-position: -420px 0px; 
}
#thumbteaser a.thumb16 {
	background-position: -450px 0px; 
}
#thumbteaser a.thumb17 {
	background-position: -480px 0px; 
}
#thumbteaser a.thumb18 {
	background-position: -510px 0px; 
}
#thumbteaser a.thumb19 {
	background-position: -540px 0px; 
}

#thumbteaser a.thumb20 {
	background-position: -570px 0px; 
}

#thumbteaser a.thumb21 {
	background-position: -600px 0px; 
}


/***************/
/* Links */
/***************/

a {
        color:#E49C00;
        text-decoration:none;
}
a:link {
        color:#E49C00;
}
a:visited {
        color:#E49C00;
}
a:active {
        color:#E49C00;
}
a:hover {
        color:#A8522B;
}

a.uezwei:hover, a.uezwei:activ {
        font-family: Times, Verdana, Geneva, Arial, Helvetica, serif;
        font-size: 16px;
        color: #FF9900;
        text-decoration: none;
}

a.uezwei:link, a.uezwei:visited {
        font-family: Times, Verdana, Geneva, Arial, Helvetica, serif;
        font-size: 16px;
        color: #FF9900;
        text-decoration: none;
}

a.navMicro, .navMicro {
	font-family: Georgia, "Georgia", Times, serif;
	font-size: 14px;
	font-style:italic;
	font-weight:normal;
	color: #9B7861;
	line-height:33px;
	margin: 0 0 10px 0;
	padding:0;
}

/*********************/
/* ChannelNavigation */
/*********************/

ul.channelmenu, ul.channelmenu ul {
	list-style-image: none;
        list-style-type: none;
	margin: 0px 3px 0 0;
	padding: 5px 0 0 0;
}



ul.channelmenu li {
        position:relative;
        padding:0 0 0 10px;
	margin: 0 3px 0 0;
	/* width:189px; */
        background: url(../common/dot_hell.gif); 
	background-repeat:repeat-x;
	background-position: bottom;
	float:left;
        height:25px;
}



ul.channelmenu ul {
        position: absolute;
        display:none;
        width:244px;
	z-index:3;
	/* width:189px; */
	left:176px;
	top:0px;
}
/* IE-Hack für die Breite */
*html ul.channelmenu ul {
    /* width:189px; */
}
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.channelmenu ul.hover, ul.channelmenu li.hover ul, ul.channelmenu li:hover ul  {
        display:block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	background: url(../common/channel_bg.png);
}

ul.channelmenu li:hover div div div a, ul.channelmenu li:hover div div div:hover a {
	color:#999999;
}


/* Design der Liste des ersten Dropdowns  */

ul.channelmenu ul li {
        float:none;
	width:244px;
	padding:0px 0 0px 0;

}

ul.channelmenu ul li:hover, ul.channelmenu ul li.hover  {
	border:0px solid #FFFFFF;
}

 
/*********** Level0 **********/
ul.channelmenu a {

 	display: block;
	width:166px;
	font-family:'Georgia', Georgia, Times, "Times New Roman", serif;
        font-weight:normal;
	font-size:12px;
	letter-spacing:2px;
	padding:2px 0px 4px 0px;
	text-align:left;
	color:#F3DBC6;
	font-style:italic;

}

ul.channelmenu a { 

}

ul.channelmenu a.current {
	color:#DA9355;
}

ul.channelmenu a:hover  {
	color:#DA9355;
}

/*********** Level1 **********/
ul.channelmenu ul a {
        display: block;
	margin:0px 15px 0px 15px;
	padding: 2px 5px 4px 5px;
        text-align:left;
	color:#F3DBC6;
	text-transform:none;

}
ul.channelmenu ul a {
        font-weight:normal;

}
ul.channelmenu ul a.current {
	color:#DA9355;

}
ul.channelmenu ul a:hover  {
	color:#DA9355;
}

/*********************/
/* MainNavigation */
/*********************/
/*********** Liste **********/


ul.mainmenu, ul.mainmenu ul {
	list-style-image: none;
        list-style-type: none;
	margin: 0;
        background-image: none;
}

ul.mainmenu {
        background: url(../common/dot_dunkel.gif); 
	background-repeat:repeat-y;
	background-position: right;
	padding: 5px 0 20px 0;
}


ul.mainmenu li {
        position:relative;
        padding:0px;
	margin: 0;
        background: url(../common/dot_dunkel.gif); 
	background-repeat:repeat-x;
	background-position: bottom;
}

ul.mainmenu li li {
        background: url(../common/dot_dunkel.gif); 
	background-repeat:repeat-x;
	background-position: top;
}


 
/*********** Level0 **********/
ul.mainmenu a {

 	display: block;
	width:156px;
	font-family:'Georgia', Georgia, Times, "Times New Roman", serif;
        font-weight:normal;
	font-size:12px;
	letter-spacing:2px;
	padding:5px 0px 6px 0px;
	text-align:left;
	color:#E49C00;
	font-style:italic;

}

ul.mainmenu a { 

}

ul.mainmenu a.current {
	color:#9B7861;
}

ul.mainmenu a:hover  {
	color:#9B7861;
}

/*********** Level1 **********/
ul.mainmenu ul a {
	font-family:'Arial Narrow',Arial, Verdana, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#9B7861;
	text-align:left;
	text-transform:none;
        display: block;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;




}
ul.mainmenu ul a {
        font-weight:normal;

}
ul.mainmenu ul a.current {
	color:#9B7861;

}
ul.mainmenu ul a:hover  {
	color:#9B7861;
}




/*********************/
/* Reiseverzeichnis */
/*********************/

a.partnerkontinent:link, a.partnerkontinent:visited, 
a.partnerkontinent:hover, a.partnerkontinent:activ {
        font-family: Times, Verdana, Geneva, Arial, Helvetica, serif;
        font-size: 16px;
        color : #FF9900;
        text-decoration : none;
}


/*********************/
/* Textbody-Elements */
/*********************/


body {
        color:#9B7861;
        font-family:verdana,arial,helvetica,sans-serif;
        font-size:11px;
        font-style:normal;
        font-weight:normal;
        letter-spacing:0;
        line-height:15px;
        text-decoration:none;
        margin:0px;
        padding:0px;
        background: url(../common/kachel.jpg); 
}

p, table, tr, td, input, textarea, h1 {
        color:#9B7861;
        font-family:verdana,arial,helvetica,sans-serif;
        font-size:11px;
        font-style:normal;
        font-weight:normal;
        letter-spacing:0;
        line-height:15px;
        text-decoration:none;
        padding: 0px 0px 10px 0px;
        margin:0px;
}

h1 {
	font-family: Georgia, "Georgia", Times, serif;
	font-size: 28px;
	font-style:italic;
	font-weight:normal;
	color: #E49C00;
	line-height:28px;
	margin:0 0 10px 0;
	padding:0px;
}

h2 {
	font-family: Georgia, "Georgia", Times, serif;
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	color: #9B7861;
	line-height:33px;
	margin: 0;
	padding:0;
}

h3 {
	font-family: Georgia, "Georgia", Times, serif;
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	color: #707070;
	line-height:33px;
	margin:15px 0 5px 0;
	padding:10px 0 0px 0;
}

h5 {
        height:20px;
	margin:5px 16px 10px 0;	 
	text-transform:uppercase;
	color: #BDBDBD;
	font-size: 9px;
	letter-spacing:2px;
	font-weight:normal;
}

h6 {
        height:20px;
	margin:5px 16px 10px 0;	 
	text-transform:uppercase;
	color: #BDBDBD;
	font-size: 9px;
	letter-spacing:2px;
	font-weight:normal;
}

hr {
	margin:0px;
	padding:0px;
	width:100%;  
	height:2px;
	border-color:transparent;
	background-color:transparent;
}

b {
        color:#DA9355;
        font-weight:bold;
}

i {
        font-style:italic;
}
u {
        text-decoration:underline;
}

tt, pre {
font-family:Courier;
}

.footerDoc  {  
line-height: 10px;
color : #666666;
font-size: 9px;
text-decoration: None;
}

/**********************/
/* Teaser */
/**********************/

TABLE.teaserElement {
  border-spacing: 0pt 1pt;
  border-collapse: collapse;
  border-style: none;
  width: 100%;
}

P.teaserTitle {
  font: 100% Arial, Verdana, Helvetica, sans-serif;
  color : #4E6A78;
  font-size : 12px;
  line-height : 15px;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left:3px;
  margin-right:3px;
}

TD.teaserTitle {
  padding: 0px;
  background-image:url(http://www.sardinien-reiseinfo.net/common/spacer.gif); 
}


TD.teaserText { 
  padding : 0px;
  background-image:url(http://www.sardinien-reiseinfo.net/common/spacer.gif); 
}

P.teaserText {
  font: 100% Arial, Verdana, Helvetica, sans-serif;
  font-size : 10px;
  font-weight : normal;
  text-decoration : none;
  color : #7796A8;
  line-height: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left:3px;
  margin-right:3px;
}

A.teaserTitle:link, A.teaserTitle:visited,
A.teaserTitle:hover, A.teaserTitle:active {
  font-weight: bold;
  font-size : 12px;
  color: #9DBCCE;
  text-decoration: none;
}

A.teaserText:link, A.teaserText:visited,
A.teaserText:hover, A.teaserText:active {
  color: #9DBCCE;
  text-decoration: none;
}

.ZMSTeaserElement {
	background: url(../common/dot_dunkel.gif) repeat-y;
	background-position: left; 
	height:auto;
        padding-bottom:11px;
        margin:0px;
}

.ZMSTeaserElement .title {
	height:auto;
	padding:13px 15px 5px 15px;
	font-family: Georgia, "Georgia", Times, serif;
	font-size: 16px;
	font-style:italic;
	font-weight:normal;
	color: #E49C00;
	line-height:16px;
	
}

.ZMSTeaserElement .text {
	height:auto;
	padding:5px 15px 10px 15px;
}

/**********************/
/* Inputs */
/**********************/

form {
    border: none;
    margin: 0;
}

textarea {
    border: 1px solid #735252;  
    color: Black;
    background-color: #E2D8C6;
    width: 70%;
    padding: 0.1em;
}

input {
    font: 100% Arial,Verdana, Helvetica, sans-serif;
    border: 1px solid #E7C27A;  
    color: Black;
    background-color: #E2D8C6;
    vertical-align: middle;
    margin-bottom: 1px; /* IE bug fix */
    padding: 0;
}

select {
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    border: 1px solid #000000;  
    vertical-align: top;
}

input.standalone {
    background: #E2D8C6; url(http://www.sardinien-reiseinfo.net/common/linkOpaque.gif) 9px 1px no-repeat;
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.context {
    background: White url(http://www.sardinien-reiseinfo.net/common/linkTransparent.gif) 9px 1px no-repeat;
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.destructive {
    background: #E2D8C6; url(http://www.sardinien-reiseinfo.net/common/linkTransparent.gif) 9px 1px no-repeat;
    border: 1px solid #FFA500;  
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}

input.searchButton {
    font-size: 100% ! important;
    margin-bottom: 1px ! important;
}


/**********************/
/* Functions */
/**********************/

div.searchBox {
    /*searchbox style and positioning */
    background-color: transparent;
    color: Black;
    float: right;
    margin: 3em 0em 0em 0em;
    padding: 0em 2em 0em 0em;
    text-align: right;
    text-transform: lowercase;
    width: 30%;
}

div.box {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.box h5 { 
    background: #E2D8C6;
    border: 1px solid #8CACBB;
    border-style: solid solid none solid;
    color: Black;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: inline;
    font-size: 10px;
}

div.box div.body {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #8CACBB;
}

div.box .content {
    padding: 1em;
}

div.box a.close {
    float: right;
    text-transform: none;
    border-left: 1px solid #8CACBB;
    padding: 0em 0.2em;
}

.Copyright {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  color: #9DBCCE;
  font-size: 10px;

}

a.Copyright:link, a.Copyright:visited {
  color: #9DBCCE;
  text-decoration : none;
}


/*******************/
/* H.3.6 Sitemap   */
/*******************/

TD.sitemapTitle0 {
  background-color: #BF3800;
  border-right-width: 1px;
  border-right-color: #992100;
  border-right-style: solid 1px #992100;
 }

TD.sitemapTitle1 {
  background-color: #BF3800;
  border-right-width: 1px;
  border-right-color: #992100;
  border-right-style: solid 1px #992100;
 }

A.sitemapTitle0:link, A.sitemapTitle0:visited ,
A.sitemapTitle0:hover, A.sitemapTitle0:active {
  font-weight: bold;
  color: #FF9900;
  text-decoration: none;
}

A.sitemapTitle1:link, A.sitemapTitle1:visited,
A.sitemapTitle1:hover, A.sitemapTitle1:active {
  font-weight: bold;
  color: #FF9900;
  text-decoration: none;
}

A.sitemapElement0:link, A.sitemapElement0:visited,
A.sitemapElement0:hover, A.sitemapElement0:active {
  color: #FFFFFF;
  text-decoration: none;
}

A.sitemapElement1:link, A.sitemapElement1:visited,
A.sitemapElement1:hover, A.sitemapElement1:active {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}


/*************************/
/* Management Interface  */
/*************************/

.cmsTxtColorStrong0 { color: #801700; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #876347; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #9B7861; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: FFF096; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #9B7861; } /* neutralColorWhite */

.ftTH { background-color:#876347;  }
.ftTD { background-color:#9B7861; }

/*************************/
/*       Gallerie        */
/*************************/

.artnoGallery {
	padding:0px;
	margin: 15px 0px;
	width: 458px;
}
.artnoNav {
	margin: 7px 0px 0px 0px;
	text-align: center;
}
.artnoNav .navLeft {float: left;}

.artnoNav .navRight {float: right;}

.artnoGallery .big {
	border: 1px solid #f3eae3;
	margin: 0px 0px 8px 0px;
	padding: 3px;
}
.artnoGallery .big a {
	display: block;
	text-align: center;
	overflow: hidden;
}
.artnoGallery .bigImage {
	border: none;
}
.artnoGallery .description {
	padding: 8px;
	font-weight: normal;
	height: 3.6em;
	overflow: hidden;
	background:#F4F8FB;
	display: block;
	margin-bottom:15px;
	width: 458px; 
	font-size: 1em;
	line-height:1.2em;  
}
.artnoGallery .thumbs {
	margin: 0px;
}
.artnoGallery .thumbs a img{
	border: none;
}
.artnoGallery .thumbs a {
	float: left;
	display: block;
	text-align: center;
	padding: 3px;
	margin: 2px 2px 2px 1px;
}
.artnoGallery .thumbs a.smallImage {
	border: 1px solid #f3eae3;
	opacity: 0.75;
  filter: alpha(opacity = 75);
}
.artnoGallery .thumbs a.smallImage:hover {
	border: 1px solid #E49C00;
	opacity: 1;
	filter: alpha(opacity = 100);
}
.artnoGallery .thumbs a.activeImage {
	border: 1px solid #E49C00;
}
.artnoGallery .spacer {
	clear: both;
}