/*
####################### www.absenger-solarienservice.at ########################### 

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

by Willi Erhart   

Wichtige Farben: 

/* Wichtige Farben
Blau = #0055AB
Hellblau = #D9E3F5
Hellgrau = #D6D3D3
*/

/* ###################### Allgemeine Formatierungen ###################### */
html, body { 
	margin: 0px; 
	padding: 0px;  
    height: 100%;   
    background-position: 0px -17px;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, textarea, select, td, div {
	font-family: arial, helvetica, verdana, geneva, sans-serif; 
	font-size: 11px; 
	text-align: left;
	color: #000000;
	/*    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; 
	  */
}

img {
	border: 0;
}

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

/* Zentrieren der Bühne */

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

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

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

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

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

#partner {
	position: absolute;
	top: 255px;
	right: 20px;
}

#container-center {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	margin-top: -2px;
	width: 903px;
}

#print-head {
	display: none;	
}


#adress {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #ffffff;
	background-image: url(../images/bg-adress.jpg);
	padding: 3px 0px 3px 0px;
	width: 650px;
	text-align: right;
}

#copyright {
	text-align: center;
}

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

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

#logo {
	margin-bottom: 1px;
	margin-left: 10px;
}

#navi {
	background-image: url(../images/freitag_06.jpg);
	height: 101px;	
	position: absolute;
	top: 0px;
	right: 0px;
}

#navi {
     width: 763px; 								/* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit;
     width: 758px; 								/* sieht IE 6.x */
}

html>body #navi {
	 width: 758px;								/* sehen alle anderen (Mozilla, Firefox, Opera) */
}

#navi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 42px;
	right: 3px;
}

#navi li {
	float: left;

}


#navi li a{
	margin-left: 4px;
	display: block;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 37px 7px 5px 8px;
			
}

#navi li .aktiv,
#navi li a:hover{
	display: block;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 37px 7px 5px 8px;
	background-color: #D9E3F5;
}

#banner {
	background-image: url(../images/absenger_04.jpg);
	height: 145px;
	width: 903px;		
}

.teaser5 {
	border: 3px solid #efefef;
	background-color: #efefef;
	width: 150px;	
	float: left;
}

#content-start {
	margin: 20px 0px 10px 0px;	
	width: 550px;
}

#content-start p{
	margin: 0px 0px 0px 40px;
}

#content {
	float: left;
	background-image: url(../images/bg-content.jpg);
	background-repeat: repeat-y;
	margin-top: 1px;
	margin-left: 1px;
	width: 903px;
}

h2 {
	font-size: 16px;
	color: #7B7D80;
	margin: 0px 0px 10px 20px;
}

#teaser1 {
	width: 579px;
	height: 113px;
	background-color: #EFEFEF;	
	margin-left: 20px;	
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-right: 0px;	
}

#ds-container {
	padding-left: 5px;	
}

#teaser1 p {
	margin-top: 0px;
	margin-left: 6px;
	margin-bottom: 5px;	
}

#teaser2 p {
	margin-top: 0px;
	margin-left: 6px;
	margin-bottom:0px;	
}

a.weiter,
a:hover.weiter {
	float: right;
	margin: -7px 0px 0px 0px;
}

.teaser2-text {
	padding: 2px;	
}

#teaser1 .ds {
	background-color: #D6D3D3;
	height: 80px;
	margin-right: 5px;
	float: left;
}

#teaser2 .ds {
	margin-left: 5px;
	padding-top: 3px;
	width: 254px;
	background-color: #fff;	
}

/* CSS Hack ##############*/

#teaser2 .ds {
	 padding-bottom: 0px; 								/* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit; 								/* sieht IE 6.x */
	 padding-bottom: 0px;
}

#teaser2 .ds {											/* sehen alle anderen (Mozilla, Firefox, Opera) */
	padding-bottom: 3px;
}

/* ]]> */

.ds a{
	text-decoration: none;
	color: #000000;	
}

.ds a:hover{
	text-decoration: none;
	color: #000000;	
}

.preis {
	font-weight: bold;
	text-align: right;
	font-size: 12px;	
}

a.anker {
	float: left;
	clear: both;
	background-color: #D6D3D3;
	border: 3px solid #D6D3D3;		
}

a.anker:hover {
	float: left;
	clear: both;
	border: 3px solid #ffffff;
	background-color: #ffffff;	
}

h3 {
	margin-top: 0px;
	padding-top: 3px;
	margin-left: 5px;
	margin-bottom: 0px;	
	font-size: 14px;
	color: #7B7D80;
}

#nop p {
	padding: 0px;
	margin: 0px;
	display: inline;	
}

/* CSS Hack ##############*/

a.anker,
a.anker:hover {
	 width: 186px; 								/* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit; 								/* sieht IE 6.x */
     width: 180px;
}

html>body a.anker {								/* sehen alle anderen (Mozilla, Firefox, Opera) */
     width: 180px;
}

html>body a.anker:hover {								/* sehen alle anderen (Mozilla, Firefox, Opera) */
     width: 180px;
}

/* ]]> */

#teaser2 {
	background-color: #D9E3F5;
	position: absolute;
	top: 339px;
	height: 218px;	
}

/* CSS Hack ##############*/

#teaser2 {
	 right: 20px;
	 width: 270px; 								/* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit; 						/* sieht IE 6.x */
     width: 265px;
     right: 20px;
}

html>body #teaser2 {							/* sehen alle anderen (Mozilla, Firefox, Opera) */
     width: 265px;
     right: 20px;
}


/* ]]> */

a.anker2 {
	float: left;
	clear: both;
	background-color: #ffffff;
	border: 3px solid #ffffff;		
}

a.anker2:hover {
	float: left;
	clear: both;
	border: 3px solid #efefef;
	background-color: #efefef;	
}

/* CSS Hack ##############*/

a.anker2,
a.anker2:hover {
	width: 260px; 								/* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit; 								/* sieht IE 6.x */
	width: 248px;
}

html>body a.anker2 {								/* sehen alle anderen (Mozilla, Firefox, Opera) */
	width: 248px;
}

html>body a.anker2:hover {								/* sehen alle anderen (Mozilla, Firefox, Opera) */
	width: 248px;
}

/* ]]> */

#footer {
	clear: left;		
	width: 906px;
	line-height: 20px;
	height: 20px;
	background-image: url(../images/unten.jpg);	
	background-position: -3px 0px;
	background-repeat: repeat-y;
}

#links-lang {
	position: absolute; 
	top: 0px;
	left: -2px;	
}

#rechts-lang {
	position: absolute; 
	top: 0px;
	right: -4px;	
}

h4 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	line-height: 14px;	
	position: absolute;
	top: 197px;
	left: 170px;
}

a {
	text-decoration: underline;
	color: #000000;		
}

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

/* 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="../media/images/overlay.png", sizingMethod="scale");
}