/* Verwendete Hacks:

   - Box-Model -> f�r IE<6 Kompatibilit�t:
     Bei Verwendung von margin, border oder padding werden erst die Werte
     f�r Breite und H�he eines Elements im falschen BM-Stil angegeben
     (Beispiel: width: 115px;). Danach folgt der Block
     -----------------------
     voice-family: "\"}\""; voice-family: inherit;
     -----------------------
     und dann die korrekten Breite- und H�heangaben (Beispiel: width: 109px;).
     Weitere Infos: http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/

/***********************************************
  generelle Einstellungen
***********************************************/

* {
  margin: 0;
  padding: 0;
}

html {
  scrollbar-face-color:#F4F4F4;
  scrollbar-highlight-color:#FFF;
  scrollbar-3dlight-color:#CECECE;
  scrollbar-darkshadow-color:#9D9D9D;
  scrollbar-shadow-color:#CECECE;
  scrollbar-arrow-color:#626262;
  scrollbar-track-color:#E8E8E8;
}

body {
	font: 11px Geneva, Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background: #123C5D url(../images/bgr_body_verlauf.gif) repeat-x 0 0;
	line-height: 16px;
}

.ir {
	font-family:sans-serif;
	font-size:0;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:0;
	line-height:0;
	overflow:hidden;
	text-decoration:none;
	text-indent:-1000px;
}

td.mceIframeContainer iframe { height: 200px !important; width: 400px !important; }

/***********************************************
  Textformatierung
***********************************************/




/***********************************************
  Links
***********************************************/
a:link,
a:active,
a:visited {
	color: #000;
	text-decoration: underline;
}

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

div#header h1 a {
	width: 120px;
	height: 76px;
	display: block;
	background: url(../images/logo_grohn.gif) no-repeat 0 0;
	margin: 0 0 0 23px;
	top: 18px;
	position: absolute;
}

/***********************************************
  Forms
***********************************************/

form#form_suche label {
	float: left;
	width: 120px;
}
form#form_suche label,
form#form_suche input,
form#form_suche select {
	margin-bottom: 10px;
}
form#form_suche select option {
	padding-right: 15px;
}
div.form_error { color: #f00; font-weight: bold; }
div.servicesend {
	font-size: 14px;
	height: 396px !important;
	padding-top: 50px;
	text-align: center;
}

/***********************************************
  DIVs
***********************************************/

div#container {
	background: url(../images/bgr_container.jpg) repeat-y bottom left;
	margin: 0 auto;
	width: 897px;
	height: 611px;
	padding: 0 12px 0 11px;
}

div#header {
	background: #123B5E url(../images/bgr_header-teaser.gif) no-repeat 688px bottom;
	height: 99px;
}
/*

ul#main-navi {
	list-style: none;
	height: 25px;
	background: url(../images/bgr_main-navi-li.gif) repeat-x 0 0;
}

ul#main-navi li {
	float: left;
	background: url(../images/bgr_main-navi-li.gif) repeat-x 0 0;
	line-height: 25px;
	border-left: 1px solid #5ABDE3;
	display: block;
}

body.lang-de ul#main-navi li a.marke { background: url(../images/btn_marke.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-de ul#main-navi li a.fliesen { background: url(../images/btn_fliesen.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-de ul#main-navi li a.service { background: url(../images/btn_service.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-de ul#main-navi li a.kontakt { background: url(../images/btn_kontakt.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }

body.lang-en ul#main-navi li a.marke { background: url(../images/btn_marke_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-en ul#main-navi li a.fliesen { background: url(../images/btn_fliesen_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-en ul#main-navi li a.service { background: url(../images/btn_service_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
body.lang-en ul#main-navi li a.kontakt { background: url(../images/btn_kontakt_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }

body.lang-de ul#main-navi li a.marke:hover,
body.lang-de ul#main-navi li a.fliesen:hover,
body.lang-de ul#main-navi li a.service:hover,
body.lang-de ul#main-navi li a.kontakt:hover { background-position: 0 -25px; }

ul#main-navi li a.active { position: relative; background-position: 0 -25px; }

ul#main-navi li.jdm_hover a,
ul#main-navi li.jdm_hover a:hover,
ul#main-navi li.jdm_active a { position: relative; background-position: 0 -25px !important; }



ul.sub-navi {
	list-style: none;
	position: absolute;
	z-index: 10;
	display: none;
	margin-left: 1px;
}
ul.sub-navi li {
	background: none !important;
	clear: both;
	border: 0 !important;
}
ul.sub-navi li a {
	background: url(../images/bgr_sub-navi.png) 0 -25px !important;
	width: 207px;
	display: block;
	margin-top: 1px;
	color: #000;
	text-decoration: none !important;
	padding-left: 15px;
	font-size: 12px;
}
ul.sub-navi li.jdm_hover a:hover {
	background: url(../images/bgr_sub-navi.png) 0 0px !important;
	color: #FFF;
}
*/

