body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	list-style:none;
}
caption,th{
	text-align:left;
}
.inv{
	display:none;
}

body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:#000;
}
html{
	position:relative;
	height:100%;
}
body{
	position:relative;
	height:100%;
	overflow:hidden;
}
#bgImage{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	overflow:hidden;
}
#bgImage img{
	display:block;
	/*width:100%;*/
	/*height:100%;*/
}
#logo, #logo a{
	width:173px;
	height:134px;
	position:absolute;
	display:block;
}
#logo{
	top:9px;
	left:23px;
	z-index:19;
}
#logo a{
	background:url(/stjohann/pics/logo-trans.png) 0 0 no-repeat;
	text-indent:-19999px;
	overflow:hidden;
	cursor:pointer;
}
#bgHead{
	background:url(/stjohann/pics/head_bg-trans.png) transparent 0 0 no-repeat;
	position:absolute;
	top:103px;
	left:0;
	right:0;
	/*width:1183px;*/
	height:68px;
	z-index:7;
}
#bgContent{
	position:absolute;
	background:#000;
	opacity:0.5;
	left:218px;
	width:437px;
	top:194px;
	bottom:0;
	z-index:8;
}
#wrapper{
	z-index:10;
	position:relative;
	height:100%;
}
#homeLink{
	position:absolute;
	left:165px;
	top:145px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
}
#homeLink:hover{
	text-decoration:underline;
}
#menu, #menuRight{
	position:absolute;
	left:216px;
	top:116px;
	z-index:20;
	height:38px;
	width:300px;
	/*overflow:visible;*/
	border-left:1px solid #fff;
	padding:5px 0 0 14px;
	font-size:11px;
}
#menuRight{
	left:517px;
	width:205px;
}
#menu li, #menu a, #menuRight li, #menuRight a{
	float:left;
}
#menu a, #menuRight a{
	height:20px;
	width:87px;
	padding:2px 0 0 10px;
	color:#fff;
	text-decoration:none;
}
#menu a:hover, #menuRight a:hover{
	text-decoration:underline;
}
#menu a.active, #menuRight a.active{
	font-weight:bold;
	background:url(/stjohann/pics/menu_active.gif) 0 7px no-repeat;
}
#submenu{
	position:absolute;
	left:0;
	top:191px;
}
#submenu li{
	float:left;
	clear:both;
}
#submenu a{
	width:203px;
	padding:4px 12px 0 0;
	height:20px;
	text-align:right;
	display:inline;
	float:left;
	clear:both;
	background:#000;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	margin:3px 0 0 0;
	opacity:0.6;
}
#submenu a:hover, #submenu a.active{
	opacity:1;
}
#submenu a.active{
	font-weight:bold;
}
#submenu ul a{
	margin-left:20px;
	width:183px;
}
#mainimg{
	position:absolute;
	left:226px;
	top:201px;
}
#mainimg a img{
	border:0;
}
#content{
	position:absolute;
	top:423px;
	left:226px;
	bottom:35px;
	padding:0 0 5px 0;
	width:421px;
	overflow:auto;
}
.noimg #content{
	top:213px;
}
#content h1{
	font-size:24px;
	font-weight:normal;
	margin:0 0 15px 0;
}
#content p{
	margin:13px 0;
	line-height:1.4em;
}
#content a{
	color:#fff;
	text-decoration:underline;
}
#content a:hover{
	text-decoration:none;
}
#content table.priceTable{
	font-size:11px;
	border-collapse:collapse;
	margin:13px 0;
	border-bottom:1px solid #fff;
}
#content table.priceTable th{
	font-weight:normal;
}
#content table.priceTable td, #content table.priceTable th{
	border-top:1px solid #fff;
	border-left:1px solid #555;
	padding:2px 0 2px 3px;
}
#content table.priceTable tr.saison td, #content table.priceTable th{
	text-align:center;
}
#content table.priceTable td.preise2{
	text-align:right;
	padding-left:0;
	padding-right:8px;
}
#content ul{
	padding-left:17px;
	list-style:disc;
}
#content li{
	list-style:disc;
}
#content ul#sitemap li, #content ul#sitemap2 li{
	font-size:14px;
	line-height:1.5em;
}
#content ul#sitemap li li, #content ul#sitemap2 li li{
	font-size:12px;
	line-height:1.4em;
}

