/* (c) 2008, All Rights Reserved hfmeyer.de */

/* Date: 16.05.2008 */
/* Update: 27.04.2010 */

/* Autor: Gaby Klein, readygo.de */


/************ colors **********

dunkelblau: #004595;
mittelblau: #99b5d5;
hellblau: #f2f6fa;
orange: #ff863c;
hellorange: #fff3eb;

*******************************/

 
 
 
 /* ------------------------------------------------------------
 *  Grundsaetzliches
 ------------------------------------------------------------ */

* { 
 	padding: 0;
 	margin: 0;
 	border: 0;
}

body {
	background: #fff url(images/back.jpg) repeat-x;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.6em;
}

/* Links- bzw. Rechtsausrichtung fuer Elemente */
.leftalign {
	float: left;
	margin: 0 15px 15px 0;
}

.leftalign-border {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #004595; 
}

.rightalign {
	float: right;
	 margin: 15px 0 15px 15px;
}


/* ------------------------------------------------------------
 *  Typography
 ------------------------------------------------------------ */
	
p { 
	margin: 0.5em 0 0 0;
	line-height: 1.6em;
}

h1 { 
	margin: 0 0 1em 0; 
	font-size: 1.8em;
	line-height: 1.2em;
}

h2 { 
	color: #004595;
	font-size: 1.2em;
	margin: 2em 0 1em 0;
	/*border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
}

h3 { 
	color: #004595;
	font-size: 1.1em;
	margin: 2em 0 1em 0; 
}

h4 { 
	color: #004595;
	margin: 2em 0 -0.5em 0; 
}

h5, h6 { 
	color: #004595;
	margin: 2em 0 1em 0; 
}




 /* ------------------------------------------------------------
 *  Linkauszeichnungen
 ------------------------------------------------------------ */

a {
	color: #1081b9;
	text-decoration: none;
}

a:hover {
	background: transparent; /* needed for IE to allow hover on sub elements */
	text-decoration: underline;
}

a:hover span {
	text-decoration: underline;
}

a.symbol[href$='.pdf'] {
	display: inline-block;
	padding-left: 20px;
	background: transparent url(images/pdficon.gif) top left no-repeat;
}

/*a[href^="http://www."]Ê {
	color: #0033cc;
	/*background: url('outside.gif') no-repeat left;*/
	/*text-decoration: underline;
}*/


/* ------------------------------------------------------------
 *  Layout
 ------------------------------------------------------------ */

#container {
	position: relative;
	width: 775px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.1em;
	/*line-height: 1.5em;*/
}


#header {
	background: #fff url(images/head-back.gif) no-repeat;
	padding: 34px 0 0 0;
	width: 775px;
	height: 113px;
}

#header img {
	margin: 16px 0 0 200px;
}

#slogan {
	background: url(images/slogan.gif) no-repeat;
	margin: 0 0 0 40px;
	width: 233px;
	height: 106px;
	float: left;
}

#slogan p {
	display: none;
}

/* ------------------------------------------------------------
 *  Hauptnavigation
 ------------------------------------------------------------ */
 
#naviwrapper {
	background-color: #fff;
	float: left;
	width: 775px;
}


#streifen {
	background: #fff url(images/navi-back.gif) no-repeat;
	height: 68px;
	float: left;
	width: 775px;
}

#hauptnavi {
	position: relative; 
	z-index: 100;
	padding: 27px 0 0 0;
	width: 733px;
	margin-left: 42px;
}

#hauptnavi a {
	text-decoration: none;
}


