html, body {
	padding : 0px;
	margin : 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;
	/*color : #231f20;*/
	background-image: url(../bilder/background.jpg );

}

/*--CONTAINER------------------------------------------------------------------------------------*/

/* Container 800px-breit im Hintergrund */
#block_haupt {
	background-color : #ffffff;
/*	background-image : url(../bilder/web_oben.jpg) ;*/
	border : 1px solid #f4652d;
	/*border-color : #000000; 
	border-style : solid;
	border-width : thin;*/
	align : right ;
	width : 800px;
	height : 800px;
	padding : 0px; 
	position : relative;
	margin-right: auto;
    margin-left: auto;
	top : 5px;
}

/* oberer Container mit dem Hintergrund (Wellen) */
#block_oben {
/*	background-color : #ffffff;*/
	background-image : url(../bilder/web_oben2.jpg) ;
	border : 0px;
	/*border-color : #000000; 
	border-style : solid;
	border-width : thin;*/
	width : 800px;
	height : 123px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 0px;
	top : 0px;
}

/* linker Container mit Navi */
#block_links {
	background-color : #FF6633;
	border : 0px;
	/*border-color : #000000; 
	border-style : solid;
	border-width : thin;*/
	width : 172px;
	height : 677px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 0px;
	top : 123px;
	
}

/* Container mit der externen Seite*/
#block_content {
	width : 620px;
/*	height : 667px;*/
	height : 667px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 180px;
	top : 130px;
	border-style : none;
	
}

/* iFrame  */
#block_content iframe { 
	border: 0px;
	width : 620px;
/*	height : 667px;*/
	height : 667px;
	border-style : none;
}	

/* Bild Telefonhörer */
#block_telefon {
/*	background-image : url(../bilder/telefon.gif) ;*/
	border : 0px;
	width : 45px;
	height : 47px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 70px;
	top : 5px;
}

/* Bild Logo */
#block_logo {
/*	background-image : url(../bilder/logo.gif) ;*/
	border : 0px;
	width : 306px;
	height : 28px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 250px;
	top : 25px;
}

/* Link Schriftzug */
#block_schriftzug {
/*	background-image : url(../bilder/logo.gif) ;*/
	border : 0px;
	width : 125px;
	height : 13px;
	padding : 0px; /* Abstand Inhalt zum Rand. Vergleiche padding-top, padding-left, padding-right, padding-bottom */
	position : absolute;
	left : 23px;
	top : 300px;
}


/* Links - oben */
.links_oben {
	width: 250px;
	height: 200px;
	position : absolute; 
	left : 10px;
	top : 20px ;
} 

/* Links - linke Seite  */
.links_links {
	width: 250px;
	height: 200px;
	position : absolute; 
	left : 10px;
	top : 20px ;
} 

.claim {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #f4652d;
	width: 200px;
	height: 20px;
	position : absolute; 
	left : 370px;
	top : 65px;
}



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

/* links zustaende oben Rückruf/Kontakt/Home */
a:link.nav1 {
	color : #333399;
	text-decoration: none;
}

a:visited.nav1 {
	color : #333399;
	text-decoration: none;
}

a:hover.nav1 {
	color : #333399;
	text-decoration: underline;
}

a:active.nav1 {
	color : #333399;
	font-weight : bold;
	}


/* links zustaende im linken Bereich */
a:link.nav2 {
	color : white;
	text-decoration: none;
}

a:visited.nav2 {
	color : white;
	text-decoration: none;
}

a:hover.nav2 {
	color : white;
	text-decoration: underline;
}

a:active.nav2 {
	color : white;
	font-weight : bold;
}

a .bullet	{
	visibility: hidden;
	text-decoration: none;
	} 

a:active .bullet	{
	visibility: visible;
	}

/* Hoerer ROLLOVER */
a.rollover_telefon { 
	display : block ;
    background-image : url(../bilder/telefon.gif) ;
    width :45px ; 
	height :47px ;
}

a:hover.rollover_telefon { 
	background-image : url(../bilder/telefon.gif) ; 
}

/* Logo ROLLOVER */
a.rollover_logo { 
	display : block ;
    background-image : url(../bilder/logo.gif) ;
    width : 306px ; 
	height : 28px ;
}

a:hover.rollover_logo { 
	background-image : url(../bilder/logo.gif) ; 
}

/* Schriftzug ROLLOVER */
a.rollover_schriftzug { 
	display : block ;
    background-image : url(../bilder/pflueger_schriftzug_01.jpg) ;
    width : 125px ; 
	height : 13px ;
}

a:hover.rollover_schriftzug { 
	background-image : url(../bilder/pflueger_schriftzug_02.jpg) ; 
}