/*
############################ www.suedoststeiermark.at ############################# 

<!-- |#############################################################################| -->
<!-- | powered by                                                                  | -->
<!-- |      _ _      _   _                                                    _    | -->
<!-- |   __| (_) ___| | | | ___  _ __ ___   ___ _ __   __ _  __ _  ___   __ _| |_  | -->
<!-- |  / _` | |/ _ \ |_| |/ _ \| '_ ` _ \ / _ \ '_ \ / _` |/ _` |/ _ \ / _` | __| | -->
<!-- | | (_| | |  __/  _  | (_) | | | | | |  __/ |_) | (_| | (_| |  __/| (_| | |_  | -->
<!-- |  \__,_|_|\___|_| |_|\___/|_| |_| |_|\___| .__/ \__,_|\__, |\___(_)__,_|\__| | -->
<!-- |                                         |_|          |___/                  | -->
<!-- | mailto:office@diehomepage.at                        web: www.diehomepage.at | -->
<!-- |#############################################################################| --> 

by Willi Erhart   

Wichtige Farben:

*/



/* ###################### Allgemeine Formatierungen ###################### */
html, body { 
	margin: 0px; 
	padding: 0px;  
    height: 100%; 
	background-color: #DAD2B4; 
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, textarea, select, td, div {
	font-family: Verdana, sans-serif, geneva, arial, helvetica; 
	font-size: 12px; 
	text-align: left;
	color: #000;
	/*    Scrollbarformatierung falls benötigt
	      scrollbar-base-color:			#ffffff;
		  scrollbar-3dlight-color:		#ffffff;
		  scrollbar-arrow-color:		#ffffff; 
		  scrollbar-darkshadow-color:	#ffffff;
		  scrollbar-face-color:			#ffffff;
		  scrollbar-highlight-color:	#ffffff;
		  scrollbar-shadow-color:		#ffffff; 
		  scrollbar-track-color:		#ffffff; 
	*/
}

form {
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

div.clear {
	width: 100%;
	clear: left;
	line-height: 0px;
	height: 0px;
	font-size: 1px;
}

img {
	border: 0;
}

/* ###################### Layoutformatierungen ###################### */

/* Zentrieren der Bühne */

table, td {
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

#table-zent {
	width: 100%;
	height: 100%;
	border: 0px;
}

#td-zent {
	vertical-align: middle;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

#container-center {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	width: 960px;
	border: 8px solid #fff;
	background-color: #fff;
	
}

/* Navigation */

#navi {
	margin-top: 6px;
}

#navi img {
	margin: 2px 5px 0 0;	
}

#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
		
}

#navi li {
	margin: 0px;
	padding: 0px;
}

#navi a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 1px 0 1px 12px;
	width: 180px;
}

#navi a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 1px 0 1px 12px;
	background-color: #E4D1A7;
	width: 180px;
}

#kultur #kultur-link,
#kulinarik #kulinarik-link,
#thermen #thermen-link,
#kueche #kueche-link,
#sport #sport-link,
#natur #natur-link,
#unternehmen #unternehmen-link,
#kontakt #kontakt-link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 1px 0 1px 12px;
	background-color: #E4D1A7;
	width: 180px;
}

#navi2 {
	margin-left: 20px;
}

#navi2 ul {
	float: left;	
	margin: 0px ! important;
	padding: 0px;
	list-style: none;
}

#navi2 li {
	line-height: 23px;	
}

.ds a,
#content a{
	color: #000;
	text-decoration: underline;	
}

.ds a:hover,
#content a:hover{
	color: #000;
	text-decoration: none;	
}

/* Design */

#start #logo {
	background-image: url(../images/suedoststeiermark_01.jpg);
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#sport #logo {
	background-image: url(../images/sport_und_freizeit_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#kultur #logo {
	background-image: url(../images/kultur_und_geschichte_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#kulinarik #logo {
	background-image: url(../images/kulinarik_und_handwerk_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#thermen #logo {
	background-image: url(../images/thermen_und_wellness_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#kueche #logo {
	background-image: url(../images/kueche_undkeller_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#natur #logo {
	background-image: url(../images/natur_und_umwelt_01.jpg) ! important;
	background-repeat: no-repeat;	
	width: 960px;
	height: 257px;
}

#content ul {
	margin-top: 10px;
	margin-bottom: 10px;	
}

#content ul {
	list-style-image: url(../images/pfeil.gif);	
}

#home {
	position: absolute;
	top: 232px;
	right: 60px;	
	z-index: 1000;	
}

#print {
	position: absolute;
	top: 235px;
	right: 20px;	
	z-index: 1000;	
}

#start #texts {
	margin-bottom: -20px;	
}

#inhalt #texts {
	margin-bottom: -20px;	
}
 
#start #teaser {
	position: absolute;
	top: 320px;
	right: 25px;
	width: 420px;
	height: 180px;
}

#teaser2 {
	position: absolute;
	top: 344px;
	right: 230px;
	background-color: #F5EAD6;
	padding: 10px;
}

#spezial {
	position: absolute;
	top: 280px;
	right: 50px;
}

#ost {
	float: right;
	margin-top: 80px;	
}

#start p {
	width: 420px;	
	margin-left: 50px;
}

.ds {
	width: 400px;
	height: 144px;
	padding: 10px;
	margin: 0 15px 15px 0;
	float: left;
	background-color: #F5EAD6;
}

.ds-text {
	width: 400px;
	margin: 0 35px 5px 0;
	float: left;
}

.preis {
	margin-left: 30px;
	width: 170px;
	height: 119px;
	background-image: url(../images/preis.jpg);
	background-repeat: no-repeat;	

}

.buchen a{
	padding: 7px;
	background-color: #41782E;
	font-size: 16px;
	font-weight: bold;
	color: #fff ! important;
	text-decoration: none ! important;	
}

.lupe {
	display: inline;
	position: absolute:
	top: 0px;
	right: 142px;
	z-index: 5;	
}

.buchen a:hover{
	padding: 7px;
	background-color: #96001A;
	font-size: 16px;
	font-weight: bold;
	color: #fff ! important;
	text-decoration: none ! importan;	
}

.wert {
	padding: 45px 0 0 12px;	
	color: #fff;
	font-size: 27px;
	font-weight: bold;
}

.dsaa {
	background-color: #F5EAD6;
	padding: 10px;
	width: 217px;
}

#footer {
	background-image: url(../images/suedoststeiermark_19.gif);	
	background-repeat: no-repeat;	
	width: 960px;
	height: 84px;
}

/* Überschriften */

#u1 {
	margin: 30px 0 15px 30px;	
}

#u2 {
	margin: 10px 0 27px 0;
	float: left;	
}


/* Links */



/* Sonstiges */

#print-head {
	display: none;	
}

#copyright {
	text-align: center;
}

#copyright a{
	color: #ffffff;
	text-decoration: underline;
}

#copyright a:hover{
	color: #ffffff;
	text-decoration: none;
}	

.datum {
	font-size: 10px;
	margin-bottom: 10px;	
}

/* lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption{ 
	float: left; 
}

#keyboardMsg{ 
	float: right; 
}

#closeButton{ 
	top: 5px; right: 5px; 
}

#lightbox img{ 
	border: none; clear: both;
} 

#overlay img{ 
	border: none; 
}

#overlay{ 
	background-image: url(../images/overlay.png); 
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blind.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}