/* Overarching Menu
        -----------------------------------*/
        .sucknavi {
            position: relative; 
            /*z-index: 1000;
            font-size: 12px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold;*/
            text-align: left;
        }
        .sucknavi ul {
            /*padding: 0;
            margin: 0;*/
            list-style-type: none;
        }
        .sucknavi ul ul {
            width: 170px;
            text-align: left;
			background: #fff;
			margin-top: 1em;
    }
    /*	Main list 
        -----------------------------------*/
        .sucknavi li {
            float: left;
            width: auto;
            position: relative;
            display: inline;
        }
		
		.sucknavi li.first {
			border-left-width: 1em;
		}
		
		.sucknavi li.last {
			border-left-width: 1em;
			border-right: solid 1px #d2d2d2;
		}
		
		.sucknavi ul ul li.last {
			border-bottom: 1px solid #d2d2d2;
			border-right: 0;
		}
		
		.sucknavi ul ul li.first {
			border-top: 1px solid #d2d2d2;
		}
    /*	First Level
        -----------------------------------*/
        /* Links */
        .sucknavi a, .sucknavi a:visited {
            display: block;
            text-decoration: none; 
            color: #333; 
            background: transparent; 
            /*height: 23px;*/
            line-height: 25px;
			padding: 9px 19px 4px 19px;
			border-left: 1px solid #d2d2d2;
        }
        /* Links on hover */
        .sucknavi a:hover, .sucknavi ul ul a:hover{
            color: #004595; 
            background: #fff;
        }
        .sucknavi :hover > a, .sucknavi ul ul :hover > a {
            color: #004595;
            background: #fff;
        }
    /*	Second Level
        -----------------------------------*/
        /* Links */
        .sucknavi ul ul a, .sucknavi ul ul a:visited {
            background: #fff url(images/menu2.gif);
            line-height: 25px; 
            padding: 0.8em 19px 0.8em 19px; 
            width: 132px;
            /*border-width: 0 1px 1px 1px;*/
        }
        /* Links on hover */
        .sucknavi ul ul a:hover {
        	background: #fff url(images/menu2.gif) 0 -41px;
            padding: 0.8em 19px 0.8em 19px;
			/*border: 5px solid #a8c0dc;
			border-width: 0 5px;*/
			color: #004595;
        }
        /* Visibility */
        .sucknavi ul li:hover ul, .sucknavi ul a:hover ul{
            visibility:visible; 
        }
    /*	Third Level
        -----------------------------------*/
        /* Links */
        .sucknavi ul ul ul a, .sucknavi ul ul ul a:visited {
            background:#578bb8;
        }
        /* Links on hover */
        .sucknavi ul ul ul a:hover {
            background:#80b0da;
        }
        /* Positioning */
        .sucknavi ul ul ul{
            left:150px; 
            top:-1px;
			border: 1px solid olive;
        }
        .sucknavi ul ul ul.left {
            left:-150px;
        }
        /* Visibility */
        .sucknavi ul :hover ul ul{
            visibility:hidden;
        }
        .sucknavi ul :hover ul :hover ul{
            visibility:visible;
        }
    /*	All Sub Levels 
        -----------------------------------*/
        /* Default visibility */
        .sucknavi ul ul {
            visibility:hidden;
            position:absolute;
            top:26px;
            left:0; 
            border-top:1px solid #fff;
        }
    /*	IE Table 
        -----------------------------------*/
        .sucknavi table {
            position:absolute;
            top:0;
            left:0;
            /*border-collapse:collapse;*/
            border: 0;
        }


/* ------------------------------------------------------------
 *  Aktuelle Position
 ------------------------------------------------------------ */

#aktuelle_position {
	margin: 0.8em 0 0 30px;
	text-align: left;
	color: #333;
	width: 705px;
	clear: both;
}

#aktuelle_position a.B_homeCrumb, #aktuelle_position a.B_crumb {
	text-decoration: none;
	color: #666;
}

#aktuelle_position a:hover.B_homeCrumb, #aktuelle_position a:hover.B_crumb {
	text-decoration: underline;
	color: #1081b9;
}

#aktuelle_position .B_currentCrumb {
	text-decoration: none;
	color: #1081b9;
}



/* ------------------------------------------------------------
 *  ABC-Tabellen
 ------------------------------------------------------------ */
table {
  	border: 0;
}

table.abc {
  	/*width: 99%;*/
  	border: 1px solid #eee;
  	margin: 0;
  	padding: 0;
}

table.abc th, table.abc td {
  	margin: 0;
  	padding: 8px 15px;
  	text-align: left;
  	/*border-bottom: 1px solid #b5b5b5;*/
}

table.abc th {
  	color: #fff;
  	background: #999;
  	font-weight: normal;
}

table.abc .name {
  	width: 65px;
}

table.abc tr {
  	background: #eee;
}

table.abc tr.alt {
  	background: #f1f1f1;
}



/* ------------------------------------------------------------
 *  Mehr Layout
 ------------------------------------------------------------ */
 
#inhalt {
	background: url(images/rest-back.gif) repeat-y;
 	width: 775px;
 	float: left;
 	display: inline;
}

