/*===============================================================
    $Id: global.css 33 2005-05-13 12:17:56Z HAM\ChristianK $
    Autor: Christian Koop <christian.koop@e-7.com>
===============================================================
*/
@import url(/css/undohtml.css);
/* IE 5, 4 / NS 4 Styles */

.Start {
 background: #FFF;
 font-family: Verdana, sans-serif;
 font-size:10px;
 line-height:14px;
 font-weight:normal;
 color:#000;
 margin:0;
 padding:0;
}
a { text-decoration: none; }

a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

body {
 background: #FFF url(/bg.teaser.gif) repeat-y 10px;
 font-family: Verdana, sans-serif;
 font-size:10px;
 line-height:14px;
 font-weight:normal;
 color:#000;
 margin:0;
 padding:0;
}

body#PopUp {
	background: #FFF;
	/* font-family: Verdana, sans-serif;
	font-size:9px;
	line-height:13px;
	font-weight:normal;
	color:#000;
	margin:0; */
	padding:15px;
	vertical-align:middle;
	text-align:center;
}


#logo{
 position:absolute; top:19px; left:705px; width:100px; height:80px;
 z-index: 100;
}
#logo a {
 display: block;
 background: url(/logo.gif) no-repeat;
 width: 95px;
 height: 51px;
 text-indent: -9000px;
}
h2 {
 position:absolute; top:155px; left:305px; width:498px; height:22px;z-index: 100;
}

#navi {
 position: absolute;
 top: 0;
 left: 0;
 height: 156px;
 background-color: #FFF;
 width: 100%;
 z-index: 5;
}
ul#navimain {
 position: absolute;
 top:70px;
 left:10px;
 width:705px;
 height:14px;
 z-index:100;
}
ul#navimain a {
 text-transform:uppercase;
 font-size:10px;
 text-decoration:none;
}
ul#navimain a:link {color:#000000;}
ul#navimain a:visited {color:#000000;}
ul#navimain a:hover {color:#E2000E;}
ul#navimain a:active {color:#000000;}
ul#navimain div {
 width: 300px; height:60px; visibility:hidden; z-index:1000;
}
#menu1 {width:78px;display:block;}
#menu2 {width:32px;display:block;}
#menu3 {width:60px;display:block;}
#menu4 {width:91px;display:block;}
#menu5 {width:84px;display:block;}
#menu6 {width:98px;display:block;}
#menu7 {width:80px;display:block;}
#menu8 {width:48px;display:block; text-align:right;}

