@charset "utf-8";

/* start.css

------------------------------------------------------------------------

This stylesheet contains the basic  startCSS rules for badsteben 



Author: inpublica.de 

--------------------------------------------------------------------- */







/* Basic CSS Rules

--------------------------------------------------------------------- */



body {

	margin: 0;

	padding: 0;

	background-color: #01265b;

	background-image: url(../img/master_bg.jpg);

	background-repeat: no-repeat;

	background-position: 950px bottom;

	background-attachment: fixed;

}

#facebook {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 65px;
	right: 0px;
	z-index: 2;
	width: 32px;
	height: 84px;
	display: block;
	border: none;
	outline: none;
} 
	
#facebook img, #facebook img a, #facebook img a:active{
	border: 0 none;
	outline: 0 none;
} 

.none {

  display: none;

}



.clear {

  clear: both;

}



.header {

	position: absolute;

	top: 4px;

	left: 4px;

	margin: 0;

	padding: 0;

	height: 30px;

	width: 995px;

	z-index: 2;

}



.imageBox {

	position: absolute;

	top: 35px;

	left: 4px;

	margin: 0;

	padding: 0;

	height: 460px;

	width: 995px;

	background-image: url(../img/bg_fader.jpg);

	background-repeat: no-repeat;

}



.bottomLayer {

	position: absolute;

	top: 463px;

	left: 4px;

	padding: 0;

	height: 280px;

	width: 995px;

	margin-bottom: 0px;

	z-index: 1;

}



.footerBox {

	position: relative;

	float: right;

	margin: 0;

	padding: 0;

	width: 206px;

}



/*------------------ logoBox ------------------ */



#logoBox {

	position: relative;

	float: right;

	margin: 0px;

	padding: 0;

	height: 218px;

	width: 206px;

}



#logoBox ul {

	margin: 0;

	padding: 0;

	overflow-x: hidden;

	overflow-y: hidden;

}





#logoBox  ul li {

	float: left;

	height: 218px;

	width: 103px;

	margin: 0;

	padding: 0;

	overflow-x: hidden;

	overflow-y: hidden;

	list-style-type: none;

	list-style-image: none;

}



#logoBox .marktgemeinde{

	position: relative;

	padding: 0;

	height: 218px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/markt_badsteben.jpg);

}



#logoBox .marktgemeinde a{

	position: relative;

	padding: 0;

	height: 110px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/markt_badsteben.jpg);

	display: block;

}



#logoBox .marktgemeinde a:hover{

	position: relative;

	padding: 0;

	height: 110px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/markt_badsteben.jpg);

	display: block;

}



#logoBox .staatsbad{

	position: relative;

	padding: 0;

	height: 218px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/staatsbad_badsteben.jpg);

}



#logoBox .staatsbad a{

	position: relative;

	padding: 0;

	height: 110px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/staatsbad_badsteben.jpg);

	display: block;

}



#logoBox .staatsbad a:hover{

	position: relative;

	padding: 0;

	height: 110px;

	width: 103px;

	background-repeat: no-repeat;

	background-image: url(../img/logos/staatsbad_badsteben.jpg);

	display: block;

}



/*------------------ TOOLTIP ------------------ */



#dhtmltooltip{

	position: absolute;

	padding: 6px;

	margin: 0px;

	width: 220px;

	visibility: hidden;

	z-index: 98;

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #00265c;

	background-image: url(../img/logos/bg_tooltip.png);	

}



/*------------------ LINK MARKTGEMEINDE ------------------ */



#link{

	position: relative;

	padding: 0px;

	margin-bottom: 4px;

	height: 28px;

	width: 202px;

	background-image: url(../img/logos/bg_link.png);

}



#link ul {

	margin: 0;

	padding: 0;

	overflow-x: hidden;

	overflow-y: hidden;

}





#link  ul li {

	float: left;

	height: 28px;

	width: 202px;

	margin: 0;

	padding: 0;

	overflow-x: hidden;

	overflow-y: hidden;

	list-style-type: none;

	list-style-image: none;

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f49720;

	font-weight: bold;

	text-indent: 8px;

	line-height: 28px;

}



#link  ul li a {

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f49720;

	font-weight: bold;

	text-indent: 8px;

	line-height: 28px;

	text-decoration: none;

	height: 28px;

	width: 202px;

	display: block;

	background-image: url(../img/logos/arrow_orange.gif);

	background-repeat: no-repeat;

	background-position: 190px;

}





#link  ul li a:hover {

	color: #b3bece;

	font-weight: bold;

	text-decoration: none;

	background-image: url(../img/logos/arrow_grey.gif);

}





/*------------------ FOOTER ------------------ */



.bottomBox{

	position: absolute;

	left: 0px;

	padding: 0px;

	margin: 0px;

	height: 30px;

	width: 100%;

}



.bottomBox .inpublica{

	float: right;

	padding: 0px;

	height: 17px;

	width: 86px;

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #496389;

	line-height: 17px;

	background-image: url(../img/footer/ip_aus.gif);

	background-repeat: no-repeat;

	background-position: 70px;

	display: block;

	margin-top: 0px;

	margin-right: 16px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.bottomBox .inpublica a{

	display: block;

	color: #496389;

	background-image: url(../img/footer/ip_aus.gif);

	background-repeat: no-repeat;

	background-position: 70px;

	text-decoration: none;

}



.bottomBox .inpublica a:hover{

	display: block;

	color: #677d9d;

	background-image: url(../img/footer/ip_an.gif);

	background-repeat: no-repeat;

	background-position: 70px;

	text-decoration: none;

}