#verlauf {
	background: url(images/content-back.jpg) no-repeat;
 	min-height: 438px;
 	width: 775px;
} 

#content {
 	width: 456px;
	margin:  22px 0 23px 35px;
	/*line-height: 1.6em;*/
	float: left;
	display: inline;
}

#content h1 {
	margin: 0;
	padding: 7px 0 7px 0;
	color: #004595;
}

#content p {
	color: #000;
	padding: 7px 0 6px 0;
	margin: 10px 0 0 0;
	line-height: 1.6em;
}


/* ------------------------------------------------------------
 *  Home
 ------------------------------------------------------------ */
 
 #content_home {
 	width: 485px;
	margin:  22px 0 0 30px;
	/*line-height: 1.6em;*/
	float: left;
	display: inline;
	/*border: 1px solid green;*/
}

 #content_home img {
 	float: left;
	width: 68px;
	/*border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;*/
	border: 1px solid #004595;
	/*padding: 1px;*/
	margin: 0 8px 0 -10px;
}

.tabelle {
	clear: both;
}

.block_blau_home {
	width: 220px;
	color: #333;
	background: #f2f6fa;
	margin: 0 20px 20px 0;
	padding-bottom: 10px;
	display: inline;
	float: left;
	/*border: 1px solid #99b5d5;*/
}

.block_blau_extra_home {
	width: 220px;
	color: #333;
	background: #f2f6fa;
	margin: 0 20px 20px 0;
	padding: 0 0 10px 0;
	display: inline;
	float: left;
}

.block_blau_extra_home h3 {
	background: #004595; /*#99b5d5;*/
	margin: 0;
	padding: 7px 11px;
	color: #fff;
}

.block_blau_extra_home p {
	color: #000;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

.block_grau_home {
	width: 220px;
	color: #333;
	background: #fafafa;
	margin: 0 20px 20px 0;
	padding-bottom: 10px;
	display: inline;
	float: left;
	/*border: 1px solid #d2d2d2;*/
}
 
 .box {
 	width: 200px;
 	float: left;
}

/* ------------------------------------------------------------
 *  sidebar / NEWS
 ------------------------------------------------------------ */

#sidebar_news {
	width: 230px;
	float: left;
	margin: 22px 0 0 0;
	display: inline;
	background: #fff;
}	

.block_news {
	width: 230px;
	color: #333;
	margin: 0 20px 20px 0;
	border: 1px solid #004595;
}

.block_news p {
	margin: 1em;
}

.block_news h3 {
	width: 208px;
	color: #fff;
	background: #004595; /*#bbd4a4; /*#74a846;*/
	margin: 0 0 10px 0;
	padding: 7px 11px;
}

.sidebox {
	background: #F5F5F5; /*#fdfdde;*/
	border: 1px solid #EFEDED;
	margin: 10px 0 10px 0;
	padding: 10px;
}

/*#sidebar_news a {
	color: #74a846;
}*/

#sidebar_news h1 {
	padding: 20px 10px 0 0;	
	font: bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #004595; /*#585858;*/
}

/* ------------------------------------------------------------
 *  ENDE   sidebar / NEWS
 ------------------------------------------------------------ */


/*#sidebar_news img {
	float: left;
	width: 55px;
	border: 1px solid #fff;
	padding: 1px;
	margin: 2px 5px 0 0;
}	*/


.sidebox p {
	margin: 10px 0 10px 0;
	clear: both;
}

.archivtitel {
	padding: 20px 10px 10px 0;	
	font: bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #004595; /*#585858;*/
}

.archivtitel a {
	text-decoration: none;
	color: #004595;
}

.title-meta {
	width: 100px;
	margin: 0;
	font-size: 0.9em;
	padding: 0 0 0 10px;
	border-left: 1px solid #aaa;
}

.datum {
	text-align: right;
	float: right;
	width: 150px;
	margin: 3px 0 0 0;
}

.kurz {
	width: 140px;
}

/*.mehr {
	padding: 0 0 0 10px;
	display: inline;
}*/

.mehr {
	margin-top: 5px;
	text-align: right;
}

.archiv {
	text-align: right;
	padding: 0 10px 10px 0;
}

.kategorie {
	padding: 3px 3px 3px 11px;
	background: #e4e4e4; /*#99b5d5;*/
	margin: -11px -11px 0 -11px;
}

.kategorie a {
	color: #333;
}

