/* GRANITZL */
* {
  font-size: 100.1%;
  font-family: arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}

.cookiebar { 
	z-index: 99999!important;
	}

	#cookiebar { 
	z-index: 99999!important;
	}	

body {
  font-size: 0.75em;
  text-align: center;
  color: #666;
  background: url(layout/back.jpg) repeat-x top left #f0eadc;

}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
sub, sup {
  font-size: 0.6em;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: -1000px;
  display: inline;
}

#main .weather_forecast {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
#main .weather_copyright {
    clear: both;
    display: block;
}
#main .weather_day {
    font-weight: bold;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Gr��e und Position
  - Hintergrundbilder/-farbe
  - Abst�nde zum Text
  - Abst�nde zu anderen Boxen
*/
#wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 1020px;
  position:relative; 
  
}
#header {
  width: 1020px;
  background: url(layout/head_back.png) no-repeat top left;
  margin-top: 202px;
}
#container {
	  background: url(layout/main_back.png) repeat-y top left;
}
#main .inside {
	padding: 50px 20px 20px 20px;
}
#footer {
	background: url(layout/footer_inside.jpg) repeat-y 10px 30px;

}

#footer .inside {
	padding: 30px 20px 0px 20px;
	 background: url(layout/footer_back.png) no-repeat top left;

}


/* Logo im Header */
#header #granitzl {
   position: absolute; top: -90px; left: 10px;
} 
#header #hotel {
   position: absolute; top: -200px; left: 10px;
}

/*slideshow*/
#header .mod_article {
	  position: absolute; top: 20px; right: 30px;
 width: 730px;
}








#header .mod_customnav {
	height: 40px;
	 position: absolute; top: -60px; right: 10px;
	float: right;
	}

#header .mod_customnav li {
	list-style: none;
	float:  left;
	
}

#header .mod_customnav li.wetter a.wetter {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/sun.png) no-repeat top left;
}

#header .mod_customnav li.wetter a:hover,
#header .mod_customnav li.wetter span.active {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/sun_over.png) no-repeat top left;
}

#header .mod_customnav li.kontakt a.kontakt {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/kontakt.png) no-repeat top left;
}

#header .mod_customnav li.kontakt a:hover,
#header .mod_customnav li.kontakt span.active {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/kontakt_over.png) no-repeat top left;
}


#header .mod_customnav li.webcam a.webcam {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/camera.png) no-repeat top left;
}

#header .mod_customnav li.webcam a:hover,
#header .mod_customnav li.webcam span.active {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/camera_over.png) no-repeat top left;
}


#header .mod_customnav li.buch a.buch {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/buch.png) no-repeat top left;
}

#header .mod_customnav li.buch a:hover,
#header .mod_customnav li.buch span.active {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/buch_over.png) no-repeat top left;
}

#header .mod_customnav li.gpix a.gpix {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/gpixs.png) no-repeat top left;
}

#header .mod_customnav li.gpix a:hover,
#header .mod_customnav li.gpix span.active {
	width: 50px;
	height: 40px;
	padding-top: 40px;
	display:  block;
	background: url(layout/navigation/gpixs_over.png) no-repeat top left;
}


#left a {
	text-decoration: none;
	color: #7e1114;
}

/* Side Navigation*/
#left .mod_navigation {
	width:  200px;
	padding: 10px;
	margin: 20px 0 0 20px;
}

#left .mod_navigation li {
  display: none;
}


#left .mod_navigation li.submenu.active,
#left .mod_navigation li.trail {
  display: block;
  
}

#left .mod_navigation li a,
#left .mod_navigation span {
	text-decoration:none;
	display:block;
	padding: 0px 0px 0px 0px;
 	font-size: 1.4em;
  	text-align:left;
  	color: #7e1114;
}


#left .mod_navigation li li {
  display: block;
  padding: 0px 5px 0 5px;
}


#left .mod_navigation li li a,
#left .mod_navigation li li span {
   	display:block;
	padding:1px 0 0 10px;
	margin-bottom: 5px;
	font-size:1em;
	background-color: #eae0cd;
	line-height:25px;
		}