ul#main-navi {
	list-style: none;
	height: 25px;
	background: url(../images/bgr_main-navi-li.gif) repeat-x 0 0;
}

ul#main-navi li {
	float: left;
	background: url(../images/bgr_main-navi-li.gif) repeat-x 0 0;
	line-height: 25px;
	border-left: 1px solid #123B5E;
	display: block;
}

.lang-de ul#main-navi li a.marke { background: url(../images/btn_marke.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-de ul#main-navi li a.fliesen { background: url(../images/btn_fliesen.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-de ul#main-navi li a.service { background: url(../images/btn_service.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-de ul#main-navi li a.kontakt { background: url(../images/btn_kontakt.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }

.lang-en ul#main-navi li a.marke { background: url(../images/btn_marke_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-en ul#main-navi li a.fliesen { background: url(../images/btn_fliesen_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-en ul#main-navi li a.service { background: url(../images/btn_service_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }
.lang-en ul#main-navi li a.kontakt { background: url(../images/btn_kontakt_en.gif) no-repeat 0 0; display: block; width: 222px; height: 25px; }



ul#main-navi li a.marke:hover,
ul#main-navi li a.fliesen:hover,
ul#main-navi li a.service:hover,
ul#main-navi li a.kontakt:hover { background-position: 0 -25px; }

ul#main-navi li a.active { position: relative; background-position: 0 -25px !important; }

ul.sub-navi {
	list-style: none;
	position: absolute;
	z-index: 10;
	display: none;
	margin-left: 1px;
}
ul.sub-navi li {
	background: none !important;
	clear: both;
	border: 0 !important;
}
ul.sub-navi li a {
	background: url(../images/bgr_sub-navi.png) repeat-x left -25px !important;
	width: 211px;
	display: block;
	margin-top: 1px;
	color: #000;
	text-decoration: none !important;
	padding-left: 11px;
	font-size: 12px;
}
ul.sub-navi li a:hover {
	background: url(../images/bgr_sub-navi.png) repeat-x left 0 !important;
	color: #FFF;
}


div#content {
	height: 446px;
	border-left: 1px solid #123B5E;
	border-top: 1px solid #123B5E;
}

div#footer {
	height: 25px;
	padding: 0;
	margin: 1px 0 0 0;
}

ul#footer-navi {
	list-style: none;
	float: right;
	background: url(../images/bgr_footer-navi-li.gif) repeat-x 0 0;
	padding: 0;
}

ul#footer-navi li {
	float: left;
	background: url(../images/bgr_footer-navi-li.gif) repeat-x 0 0;
	line-height: 25px;
	border-left: 1px solid #FFF;
	color: #FFF;
}
body.lang-de ul#footer-navi li a.produktsuche { background: url(../images/btn_produktsuche.gif) no-repeat 0 -25px; display: block; width: 149px; height: 25px; }
body.lang-de ul#footer-navi li a.haendlersuche { background: url(../images/btn_haendlersuche.gif) no-repeat 0 -25px; display: block; width: 149px; height: 25px; }
body.lang-de ul#footer-navi li a.grohn { background: url(../images/btn_GROHN.gif) no-repeat 0 -25px; display: block; width: 148px; height: 25px; }
body.lang-de ul#footer-navi li a.easy { background: url(../images/btn_EASY.gif) no-repeat 0 -25px; display: block; width: 148px; height: 25px; }