#content dl.formularlist{
	
}
#content dl.formularlist dt{
	clear:left;
	width:150px;
}
#content dl.formularlist dt, #content dl.formularlist dd{
	float:left;
	border-top:1px solid #666;
	padding:3px 0 3px 0;
}
#content dl.formularlist dd{
	width:240px;
}
#content dl.formularlist dd input[type=text]{
	border:0;
	padding:2px;
	font-size:12px;
}
#content dl.formularlist dd textarea{
	border:0;
	padding:2px;
	font-size:12px;
	width:236px;
}
#content p.error{
	padding:5px;
	border:4px solid #900;
	background:#fff;
	color:#000;
	margin-right:8px;
}

#footer{
	position:absolute;
	bottom:0;
	left:226px;
	width:421px;
	height:35px;
	z-index:15;
	font-size:10px;
	line-height:1.6em;
}
#footer a{
	color:#fff;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
#footer #langs{
	display:block;
	border-bottom:1px solid #fff;
}
#footer #langs a{
	text-decoration:none;
}
#footer #langs a:hover{
	text-decoration:underline;
}
#footer p{
	text-align:right;
}
#footer #footermenu{
	float:left;
}

#routenplaner{
    float:left;
    width:220px;
    margin:10px;
}
#routenplaner h2{
    font-size:13px;
    margin:0 0 5px 0;
    padding:2px 4px;
	display:none;
}
#routenplaner p{
    margin:0;
    padding:3px 3px;
	border-bottom:1px solid #fff;
}
#routenplaner label{
    display:block;
    font-weight:bold;
    padding:4px 0;
}
#routenplaner input{
    width:206px;
}
#routenplaner input.button{
    width:208px;
}

/* imgpopup */
#imgp_imgwrap{
	position:absolute;
	background:#eee;
	border:15px solid #fff;
	z-index:131;
	display:none;
}
#imgp_img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#imgp_caption{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	color:#000;
	padding:5px 10px;
}
#imgp_close{
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:21px;
	background:url(/stjohann/pics/imgpopup/close.gif) #fff 50% 50% no-repeat;
	cursor:pointer;
}
#imgp_prev, #imgp_next{
	position:absolute;
	width:38px;
	height:45px;
	top:50%;
	margin-top:-23px;
	background:url(/stjohann/pics/imgpopup/arrow.gif) no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
#imgp_prev{
	left:0;
	background-position:10px 10px;
}
#imgp_next{
	right:0;
	background-position:-18px 10px;
}
#imgp_prev:hover, #imgp_next:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#imgp_prev:hover{
	background-position:10px -25px;
}
#imgp_next:hover{
	background-position:-18px -25px;
}
#imgp_shadow_wrap{
	position:absolute;
	z-index:130;
	display:none;
}
#imgp_shadow_wrap div{
	position:absolute;
}
#imgp_shadow_nw{
	top:0;
	left:0;
	width:87px;
	height:85px;
	background:url(/stjohann/pics/imgpopup/shadow_nw.png);
}
#imgp_shadow_n{
	height:85px;
	background:url(/stjohann/pics/imgpopup/shadow_n.png);
	left:87px;
	right:85px;
	top:0;
}
#imgp_shadow_ne{
	top:0;
	right:0;
	width:85px;
	height:85px;
	background:url(/stjohann/pics/imgpopup/shadow_ne.png);
}
#imgp_shadow_w{
	left:0;
	top:85px;
	bottom:87px;
	width:87px;
	background:url(/stjohann/pics/imgpopup/shadow_w.png);
}
#imgp_shadow{
	background:url(/stjohann/pics/imgpopup/shadow.png);
	left:87px;
	right:85px;
	top:85px;
	bottom:87px;
}
#imgp_shadow_e{
	right:0;
	top:85px;
	bottom:87px;
	width:85px;
	background:url(/stjohann/pics/imgpopup/shadow_e.png);
}
#imgp_shadow_sw{
	bottom:0;
	left:0;
	width:87px;
	height:87px;
	background:url(/stjohann/pics/imgpopup/shadow_sw.png);
}
#imgp_shadow_s{
	height:87px;
	background:url(/stjohann/pics/imgpopup/shadow_s.png);
	left:87px;
	right:85px;
	bottom:0;
}
#imgp_shadow_se{
	bottom:0;
	right:0;
	width:85px;
	height:87px;
	background:url(/stjohann/pics/imgpopup/shadow_se.png);
}

/* ie6  */
* html #imgp_shadow_wrap{
	background:#000;
	filter:alpha(opacity=30);
}
* html #imgp_shadow_wrap div{
	display:none;
}