/*.archiv a {
	color: #65944a;
	text-decoration: underline;
}*/



/*============ Tabelle in den News =============*/
.tabelle table {
  	width: 99%;
  	border: 1px solid #b5b5b5;
  	background: #fff;
  	margin: 0;
  	padding: 0;
}

.tabelle table th, .tabelle table td {
  	margin: 0;
  	padding: 8px 15px;
  	text-align: left;
  	border-bottom: 1px solid #b5b5b5;
}

.tabelle table th {
  	color: #fff;
  	background: #999;
  	font-weight: normal;
}

.tabelle table .name {
  	width: 65px;
}

.tabelle table tr {
  	background: #e6e6e6;
}

.tabelle table tr.alt {
  	background: #f1f1f1;
}


 
#produkte {
}

#produkte ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #f2f6fa;
}
#produkte ul li {
	background: url(images/dashed_line.png) repeat-x bottom;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

.order {
	text-transform: none;
	display: inline;
}

.order h3 {
	margin: 40px 0 -5px 0;
}

#sidebar {
 	width: 226px;
	float: left;
	margin: 14px 0 0 36px;
	display: inline;
} 


/* ------------------------------------------------------------
 *  Grauer Block
 ------------------------------------------------------------ */

.block_grau {
	width: 220px;
	color: #333;
	background: #fafafa;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border: 1px solid #d2d2d2;
}
.block_grau h3, .block_grau_home h3 {
	color: #fff;
	background: #d6d6d6;
	margin: 0;
	padding: 7px 11px;
}

.block_grau p, .block_grau_home p {
	color: #000;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

.block_grau ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}
.block_grau ul li {
	background: url(images/dashed_line.png) repeat-x bottom;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}
.block_grau a {
	color: #004595;
}


/* ------------------------------------------------------------
 *  Blauer Block
 ------------------------------------------------------------ */

.block_blau {
	width: 220px;
	color: #333;
	background: #f2f6fa;
	margin: 20px 0 20px 0;
	padding-bottom: 20px;
	border: 1px solid #99b5d5;
}
.block_blau h3,.block_blau_home h3 {
	background: #99b5d5;
	margin: 0;
	padding: 7px 11px;
	color: #fff;
}

.block_blau p, .block_blau_home p {
	color: #000;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

.block_blau ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #e5ecf4;
}
.block_blau ul li {
	background: url(images/dashed_line.png) repeat-x bottom;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}
.block_blau a {
	color: #004595;
}


/* ------------------------------------------------------------
 *  Blauer Block Downloads
 ------------------------------------------------------------ */

.block_down {
	width: 220px;
	color: #333;
	background: #f2f6fa;
	margin: 20px 0 20px 0;
	padding-bottom: 20px;
	border: 1px solid #99b5d5;
}
.block_down h3,.block_blau_home h3 {
	background: #99b5d5;
	margin: 0;
	padding: 7px 11px;
	color: #fff;
}

.block_down p, .block_blau_home p {
	color: #000;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

.block_down ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #e5ecf4;
}
.block_down ul li {
	background: url(images/dashed_line.png) repeat-x bottom;
	padding: 7px 0 6px 0;
	margin: 0 10px;
}
.block_down a {
	color: #004595;
}

/* ------------------------------------------------------------
 *  Liste mit blauen Punkten
 ------------------------------------------------------------ */

#seiten ul {
	margin: 0 0 0 2em;
	list-style: none;
}

#seiten ul li {
	background: url(images/listpunkt.gif) no-repeat 0 0.7em;
	padding: 0 0 0 1em;
	margin: 0 0 0.5em 0;
}

/* ------------------------------------------------------------
 *  Zusatz
 ------------------------------------------------------------ */
 
#seiten {
	width: 456px;
}

#seiten2 {
	width: 710px;
}


#zusatz {
	width: 715px;
	float: left;
	color: #333;
	background: #f7f7f7;
	margin: 20px 30px 10px 30px;
	padding-bottom: 10px;
	display: inline;
	clear: both;
}
#zusatz h3 {
	background: #336aaa;
	margin: 0;
	padding: 7px 11px;
	color: #fff;
}

#zusatz p {
	padding: 7px 0 6px 0;
	margin: 0 10px;
}

/* ------------------------------------------------------------
 *  Random Images
 ------------------------------------------------------------ */