body.lang-en ul#footer-navi li a.produktsuche { background: url(../images/btn_produktsuche_en.gif) no-repeat 0 -25px; display: block; width: 149px; height: 25px; }
body.lang-en ul#footer-navi li a.haendlersuche { background: url(../images/btn_haendlersuche_en.gif) no-repeat 0 -25px; display: block; width: 149px; height: 25px; }
body.lang-en ul#footer-navi li a.grohn { background: url(../images/btn_GROHN.gif) no-repeat 0 -25px; display: block; width: 148px; height: 25px; }
body.lang-en ul#footer-navi li a.easy { background: url(../images/btn_EASY.gif) no-repeat 0 -25px; display: block; width: 148px; height: 25px; }

ul#footer-navi li a.produktsuche:hover,
ul#footer-navi li a.haendlersuche:hover,
ul#footer-navi li a.grohn:hover,
ul#footer-navi li a.easy:hover {
	background-position: 0 0px !important;
}
ul#footer-navi li a.active { position: relative; background-position: 0 0px !important; }

ul#meta-navi {
	list-style: none;
	float: left;
	margin-left: 10px;
}
ul#lang-navi {
	list-style: none;
	float: left;
	margin: 7px 0 0 10px;
}

ul#meta-navi li {
	float: left;
	line-height: 25px;
	color: #FFF;
}
ul#meta-navi li a {
	color: #1B5484;
	text-decoration: none;
	padding: 0 7px 0 6px;
	background: url(../images/bgr_meta-navi-li-a.gif) no-repeat right 3px;
}
ul#meta-navi li a.last {
	background: none;
}
ul#meta-navi li a:hover {
	text-decoration: underline;
}

ul#lang-navi li {
	float: left;
	line-height: 25px;
	border-left: 1px solid #FFF;
	color: #FFF;
	margin: 0 4px;
}
ul#lang-navi li a.de {
	display: block;
	width: 22px;
	height: 13px;
	background: url(../images/flag_de.gif) no-repeat 0 0;
}
ul#lang-navi li a.en {
	display: block;
	width: 22px;
	height: 13px;
	background: url(../images/flag_en.gif) no-repeat 0 0;
}


/**
 * Modul: Bild vollflächig + Text Links darüber
 */
div#content.indexindex {
	color: #FFF;
	height: 446px;
}
div.homewrapper {
	background: #fff;
	height: 446px;
	position: relative;
}

div#content.indexindex .content-text-wrapper{
	width: 365px;
	padding: 158px 0 0 40px;
}
div.homewrapper div.content-text-wrapper {
  position: absolute;
  padding: 0 !important;
}
div.homewrapper div.content-text-wrapper.links-oben {
	left: 40px;
  top: 80px;
}
div.homewrapper div.content-text-wrapper.links-unten {
	bottom: 80px;
  left: 40px;
}
div.homewrapper div.content-text-wrapper.rechts-oben {
  right: 40px;
  top: 80px;
}
div.homewrapper div.content-text-wrapper.rechts-unten {
  bottom: 80px;
  right: 40px;
}

/**
 * Modul: Bild/Flash links + weiße Fläche mit Ihalt rechts
 */
div.leftcol {
	width:446px;
	height: 446px;
	background: #123B5E;
	float: left;
}

div.rightcol {
	width:450px;
	height: 446px;
	background: #FFF;
	float: left;
	color: #000;
}

div.rightcol div.outerspace {	padding: 18px 14px; }
div.rightcol div.overflow-list { clear: both; overflow-x: hidden; overflow-y: auto; height: 400px; margin-left: 15px; padding-right: 15px; }
div.rightcol div.overflow-list ul { float: left; list-style-type: disc; padding-bottom: 15px; list-style: disc; }
div.rightcol div.overflow-list ul li { margin-left: 16px; width: 386px; }
div.rightcol div.overflow-list ul br { display: none; }
* html div.rightcol div.overflow-list ul li { margin-left: 8px; }
a.lnk-back { clear: left; float: left; margin: 10px 0; }