div#menu11 {position:absolute; top:-60px; left:0;}
div#menu12 {position:absolute; top:-60px; left:93px;}
div#menu13 {position:absolute; top:-60px; left:138px;}
div#menu14 {position:absolute; top:-60px; left:212px;}
div#menu15 {position:absolute; top:-60px; left:317px;}
div#menu16 {position:absolute; top:-60px; left:415px;}
div#menu17 {position:absolute; top:-60px; left:527px;}
div#menu18 {position:absolute; top:-60px; left:370px;}
#navimain ul li {
 clear: left;
}
#navimain ul li a {
  float: left;
 display: block;
}
#navimain div#menu18 ul li a {
 float: none;
}
ul#navimain li {
 margin:0;
 float:left;
 margin-right:14px;
}
ul#navimain li div a {
 text-transform: none;
 font-size:10px;
 text-decoration:none;
}
ul#navimain div a:link {color:#666666;}
ul#navimain div a:visited {color:#666666;}
ul#navimain div a:hover {color:#E2000E;}
ul#navimain div a:active {color:#666666;}
ul#navimain li div ul {
 position:absolute; bottom:0; left:0;
}
ul#navimain li div ul li {
 margin:0;
 float: none;
}
ul#navisublast{
 position: absolute;
 bottom: 0;
 right: 0;
 width: 260px;
}
ul#navisublast li{
 width: 100%;
 text-align: right;
 margin: 0;
 padding: 0;
}
a.menufunktion:link {color:#32312E; font-size:10px; text-decoration:none; margin-right:5px;}
a.menufunktion:visited {color:#32312E; font-size:10px; text-decoration:none;}
a.menufunktion:hover {color:#E2000E; font-size:10px; text-decoration:none;}
a.menufunktion:active {color:#32312E; font-size:10px; text-decoration:none;}
.navifunkdiv{
 position:absolute;
 top:84px;
 left:10px;
 width:99%;
 height:63px;
 background: url(/images/allgemein/header_neuFolge.jpg) no-repeat;
}

.navifunkdiv ul {
 position:absolute;
 top:20px;
 left:656px; /* Falscher Wert: IE 5.x */
 lef\t:666px; /* Korrekter Wert */
}
.navifunkdiv ul li{
 text-align:right;
}
.navifunkdiv a:link {color:#32312E; font-size:10px; text-decoration:none; margin-right:5px;}
.navifunkdiv a:visited {color:#32312E; font-size:10px; text-decoration:none;}
.navifunkdiv a:hover {color:#E2000E; font-size:10px; text-decoration:none;}
.navifunkdiv a:active {color:#32312E; font-size:10px; text-decoration:none;}

#contentWrapper {
 position:absolute;
 top:162px;
 left:10px;
 width:800px;
}
#contentWrapperneu {
 position:absolute;
 top:162px;
 left:10px;
 width:auto;
}
#teaserdiv {
 position: absolute; top:0;
 left:0;
 width:293px;
 background-color:#FAF4E4;
 clear: both;
 padding-top: 62px;
}
p.teaser {
 clear:both;
 color:#000000;
 font-family:verdana;
 font-size:10px;
 margin-left:30px;
 margin-bottom:20px;
 margin-top:-12px;
 background: url(/pfeil_rechts_black.gif) no-repeat 0 1px;
 padding-left: 18px;
}
p.teaser:hover {
 background: url(/pfeil_rechts_red.gif) no-repeat 0 1px;
}
.chronikinnen a:link {color:#000000; font-size:10px; text-decoration:underline;}
.chronikinnen a:visited {color:#000000; font-size:10px; text-decoration:underline;}
.chronikinnen a:hover {color:#E2000E; font-size:10px; text-decoration:underline;}
.chronikinnen a:active {color:#000000; font-size:10px; text-decoration:underline;}
/*
a.teaser:link {color:#000000; font-size:10px; text-decoration:none; font-weight:bold;}
a.teaser:visited {color:#000000; font-size:10px; text-decoration:none; font-weight:bold;}
a.teaser:hover {color:#E2000E; font-size:10px; text-decoration:none; font-weight:bold;}
a.teaser:active {color:#000000; font-size:10px; text-decoration:none; font-weight:bold;}
*/
a.teaser:link {color:#000000; font-size:11px; text-decoration:none; font-weight:bold;}
a.teaser:visited {color:#000000; font-size:11px; text-decoration:none; font-weight:bold;}
a.teaser:hover {color:#E2000E; font-size:11px; text-decoration:none; font-weight:bold;}
a.teaser:active {color:#000000; font-size:11px; text-decoration:none; font-weight:bold;}
p.teaserpfeil {margin-left:30px; width:12px; height:11px;}
p.teaserhi {clear:both; color:#000000; font-family:verdana; font-size:10px; margin-left:46px; margin-bottom:20px;}

#homecontentdiv {
 width:446px;
 margin-left: 344px;
 margin-top: 53px;
 margin-bottom: 20px;
 padding-bottom: 8px;
 clear: both;
}

#startcontentdiv {
 width:790px;
 height:210;
 left: 10px;
 top: 156px;
 clear: both;
}


#homecontentdiv p {color:#ffffff; font-size:10px; margin:21px 12px 12px 12px;}
p#keyvis {margin:0px; padding:0;}
p#teaservis {margin:0px; padding:0px;}

#chronikcontentdiv {
	width:670px;
	margin-left: 116px;
	margin-top: 63px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	clear: both;
}
.chronikaussen {
	clear:both;
}


.chronikinnen p {
	color:#000;
	font-size:10px;
	text-decoration: none;
	display: block;
}

.chronikinnen {
	display: block;

}

h3 {
	font-weight:bold;
	color:#000;
	font-size:10px;
	margin-bottom:5px;
}

.chronikvis {
	border-width:0px 29px 0px 0px;
	margin-right:33px;
	border-color:#faf4e4;
	border-style:solid;
	margin-bottom:50px;
	float:left;
	height: 148px;
}

#pdmcontentdiv {
 width:670px;
 margin-left: 119px;
 margin-top: 70px;
 clear: both;
}

h3#pdm {font-weight:bold; color:#000; font-size:10px; margin-bottom:15px; margin-left:209px;}

p.pdm { margin-left:209px; margin-bottom:15px; font-size:10px; }

#pdmlinksvis {border-width:0px 29px 0px 0px; position:relative; left:-57px; margin-right:33px; border-color:#faf4e4; border-style:solid; z-index:10;}

#imgContent {background-color:red; position:relative; left:-57px; margin-right:33px; border-color:#faf4e4; border-style:solid; z-index:10;}

#pdmrechtsvis {position:relative; left:-55px;}
table#pdmaussen {background-color:#FAF4E4; border:0px; text-align:left; border-collapse:collapse; border-spacing:0px; margin-left:209px; margin-top:-145px; margin-bottom:30px; margin-right:0px; height:145px; width:auto;}
table#pdmaussen td, table#pdmaussen tr, table#pdmaussen th {padding:0px;  color:#000; font-size:10px; font-family: Verdana, sans-serif;}
.pdmtablinks {width:26px;}
.pdmtabmitte {width:129px; font-weight:bold; text-transform:uppercase;}
.pdmtabrechts {width:166px;}
table#pdminnen {}#pdmunten {vertical-align:bottom;}
img#icon {vertical-align:top;}

#prodlistdiv {
 width:446px;
 margin-left: 313px;
 margin-top: 53px;
 margin-bottom: 20px;
 padding-bottom: 8px;
 padding-left:20px;
 clear: both;
}
#caps{
 text-transform:uppercase;
 font-weight:bold;
}
.suchelinks{
 float:left;
 padding-left:20px;
}
#sucherechts{
 float:left;
 padding-left:245px;
 text-transform:uppercase;
}
.clear{
 line-height:10px;
 clear:both;
}
ul#prodlist {
 margin:0px;
}
ul#prodlist li {
 margin: 0 0 5px 20px;
}
ul#prodlist a {
 text-transform:none;
 font-size:10px;
 color:#000;
 font-weight:normal;
}
ul#prodlist a:hover {
 text-transform:none;
 font-size:10px;
 color:#E2000E;
 font-weight:normal;
}
h6#prodheadline {
 text-transform:uppercase;
 font-size:10px;
 color:#000;
 font-weight:bold;
 background: url(/pfeil_rechts_black.gif) no-repeat 0 1px;
 padding-left:20px;
 margin-left:0px;
 margin-bottom:18px;
}
h6#suchhinweis {
 text-transform:none;
 font-size:10px;
 color:#000;
 font-weight:normal;
 padding-left:20px;
 margin-left:0px;
 margin-bottom:18px;
}
.red{
 color:#E2000E
}
/* Jobs Start */
#jobslistitem {
 width: 446px;
 margin-left: 344px;
 padding-top: 12px;
 padding-bottom: 12px;
 clear: both;
}
#jobsintrotext {
 width: 446px;
 margin-left: 344px;
 font-size: 11px;
 font-weight: normal;
 margin-bottom: 30px;
 clear: both;
}
.joblink {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
/* Jobs Ende */

/* Awards Start */
#awardlistitem {
 width: 470px;
 margin-left: 300px;
 padding-top: 12px;
 padding-bottom: 12px;
 clear: both;
}
#awardintrotext {
 width: 470px;
 margin-left: 300px;
 font-size: 10px;
 font-weight: normal;
 margin-bottom: 30px;
 clear: both;
}
.awardlink {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
.awardaussen {
    clear:both;
}
.awardinnen p {
    clear:none;
    color:#000;
    font-size:10px;
    line-height:12px;
    margin-bottom:20px;
}
.awardleft {
    width:280px;
    margin-right: 40px;
    margin-bottom:20px;
    float:left;
    clear:none;
}
.awardleftnoimage {
    width:215px;
    border-width:0px 29px 0px 0px;
    margin-right:33px;
    padding-right:33px;
    border-color:#FAF4E4;
    border-style:solid;
    margin-bottom:20px;
    float:left;
    clear:none;
}
img.awardvis {
    float:right;
}
#awardcontentdiv {
 width:770px;
 margin-left: 16px;
 margin-top: 63px;
 margin-bottom: 20px;
 padding-bottom: 8px;
 clear: both;
}