.random_images {
	margin: 5px 0 20px 5px;
}
 
.random_images img {
	background: #004595;
	padding: 4px;
	border-right: 2px solid #C5BDBD;
	border-bottom: 2px solid #C5BDBD;
	position: relative;
	left: -5px;
	top: -5px;
}


/* ------------------------------------------------------------
 * Utilities
 ------------------------------------------------------------ */

.hide { /* Used to hide elements */
	display: none;
}

.clearing {
	clear: both;
}


/* ------------------------------------------------------------
 * Sprachauswahl
 ------------------------------------------------------------ */

#sprache { 
	margin: -200px 0 0 -20px;
}

#sprache img { 
	border: 1px solid #333;
}

/* ------------------------------------------------------------
 * ajaxSearch
 ------------------------------------------------------------ */
#suche {
	background: #fff;
	margin: 0 10px 0 10px;
	padding: 0.6em 25px 0 35px;
	height: 50px;
}

#hilfe {
	float: right;
	width: 50px;
	border-right: 1px solid #d2d2d2;
	margin-right: 1.5em;
	padding-right: 1em;
}

#hilfe img {
	margin-right: 5px;
}

#hilfe a {
	color: #333;
}

#searchform {
	text-align: right;
	float: right;
	background: url(images/such-lupe.gif) no-repeat 0 2px;
	padding-left: 1.5em;
	
}

#ajaxSearch {
	
}

#ajaxSearch_input {
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    margin: 0 5px 0 5px;
    padding: 3px 0 0;
    width: auto;
}
#ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
           background: url(images/button-finden.gif) no-repeat 0 2px;
           width: 54px;
}

/* ------------------------------------------------------------
 *  Footer 
 ------------------------------------------------------------ */

#footer {
	clear: both;
	background: url(images/footer-back.gif) no-repeat;
	text-align: center;
	margin: 0 auto;
	height: 87px;
}

#footer p {
	text-align: center;
	padding: 2em;
}

a.gotop {
	background: transparent url(images/gotop.gif) no-repeat;
	width: 18px;
	height: 18px;
	margin: -40px 0 0 720px;
	display: block;
}

.nurWeb {
	display: block;
}

.nurPrint {
	display: none;
}

#iso9001_extra {
	width: 49px;
	height: 100px;
	margin: -22em 10.5em 0 0;
	border: 1px solid #e4e4e4;
	float: right;
	display: none;
}


/* ------------------------------------------------------------
 *  Certified
 ------------------------------------------------------------ */

#certified {
	width: 59px;
	height: 250px;
	float: right;
	margin: 4em 0 2em 2em;
}

#certified img {
	border: 1px solid #e4e4e4;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------
 *  Editor test
 ------------------------------------------------------------ */
/*.abc {
	width: 99%;
  	border: 1px solid #b5b5b5;
  	background: #fff;
  	margin: 0;
  	padding: 0;
}*/

/* ------------------------------------------------------------
 * Galerie-Fotos
 ------------------------------------------------------------ */

/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
	margin: 20px 20px 0 0;
	background: url(../images/shadow.gif) no-repeat bottom right;
	float: left;
	/*line-height: 0;*/
	width: 122px;
	height: 122px;
	display: inline;
}
 
.img-wrapper img {
	float: none;
	background: #004595;
	padding: 4px;
	border: 1px solid #C5BDBD;
	position: relative;
	left: -5px;
	top: -5px;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
	margin: 0 0 20px 0;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
	clear: both;
}

.breit {
	width: 140px;
	margin: 20px 85px 20px 0;
	float: left;
}

.rand {
	border: 1px solid #C5BDBD;

}

/* ------------------------------------------------------------
 * Firmen Geschichte
 ------------------------------------------------------------ */
 
.jahreszahl {
	font-size: 1.8em;
	float: left;
	margin: 0.2em 0.3em 0 0;
	padding: 0.3em 0.2em 0.2em 0.2em;
	background-color: #99b5d5;
	color: white;
	height: 1.1em;
}


.klein {
	font-size: 0.8em;
}


/* ------------------------------------------------------------
 * Prospekt-Informationen
 ------------------------------------------------------------ */
 
.pdf-wrapper {
	margin: 20px 20px 0 0;
	/*background: url(../images/shadow.gif) no-repeat bottom right;*/
	float: left;
	line-height: 0;
	width: 100px;
	height: 141px;
}
 