div.rightcol img.title {
	padding-bottom: 28px;
}
h2 {
	color: #1B5484;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
	clear: left;
}
div.rightcol h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}
div.rightcol h4 {
	color: #1B5484;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
div.rightcol span.filter {
	float: right;
	width: 206px;
}
div.rightcol span.filter a { font-weight: bold; text-decoration: none; }
div.rightcol span.filter a.active { font-weight: bold; text-decoration: none; color: #123B5E; }

div.rightcol form {
	clear: both;
}
div.rightcol form input.inp-text {
	border: 1px solid #C8C8C8;
	width: 147px;
	height: 20px;
	margin-right: 1px;
	float: left;
	margin-bottom: 1px;
	padding-top: 3px;
}
div.rightcol form input.submit_vertriebspartner {
	background: url(../images/btn_vp-suchen.gif) no-repeat 0 0;
	border: 0;
	width: 149px;
	height: 25px;
	float: left;
	cursor: pointer;
}
body.lang-de div.rightcol form input.submit_vertriebspartner {
	background: url(../images/btn_vp-suchen.gif) no-repeat 0 0;
}
body.lang-en div.rightcol form input.submit_vertriebspartner {
	background: url(../images/btn_vp-suchen_en.gif) no-repeat 0 0;
}

div.rightcol form input.submit_haendler {
	border: 0;
	width: 111px;
	height: 25px;
	float: left;
	cursor: pointer;
}
body.lang-de div.rightcol form input.submit_haendler {
	background: url(../images/btn_haendler-suchen.gif) no-repeat 0 0;
}
div.rightcol form input.submit_haendler:hover {
	background-position: 0 -25px !important;
}
body.lang-en div.rightcol form input.submit_haendler {
	background: url(../images/btn_haendler-suchen_en.gif) no-repeat 0 0;
}

/* Ergebnisseite */
div.leftcol div.search-results-wrapper {
	height: 324px;
	background: #FFF;
	overflow-y: auto;
}
div.search-results-wrapper p { padding: 0 20px; }
div.leftcol div.search-results-wrapper h2 {
	padding: 18px;
}
div.leftcol div.search-results-wrapper ul {
	clear: both;
	background: #FFF;
	list-style: none;
}
div.leftcol div.search-results-wrapper ul li {
	display: block;
	color: #1B5484;
	margin: 15px 18px;
}

div.leftcol ul.content-navi {
	list-style: none;
}
div.leftcol ul.content-navi li {
	float: left;
}
div.leftcol ul.content-navi li a {
	display: block;
	width: 112px;
	height: 26px;
	/* margin-right: 1px; */
}
div.leftcol ul.content-navi li a:hover {
  background-position: 0 -25px !important;
}
body.lang-de div.leftcol ul.content-navi li a.zurueck { background: url(../images/btn_zurueck.gif) no-repeat 0 0; }
body.lang-de div.leftcol ul.content-navi li a.print { background: url(../images/btn_print.gif) no-repeat 0 0; }
body.lang-de div.leftcol ul.content-navi li a.download { background: url(../images/btn_download.gif) no-repeat 0 0; }
body.lang-de div.leftcol ul.content-navi li a.more {	background: url(../images/btn_more.gif) no-repeat 0 0;	margin: 0; }
body.lang-de div.leftcol ul.content-navi li a.anfrage {	background: url(../images/btn_anfrage.gif) no-repeat 0 0;	margin: 0; }
body.lang-de div.leftcol ul.content-navi li a.pdf { background: url(../images/btn_pdfdownload.gif) no-repeat 0 0; margin: 0; width: 110px; }

body.lang-en div.leftcol ul.content-navi li a.zurueck { background: url(../images/btn_zurueck_en.gif) no-repeat 0 0; }
body.lang-en div.leftcol ul.content-navi li a.print { background: url(../images/btn_print_en.gif) no-repeat 0 0; }
body.lang-en div.leftcol ul.content-navi li a.download { background: url(../images/btn_download_en.gif) no-repeat 0 0; }
body.lang-en div.leftcol ul.content-navi li a.more {	background: url(../images/btn_more_en.gif) no-repeat 0 0;	margin: 0; }
body.lang-en div.leftcol ul.content-navi li a.anfrage {	background: url(../images/btn_anfrage_en.gif) no-repeat 0 0;	margin: 0; }
body.lang-en div.leftcol ul.content-navi li a.pdf { background: url(../images/btn_pdfdownload_en.gif) no-repeat 0 0; margin: 0; width: 110px; }


div.leftcol div.fullheight {
	/*background: url(../images/fliesen/default.jpg) no-repeat bottom left;*/
	height: 446px;
}
div.leftcol div.halfheight {
	/*
background: url(../img/fliesen/default.jpg) no-repeat bottom left;
*/
	height: 322px;
}
#zoomcontainer {
  background: #123B5E;
	height: 322px;
}
div.leftcol p.series-text {
	clear: both;
	padding: 10px 16px;
	position: relative;
	color: #fff;
}

div.leftcol p.series-text span.additional-info {
	position: absolute;
	right: 0;
	top: 10px;
	width: 207px;
}

div.rightcol ul.series-list {
	list-style: none;
	clear: both;
}
div.rightcol ul.series-list li {
	border-bottom: 1px solid #C8C8C8;
	line-height: 20px;
	float: left;
	display: block;
	cursor: pointer;
	margin-left: 0 !important;
	width: 402px !important;
}
div.rightcol ul.series-list li a {
	display: block;
	cursor: pointer;
	text-decoration: none;
}
div.rightcol ul.series-list li a:hover { color: #123B5E; }
div.rightcol ul.series-list li span.series-name {
	width: 216px;
	float: left;
}
div.rightcol ul.series-list li span.series-format {
	width: 185px;
	float: left;
}

div.rightcol table.series-thumb-list {
	list-style: none;
	clear: both;
	border-top: 1px solid #C8C8C8;
	width: 394px;
}
div.rightcol table.series-thumb-list p {
	font-size: 12px;
}
div.rightcol table.series-thumb-list td {
	border-bottom: 1px solid #C8C8C8;

	width: 190px;
	padding: 10px 0;
}
div.rightcol table.series-thumb-list td.odd {
	border-right: 1px solid #C8C8C8;
}
div.rightcol table.series-thumb-list td a {
	color: #1B5484;
	text-decoration: none;
}
div.rightcol table.series-thumb-list td a:hover {
	text-decoration: underline;
}
div.rightcol table.series-thumb-list td.even {
	padding-left: 15px;
	width: 187px;
}

/***
 * Impressionen
 */
div#div-impressionen { margin-top: -8px; }
ul#lst-impressionen {
	
}
ul#lst-impressionen li {
  float: left;
  list-style-type: none;
  margin-bottom: 20px; 
}
ul#lst-impressionen li.odd {
  margin-right: 38px;	
}