/* Awards Ende */


div#mainContentArea {
 margin-left: 326px;
 margin-top: 57px;
}

#mainContentFormArea {
 padding-left:326px;
 margin-top: 57px;
}
div#mainContentArea div#prodDetail {
 margin-top: 25px;
 height:auto;
 width:auto;
}

p#prodback{
 float:left;
 width:100px;
}
p#proddesc{
 width:470px;
}
div#mainContentArea div#prodDetail img {
 width:145px;
 margin-right:0px;
}
#prodtableneu{
 float:left;
 background-color:#FAF4E4;
 color:#000;
 font-size:10px;
 font-family: Verdana, sans-serif;
 width:507px;
 margin-left:15px;
}

#prodtable{
	float:left;
	background-color:#FAF4E4;
	color:#000;
	font-size:10px;
	font-family: Verdana, sans-serif;
	width:310px;
	margin-left:60px;
	*margin-left:60px;

}

div#mainContentArea div#prodDetail thead th {

}
div#mainContentArea div#prodDetail tbody td,
div#mainContentArea div#prodDetail thead th {
 text-align: center;
}
div#mainContentArea div#prodDetail thead th {
 border-bottom: 1px solid #FFF;
 vertical-align:top;
}
div#mainContentArea a.backLink {
 color: #000;
 text-transform: uppercase;
 padding-left: 16px;
 background: url(/pfeil_rechts_black.gif) no-repeat 0 1px;
 margin-top: 27px;
 display: block;
}
div#mainContentArea a.backLinkprod {
 color: #000;
 text-transform: uppercase;
 padding-left: 16px;
 background: url(/pfeil_rechts_black.gif) no-repeat 0 1px;
 margin-top: 27px;
 display: block;
}
#suchtab{
 margin-left:20px;
}
a.suchtab:link {color:#32312E; font-size:10px; text-decoration:none;}
a.suchtab:visited {color:#32312E; font-size:10px; text-decoration:none;}
a.suchtab:hover {color:#E2000E; font-size:10px; text-decoration:none;}
a.suchtab:active {color:#32312E; font-size:10px; text-decoration:none;}
a.suchnav:link {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px;}
a.suchnav:visited {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px;}
a.suchnav:hover {color:#E2000E; font-size:10px; text-decoration:none; margin-right:10px;}
a.suchnav:active {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px;}
a.suchnavhi:link {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px; font-weight:bold;}
a.suchnavhi:visited {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px; font-weight:bold;}
a.suchnavhi:hover {color:#E2000E; font-size:10px; text-decoration:none; margin-right:10px; font-weight:bold;}
a.suchnavhi:active {color:#32312E; font-size:10px; text-decoration:none; margin-right:10px; font-weight:bold;}
a.suchneu:link {background: url(/pfeil_rechts_black.gif) no-repeat 0 1px; padding-left:20px; margin-left:0px; margin-bottom:18px; color:#32312E; font-size:10px; text-decoration:none; text-transform:uppercase;}
a.suchneu:visited {background: url(/pfeil_rechts_black.gif) no-repeat 0 1px; padding-left:20px; margin-left:0px; margin-bottom:18px; color:#32312E; font-size:10px; text-decoration:none; text-transform:uppercase;}
a.suchneu:hover {background: url(/pfeil_rechts_black.gif) no-repeat 0 1px; padding-left:20px; margin-left:0px; margin-bottom:18px; color:#E2000E; font-size:10px; text-decoration:none; text-transform:uppercase;}
a.suchneu:active {background: url(/pfeil_rechts_black.gif) no-repeat 0 1px; padding-left:20px; margin-left:0px; margin-bottom:18px; color:#32312E; font-size:10px; text-decoration:none; text-transform:uppercase;}
.submitstyle {border:none; background: url(/pfeil_rechts_black.gif) no-repeat 0 1px; margin-top:30px; padding-left:20px; margin-left:0px; margin-bottom:18px; color:#32312E; font-size:10px; text-decoration:none; text-transform:uppercase; width:110px; text-align:left; clear:left;}
input, select, textarea{
 font-family: Verdana, sans-serif;
 font-size:10px;
 line-height:12px;
 font-weight:normal;
 color:#000;
 width:250px;
 padding:0px;
 margin:0px;
}
.radio{
 margin:0px;
 padding:0px;
 float:left;
 align:top;
 width:15px;
}
.feldtitel{
 text-transform:uppercase;
 font-weight:bold;
 line-height:25px;
 text-align:top;
}
img.radiobild{
 float:left;
 align:top;
 padding-right:15px;
}
.formlinks{
width:170px;
height:16px;
float:left;
font-weight:bold;
text-transform:uppercase;
display:block;
}
.formlinksfehler{
width:170px;
height:16px;
color:red;
float:left;
font-weight:bold;
text-transform:uppercase;
}
.formrechts{
height:16px;
float:left;
width:250px;
}
.formmitte{
height:16px;
float:left;
width:20px;
}
.radiokurz{
width:15px;
height:15px;
}
.check{
width:15px;
}
.textfeld{
 padding:0px;
 margin:0px;
 width:250px;
}
.head{
 font-weight:bold;
 font-size:11px;
}
#ladenbau{
 margin-left:-33px;
 height:259px;
 margin-bottom:20px;
}
.tableSuchanfrage th {
 text-align: left;
 font-weight: normal;
}
.tableSuchanfrage td {
 color: #E2000E;
}
.tableSuchanfrage thead th {
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
}
.suchergebnisContainer {
    margin: 37px 0 0 3px;
}
.suchergebnisContainer div {
    float: left;
    width: 190px;
    height: 140px;
}
.suchergebnisContainer div h4 {
    text-transform: uppercase;
}
.suchergebnisContainer div a {
    color: #000;
}
.suchergebnisContainer div a:hover {
    text-decoration: underline;
}
.suchergebnisContainer div p {
    margin-bottom: 12px;
}
a:link {color:#32312E; text-decoration:none;}
a:visited {color:#32312E; text-decoration:none;}
a:hover {color:#E2000E; text-decoration:none;}
a:active {color:#32312E; text-decoration:none;}
a.menue:link {color:#32312E; text-decoration:none;}
a.menue:visited {color:#32312E; text-decoration:none;}
a.menue:hover {color:#E2000E; text-decoration:none;}
a.menue:active {color:#32312E; text-decoration:none;}
.suchelinkslast{
 float:left;
 padding-left:0px;
}

p#backContent{
	clear:both;
	width:145px;
	margin-left: 326px;
}

a.backLinkContent {
	color: #000;
	text-transform: uppercase;
	padding-left: 16px;
	background: url(http://www1.roesle.de/images/allgemein/pfeil_rechts_black.gif) no-repeat 0 1px;
	margin-top:50px;
	display: block;
}


/* Shop-Styles */

div#mainContentArea div#prodDetail img.zoom {
	width:16px;
	margin-right:0px;
	margin-left:130px;
}


ul#naviprod {
	position: absolute;
	top:53px;
	left:0px;
	width:250px;
	z-index:100;
	list-style: none;
}

ul#naviprod a {

	font-size:10px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background: url(http://www1.roesle.de/images/layout/pfeil_rechts_black.gif) no-repeat 0 1px;
	padding-left:20px;
	margin-left:0px;
	margin-bottom:22px;
}
ul#naviprod a:hover {
	background: url(http://www1.roesle.de/images/layout/pfeil_rechts_red.gif) no-repeat 0 1px;
	color:#E2000E;
}
ul#naviprod li {
	margin:0;
	margin-bottom:22px;
	/* border:1px solid blue; */
}

ul#naviprod li#hi {
	font-size:10px;
	color:#E2000E;
	font-weight:bold;
	background: url(http://www1.roesle.de/images/layout/pfeil_unten_red.gif) no-repeat 0 1px;
	margin:0;
	padding-left:20px;
	margin-left:0px;
	margin-bottom:4px;
	/* border:1px solid red; */
}

ul#naviprod li#hihaendler {
	font-size:10px;
	color:#E2000E;
	font-weight:bold;
	background: url(http://www1.roesle.de/images/layout/pfeil_unten_red.gif) no-repeat 0 1px;
	margin:0;
	padding-left:20px;
	margin-left:0px;
	margin-bottom:22px;
	/* border:1px solid red; */
}



ul#naviprod a.sub {
	text-transform:none;
	font-size:10px;
	color:#000;
	font-weight:normal;
	background: url(http://www1.roesle.de/images/allgemein/test.gif) no-repeat 0 0px;
}

ul#naviprod a.sub:hover {
	text-transform:none;
	font-size:10px;
	color:#E2000E;
	font-weight:normal;
	background: url(http://www1.roesle.de/images/allgemein/test.gif) no-repeat 0 0px;
}

ul#naviprod a.subhi {
	text-transform:none;
	font-size:10px;
	color:#E2000E;
	font-weight:normal;
	background: url(http://www1.roesle.de/images/allgemein/test.gif) no-repeat 0 0px;
}

ul#naviprod li.zweite {
	margin-bottom:5px;
}

ul#naviprod li.zweiteletzer {
	margin-bottom:40px;
}

ul#naviprod li.dritte {
	margin-bottom:2px;
	margin-left:10px;
}

ul#naviprod li.dritteletzter {
	margin-bottom:18px;
	margin-left:10px;
	/* border:1px solid black; */
}