#left .mod_navigation li li span,
#left .mod_navigation li li span.active,
#left .mod_navigation li li a:hover,
#left .mod_navigation li li .trail {
   	font-size:1em;
   	padding:1px 0 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
	background-color: #fff;
}

	
#left .mod_navigation ul ul {
	padding:10px 0 10px 0px ;
	margin-top: 5px;
	background-color:  #e2d4b8;
}

/*Content Boxes*/

#left .mod_contentbox {
	width:  200px;
	padding: 10px;
	margin: 0px 0 0 20px;
}

#left .mod_contentbox h2 {
	font-size: 1.4em;
  	text-align:left;
  	color: #7e1114;
  	font-weight: normal;
  	padding-bottom: 5px;
}

#left .mod_newslist,
#left .mod_subscribe {
	background-color: #e2d4b8;
	padding: 10px;
	margin-bottom: 20px;
}

#left .mod_newslist h1 {
	 font-size: 1.2em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  color: #7e1114;
}

#left .formbody input.text {
  width: 180px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
  }
  
#left .formbody input.submit {
	margin-top: 5px;
	width: 180px;
}  

#left .layout_short {
		background-color: #eae0cd;
	padding: 5px;
}

#left .layout_short p.more {
	margin-left: 10px;
	margin-right: 10px;
}

#left #adresse {
	 position: relative; bottom: 0px; left:60px;
	z-index: 999;
	
	
/*iframes*/

#main #frame1 {
	height:350px;
	}
#main iframe {
	overflow: hidden;
	}	

#main .layout_latest {
	margin-top: 20px;
		border-bottom: 1px dotted #7e1114;

}

#main .layout_short {
		margin-bottom: 20px;
}

#main .layout_short h2 a,
#main .layout_latest h2 a {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  color: #7e1114;
  text-decoration: none;
}

#main .layout_short p.more a,
#main .layout_latest p.more a,
#main .mod_newsreader p.back a {
	
	font-size:1em;
	margin-top: 5px;
   	padding:1px 10px 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
	text-decoration: none;
}

#main .layout_short p.more a:hover,
#main .layout_latest p.more a:hover,
#main .mod_newsreader p.back a:hover {
	font-size:1em;
   	padding:1px 10px 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
	background-color: #EAE0CD;
}

#left .layout_short p.more a {
	display:  block;
	font-size:1em;
	margin-top: 5px;
   	padding:1px 0 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
}

#left .layout_short p.more a:hover {
	font-size:1em;
   	padding:1px 0 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
	background-color: #fff;
}
/* Standard-Stilangaben */
#main a {
	text-decoration: none;
	color: #7e1114;
}
#main h2 {
}
#main h3 {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  color: #7e1114;
}

#main h4 {
  font-weight: bold;
}

#main h5 {
  font-style: italic;
}}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}


/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

#main p {
	line-height:1.5em;
}

#main img {
	border: 3px solid #E2D4B8;
}

#main .pdf_link {
	position: absolute; top: 5px; right: 20px;
}

#main .pdf_link img {
	border-style: none;
	border-color: #fefcd8;
}

#main .layout_latest .image_container {
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
}


/* Formulare */

#main .formbody {
	margin-top:  30px;
	background-color: #f9f9f9;
	border: 1px solid #bdbebd;
	padding: 10px;
	color: #666;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

#main .formbody p {
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}
#main .formbody p.explanation,
#main .formbody div.headline {
  clear: left;
}
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 110px;
  margin: 0px 0px 10px 0px; padding: 1px;
}
#main p.error,
#main span.error {
  color: #ff0000;
  font-size: 0.9em;
  border-bottom: none;
  font-weight:normal;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 200px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody input.error {
  border-color: #ff0000;
}
#main .formbody textarea {
  width: 200px; height: 100px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .radio_container,
#main .formbody .checkbox_container {
  float: left;
  padding-left: 0px;
  margin-bottom: 10px;
}
#main .formbody .radio_container span,
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .radio_container label,
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  margin: 5px 0px 0px 105px;
  padding: 1px;
}

#main .formbody .submit_container input#ctrl_14,
#main .formbody .submit_container input#ctrl_26
{
  color: #666;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}

#main .formbody input.text,
#main .formbody .textarea,
#main .formbody option,
#main .formbody select {
	color:  #666;
	font-size: 0.9em;
}

/* Kommentar Formular - muss nach den anderen Formularfeldern kommen */
#main .formbody input#ctrl_name {
  float-right: 50px;
}
#main .ce_comments {
  margin-top: 50px;
  width: 500px;
}