/**
 * NEWS
 */
div.fullsize {
	height: 446px;
	width: 897px;
	overflow-y: auto;
}
ul.news-list {
	list-style: none;
}
ul.news-list li {
	border-bottom: 1px solid #C8C8C8;
	display: block;
	float: left;
	/* height: 159px; */
	margin-bottom: 1px;
}

ul.news-list li img {
	float: right;
}
ul.news-list li div {
	float: left;
	width: 406px;
	margin-left: 4px;
	/* height: 143px; */
	display: block;
	/* border-bottom: 1px solid #C8C8C8; */
	padding: 8px;
}
ul.news-list li div.news-itm-img {
	padding: 8px 0;
	margin: 0;
	width: 446px;
}
ul.news-list li a {
	text-decoration: none;
	color: #1B5484 !important;
}
ul.news-list li a:hover {
	text-decoration: underline;
}
ul.news-list li p {
	display: block;
	padding-bottom: 2px;
}
ul.news-list li h5 {
	color: #2686C2;
	font-size: 14px;
	padding: 2px 0 15px 0;
}
p.news-text {
	clear: left;
}
span.news-date {
	margin-bottom: 20px;
	display: block;
}
span.news-text-wrapper {
	display: block;
	padding-bottom: 5px;
}

/*
	Downloads
*/
ul.download-list {
	list-style: none !important;
	padding: 0;
	margin: 0 0 25px 0;
	clear: left;
}
ul.download-list li {
	padding: 0;
	margin: 0 !important;
}

