body 
{
    font-size: 0.75em;  
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, Sans-Serif;
}

.seitentitel {
    font-size: large;
    color: #b21c1c;
    margin-bottom: 0.5em;
}

.hoteltitel {
    font-size: medium;
    color: #b21c1c;
    margin-top: 1em;
    margin-bottom: 0.5em;
    background-color: #eeeeee;
}
.hotelimage {
    float: right;
    padding-left: 1em;
}

.untertitel {
    font-size: inherit;
    font-weight: bold;
    color: #b21c1c;
    padding-top: 2em;
    padding-bottom: 0.25em;
}

.text {
    font-size: inherit;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.pictos {
    padding-top: 2em;
    padding-bottom: 0.25em;
}

.pictoimage {
    float: left;
    padding-right: 1.0em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.ruler{
    clear: both;
    height:1px;
    border:dotted 0.3pt #666666;
    margin-top: 7px;
    margin-bottom: 7px;
}

.confirmation_ok{
    color: #666666;
}

.confirmation_nok{
    color: #330000;
}


.tabledesign {width: 770px; border-collapse: collapse}
.tabledesign a:link {color: #990000;}
.tabledesign a:visited {color: #333333;}
.tabledesign a:active {color: #990000;}
.tabledesign a:hover {color: #666666;}


.tableheader {background: #cc3333; font-weight: bold; color: #ffffff; text-align: left;}
.tableheader a:link {color: #333333;}
.tableheader a:visited {color: #333333;}
.tableheader a:active {color: #333333;}
.tableheader a:hover {color: #990000;}

.tablerow {color: #333333;}
.tablealternatingrow {color: #333333;}

.detailsviewheader {background-color: #fbf5ea; font-weight: bold;}
.detailsviewitem {background-color: #fbf5ea;}

.gridviewheader {background-color: #cc3333; font-weight: bold; text-align: left; vertical-align: top;}
.gridviewheader a:link {color: #333333;}
.gridviewheader a:visited {color: #333333;}
.gridviewheader a:active {color: #333333;}
.gridviewheader a:hover {color: #990000;}
.gridviewitem {background-color: #fbf5ea; vertical-align: top;}
.gridviewselectedrow {background-color: #f7eaea; vertical-align: top;}

.gridviewpager {background-color: #cc3333; font-weight: bold; text-align: left;}
.gridviewpager a:link {color: #333333;}
.gridviewpager a:visited {color: #333333;}
.gridviewpager a:active {color: #333333;}
.gridviewpager a:hover {color: #990000;}


.validationsummary 
{
    position: absolute;
    top: 200px;
    width: 200px;
    font-family: Arial;
    font-size: 11px;
}

.tableselected
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
	vertical-align: top;
	background-color: #cc9999;
}

a:link {color: #b21c1c;}
a:visited {color: #b21c1c;}
a:hover {color: #330000;}
a:activ {color: #330000;}


/* CSS-Styles für Template */

#divtop {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../templates/1/stmoritz.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
}

#divpagetitle {
    width: 100%;
    margin-bottom: 1.0em;
}
.pagetitle {
    font-size: large;
    color: #b21c1c;
}

#divsubtitle {
    width: 100%;
    margin-bottom: 2.0em;
}
.subtitle {
    font-size: medium;
    color: #b21c1c;
}

#divcontent {
    padding-bottom: 35px;
}

#divsprache {
    position: absolute;
    left: 68px;
    top: 25px;
    width: 20em;
    height: 20px;
}

#divpdf {
    position: absolute;
    left: 785px;
    top: 25px;
}

#divheader {
    position: absolute;
    left: 0px;
    top: 51px;
    background-image: url(../templates/1/stmoritz.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 220px;
}

#divmenu 
{
    position: absolute;
    left: 0px;
    top: 270px;
    width: 240px;
  
}

   
#divmain
{
    position: absolute;
    left: 269px;
    top: 270px;
    width: 468px;
}
#divright
{
    position: absolute;
    left: 785px;
    top: 270px;
    width: 176px;
}

.ul_mainmenu
{
margin: 0;
padding: 0;
list-style-type: none;
}

a.mainmenu:link, a.mainmenu:visited {
	display: block;
	background: url(../templates/1/mainmenu.gif) no-repeat;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-top: 8px;
	padding-left: 68px;
	height: 22px !important;
	height: 30px;
	width: 240px;
	text-decoration: none;
	left: 0px;
}

a.mainmenu:hover {
	background-position: 0px -30px;
	color: #b21c1c;
}

a.mainmenu#active_menu {
	background-position: 0px -30px;
	color: #b21c1c;
}

a.mainmenu#active_menu:hover {
	background-position: 0px -30px;
	color: #b21c1c;
}


a.mainmenuactive {
	display: block;
	background: url(../templates/1/mainmenu.gif) no-repeat;
	background-position: 0px -30px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #b21c1c;
	padding-top: 8px;
	padding-left: 68px;
	height: 22px !important;
	height: 30px;
	width: 240px;
	text-decoration: none;
	left: 0px;
}

.ul_secondmenu
{
margin: 0;
padding: 0;
list-style-type: none;
}

a.secondmenu:link, a.secondmenu:visited {
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;
	color: #666666;
	padding-top: 1px;
	padding-left: 68px;
	height: 20px !important;
	height: 21px;
	width: 172px !important;
	width: 240px;
	text-decoration: none;
	left: 0px;
}

a.secondmenu:hover {
	color: #b21c1c;
}

a.secondmenu#active_menu {
	color: #b21c1c;
}

a.secondmenu#active_menu:hover {
	color: #b21c1c;
}


a.secondmenuactive {
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;
	color: #b21c1c;
	padding-top: 1px;
	padding-left: 68px;
	height: 20px !important;
	height: 21px;
	width: 172px !important;
	width: 240px;
	text-decoration: none;
	left: 0px;
}


a.sprachwahl:link, a.sprachwahl:visited {
	color: #666666;
	text-decoration: none;
}

a.sprachwahl:hover {
	color: #b21c1c;
}

a.sprachwahl#active_menu {
	color: #b21c1c;
}

a.sprachwahl#active_menu:hover {
	color: #b21c1c;
}

a.sprachwahlactive {
	color: #b21c1c;
	text-decoration: none;
}

/* CSS-Styles für Box */

.box {
    width: 176px;
    background: #dddddd;
}
.box .top, .box .bottom {
    display: block;
    background: #ffffff;
}
.box .top b, .box .bottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #dddddd;
}
.divboxinner {
    padding: 7px;
}
.box .r1 {
    margin: 0 5px;
}
.box .r2 {
    margin: 0 3px;
}
.box .r3 {
    margin: 0 2px;
}
.box .top .r4, .box .bottom .r4 {
    margin: 0 1px;
    height: 2px;
}

.changednewsbox {
    display: block;
}
.titelnewsbox {
    font-size: large;
    color: #b21c1c;
    padding-bottom: 0.5em;
}
.angebotnewsbox {
    display: block;
    font-weight: bold;
    color: #000000;
}
.beschreibungnewsbox {
    display: block;
}

a.linknewsbox:link, a.linknewsbox:visited {
    display: block;
	color: #b21c1c;
    padding-bottom: 5px;
	height: 15px !important;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
}
a.linknewsbox:hover {
	color: #330000;
}

.linktext {
    font-weight: bold;
}
.linkurl {
}

/* CSS-Styles für Random-Image-Box */
.randomseparator {
    padding: 4px;
}

.divrandomimage {
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.randomimagebox {
    width: 468px;
    background: #dddddd;
}

.randomimagebox .randomimagetop, .randomimagebox .randomimagebottom {
    display: block;
    background: #ffffff;
}

.randomimagebox .randomimagetop b, .randomimagebox .randomimagebottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #dddddd;
}
.randomimagedivboxinner {
    padding: 3px;
    text-align: center;
}
.randomimagebox .r1 {
    margin: 0 5px;
}
.randomimagebox .r2 {
    margin: 0 3px;
}
.randomimagebox .r3 {
    margin: 0 2px;
}
.randomimagebox .randomimagetop .r4, .randomimagebox .randomimagebottom .r4 {
    margin: 0 1px;
    height: 2px;
}

/* CSS-Styles für Image Gallery */

.divgalleryimage {
    width: 172px;
    text-align: center;
    padding-bottom: 20px;
}


.imagetitle {
    width: 120px;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.imagelegend {
    display: block;
    margin-bottom: 0.5em;
}


/* CSS-Styles für Webformulare */

.formfieldlabel {
    font-weight: bold;
    min-width: 150px;
}
.formfield {
    width: 120px;
}
.formfieldvalidator {
    display: block;
    width: 100%;
}
.formfieldtextbox {
    display:block;
    width: 256px;
}

.textbox {
    width: 100%;
}

.imagegallery {
    width: 690px;
}