.ce_comments .comment_default {
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
}

.ce_comments .comment_default .info {
  font-weight: bold;
}

#main .ce_comments label {
  float: none; display: block; clear: none;
  width: 200px; text-align: left;
  margin-left: 240px;
}
#main .ce_comments input.text {
  clear: both; float: left;
}
#main .ce_comments input.captcha {
  clear: both; float: left; margin-right: 134px;
}
#main .ce_comments .submit_container {
  margin-left: 5px;
}

#main h2, h3, h4, h5, a {
	color: #7E1114;
}

#main h2 {
	font-size: 20px;
}

#main h3 {
	font-size: 18px;
}

#main h4 {
	font-size: 14px;
}


/* Wetter */
 .forecastitem {
	width: 120px;
}
.weathericon {
	padding-left: 37px;
}
dt.today, dt.tomorrow, dt.aftertomorrow {
	    color: #7e1114;
    font-size: 1.2em;
    margin-bottom: 0.2em;
    margin-top: 0.7em;
}
  



/* Footer: Copyright-Hinweis / Adresse / Service-Navigation */

#footer #blume {
	margin-top: 10px;
}
#footer #slt {
	position: absolute; top: 80px; left: 810px;

}

#footer #frl {
	position: absolute; top: 60px; right:20px;

}

#footer #oeav_edelweiss {
	position: absolute; top: 80px; left: 710px;

}

#footer #alpenverein_austria {
	position: absolute; top: 70px; left: 610px;

}


#footer #praschhof {
	position: absolute; top: 70px; left: 520px;

}


#footer #adresse {
	position: absolute; top: 40px; left: 160px;
	color: #7e1114;
	height: 100px;
	padding-right: 40px;
	border-right: 4px double #7e1114;
}

#footer .mod_customnav {
	position: absolute; top: 40px; left: 470px;

}

#footer #links {
	position: absolute; top: 40px; right: 30px;
		padding-left: 40px;
		height: 100px;
	border-left: 4px double #7e1114;
}

#footer #dmws {
  position: relative; top: 30px; left: 0px;
  margin-bottom: 80px;
} 
#footer #dmws a {
  display: block;
  width: 150px; height: 15px; he\ight: 0px; overflow: hidden;
  padding: 15px 0 0 0;
  background: url(layout/diemedienwerkstatt.png) no-repeat left top!important;
  } 
  

}

#footer .mod_customnav li {
  display: block;
  width: 200px;
  padding: 0px 5px 0 5px;
}

#footer .mod_customnav li a,
#footer .mod_customnav li span {
   	display:block;
   		color: #7e1114;
	font-size:1em;
	line-height:30px;
	text-decoration: none;
	
		}

#footer .mod_customnav  li span,
#footer .mod_customnav  li span.active,
#footer .mod_customnav  li a:hover,
#footer .mod_customnav  li .trail {
   	font-size:1em;
	color: #7e1114;
text-decoration: underline;	
}

#footer #links li {
  display: block;
  width: 200px;
  padding: 0px 5px 0 5px;
}

#footer #links li a,
#footer #links li span {
   	display:block;
   		color: #7e1114;
	background-color:  #e2d4b8;

	padding:1px 0 0 10px;
	margin-bottom: 5px;
	font-size:1em;
	line-height:15px;
	text-decoration: none;
	
		}

#footer #links li span,
#footer #links li span.active,
#footer #links li a:hover,
#footer #links li .trail {
   	font-size:1em;
   	padding:1px 0 0 9px;
	color: #7e1114;
	border-left: 1px solid #7e1114;
	background-color: #fff;
}



#header #grussbanner {
	 position: absolute; top: 25px; right: 50px;
         z-index: 999;
         }
         
/* Wlan */         

.agree {
	
	width: 100%;
	margin:0px 0 0 0;
	height: 25px;

}

.disagree {
	width: 100%;
	margin:25px 0 25px 0;
	height: 25px

}

.agree input {
	color: #fff;
	 background-color: #7FAE48;
	 padding: 5px 10px;
	 font-size: 15px;
}

.disagree input {
	color: #fff;
	 background-color: #f31313;
	 padding: 5px 10px;
	 font-size: 15px;
}