ul.download-list li a {
	text-decoration: none;
}

/*
 * Tradition
 */
div.tradition-wrapper {
	background: #FFF; 
	height: 446px;
	overflow: hidden;
}
ul.tradition-list li {
	display: block;
	padding: 10px 0;
}
ul.tradition-list li a {
	color: #1B5484;
	text-decoration: none;
}
ul.tradition-list li a:hover {
	text-decoration: underline;
}

img.hiddenImage {
	display: none;
}
/***********************************************
  Kontaktformular
***********************************************/
form#frm-kontakt {
  width: 332px;
}
* html form#frm-kontakt {
  width : 335px !important;
}

form#frm-kontakt label {
	display: block;
	width: 150px;
	float: left;
}
form#frm-kontakt label,
form#frm-kontakt select,
form#frm-kontakt input,
form#frm-kontakt textarea
{
	margin-bottom: 10px;
}
form#frm-kontakt select { width: 182px; }
form#frm-kontakt input { padding: 0 2px; width: 174px; }
form#frm-kontakt textarea { padding: 0 2px; height: 90px; width: 174px; }
form#frm-kontakt input.submit { float: right; width: 70px; }

/**
 * Print
 */

body.print {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF !important;
}
body.print div#print-content {
	padding: 20px;
}
body.print h2 {
	color: #000;
}
body.print ul {
	clear: both;
	list-style: none;
}
body.print ul.lst-haendler {
  width: 700px;
}
body.print ul.lst-haendler li {
	margin: 10px 90px 20px 0;
	float: left;
	width: 300px;
}
body.print ul.lst-produkte li {
	margin: 10px 0 20px 0;
}

.lnk-print { float: right; margin-right: 20px; }

body.print span.series-name { float: left; width: 200px; }
body.print ul.series-list li { margin-bottom: 8px; }

/***
 * Admin
 */
#sf_admin_container .save-ok {
	background: #73B65A;
	height: 25px;
}
#sf_admin_container fieldset h2 {
	width: 100%;
}

ul.tradition-list { list-style-type: none !important; }
ul.tradition-list li { margin: 0 !important; }

/***
 * Easteregg
 */
div#easteregg {
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10px;
	z-index: 1;
}
div#easteregg a { text-decoration: none; }

/***
 * Impressionen Übersicht
 */
ul.lst-impressionen { list-style-type: none; }
ul.lst-impressionen li {
	float: left;
}
ul.lst-impressionen a {
	background: fuchsia;
	border: 1px solid #fff;
	float: left;
	height: 221px;
	width: 446px;
}

/***
 * Impressionen Slide
 */
div.slide-outer-wrapper { height: 446px; overflow: hidden; position: relative; width: 896px; }
div.slide-inner-wrapper { height: 446px; position: absolute; width: 40000px; }
div.slide-inner-wrapper a { float: left; height: 446px; width: 896px; }


a#btn-slide-back,
a#btn-slide-forward,
a#btn-slide-overview { height: 20px; position: absolute; width: 20px; z-index: 100; }
a#btn-slide-back:focus,
a#btn-slide-forward:focus { outline: none; }
a#btn-slide-back    { background: url(../images/pfeile_links_klein.png) 0 0 no-repeat; bottom: 14px; right: 62px; }
a#btn-slide-forward { background: url(../images/pfeile_rechts_klein.png) 0 0 no-repeat; bottom: 14px; right: 22px; }
a#btn-slide-overview { background: url(../images/exit_klein.png) 0 0 no-repeat; bottom: 14px; right: 42px; }