.pdf-wrapper img {
	float: none;
	/*background: #004595;
	padding: 4px;*/
	border: 1px solid #C5BDBD;
	position: relative;
	left: -5px;
	top: -5px;
}

/* ------------------------------------------------------------
 * Such-Ausgabe
 ------------------------------------------------------------ */
 
.ajaxSearch_highlight {
	background-color: yellow;
}

.ajaxSearch_result {
	padding-top: 5px;
	margin-top: 20px;
	/*border-top: 1px dotted #C5BDBD;*/
}

.ajaxSearch_resultLink {
	background-color: #f6f6f6;
	display: block;
	padding: 5px 0;
}

.ajaxSearch_paging {

}

.ajaxSearch_extract {
	margin-bottom: 5px;
	/*border-bottom: 1px dotted #C5BDBD;*/
}

/* ------------------------------------------------------------
 * Datenschutzerklaerung Liste
 ------------------------------------------------------------ */
 
ol.datenschutz {
	margin-left: 1.8em;
	margin-top: 1.8em;
}

ol.datenschutz li {
	margin-bottom: 5px;
}

/* ------------------------------------------------------------
 * aus CSS Mastery
 ------------------------------------------------------------ */

table.kontaktperson {
  border-collapse: collapse;
  border: 1px solid #fff;
}

table.kontaktperson td {
  padding: 0.5em 1em 0.5em 0;
  border: 1px solid #fff;
  vertical-align: top;
}

table.kontaktperson th {
  padding: 0.5em 1em 0.5em 0.5em;
  border: 1px solid #fff;
  vertical-align: top;
  background-color: #f6f6f6;
  font-weight: normal;
}

.und {
  /*text-indent: 1.5em;*/
  margin: 2em;
}

.flagge_kontakt {
  border: 1px solid #C5BDBD;
  width: 80px;
  height: 40px;
  margin: -1em 0 0 2em;
}

table.kontaktperson caption {
  text-align: left;
  font-weight: bold;
  background-color: #f6f6f6;
  padding: 5px 0;
  width: 24em;
}

/* ------------------------------------------------------------
 * Erstbesucher Rollo
 ------------------------------------------------------------ */

#erstbesucher {
}
#erstbesucher a:focus {
	outline: none;
}
#panel {
	z-index: 100;
	position: absolute;
	top: -40px;
	left: 15px;
	background: #fff; /*#754c24;*/
	height: 260px;
	width: 700px;
	display: none;
	padding: 2em;
}
.slide {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: solid 4px #1081b9; /*#422410;*/
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#erstbesucher.active {
	background-position: right 12px;
}

/* ------------------------------------------------------------
 * Tabelle Zulieferer / Produkt-Links
 ------------------------------------------------------------ */

table.fremd td {
  	padding: 1.5em 0;
}

/* ------------------------------------------------------------
 * Sitemap-Listing
 ------------------------------------------------------------ */

#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}

#sitemap li {
   padding: 0 0 0 24px;
   list-style-type: none;
   background: url(images/extm.gif) no-repeat 0% 0%;
}

#sitemap li a {
   background-color: #d2d2d2;
   width: 372px;
   display: block;
   padding: 0.5em;
   color: #333;
}

#sitemap li.last {
   background: url(images/exlm.gif) no-repeat 0% 0%;
}

#sitemap ul ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   background: url(images/exim.gif) repeat-y 0% 0%;
}

#sitemap ul ul li a {
   background-color: #e2e2e2;
   width: 348px;
   display: block;
}

#sitemap ul ul ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   /*background: url(images/exim.gif) repeat-y 0% 0%;*/
}

#sitemap ul ul ul li a {
   background-color: #f2f2f2;
   width: 324px;
   display: block;
}

#sitemap ul ul ul ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   /*background: url(images/exim.gif) repeat-y 0% 0%;*/
}

#sitemap ul ul ul ul li a {
   background-color: #fff;
   width: 300px;
   display: block;
}

#sitemap .last ul {
   background-image: none;
}


/* ------------------------------------------------------------
 * Englisch Extra
 ------------------------------------------------------------ */

#slogan2 {
	background: url(images/slogan2.gif) no-repeat;
	margin: 0 0 0 40px;
	width: 233px;
	height: 106px;
	float: left;
}

#slogan2 p {
	display: none;
}