html, body { width: 100%; }

body {
	margin: 0 auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	background-image: url(../images/bg_pic.gif);
	background-repeat: repeat;
	padding-bottom: 10px;
}

* {
	font-size: 1.0em;
	color: #000000;
}

img {
	border: 0;
	margin: 0;
}

p { margin: 0px 0px 12px 0px; }

a { text-decoration: none; }
a.underline { text-decoration: underline; }

ol li {
	font-weight: bold;
	padding-bottom: 18px;
}
ol li span { font-weight: normal; }

.clear { clear: both; }

/* Fix fuer PNG Transparenz im IE6 */
* html #gewinnspiel-home img { behavior: url("media/include/iepngfix.htc"); }
/** html ul.helden-bildleiste li a span { behavior: url("../../media/include/iepngfix.htc"); }
* html td#helden-subnav ul li a span { behavior: url("../../media/include/iepngfix.htc"); }*/


/* Logo und Text */
div#simon-name {
	position: absolute;
	margin-bottom: 20px;
	padding-top: 14px;
	z-index: 4;
}
div#simon-name img { margin-right:6px; }

div#logotext {
	position: absolute;
	width: 220px;
	padding: 15px 0px 0px 480px;
	z-index: 2;
}

* html div#logotext {  /* nur fuer Internet Explorer */
	width: 700px;     /* Version 5.x */
	wid\th: 400px;    /* Version 6 */
}

img#logobild {
	margin-top: 5px;
	margin-left: 723px;
	margin-bottom: 5px;
	z-index: 5;
}


/* Header */
div#kopf {
	background-color: #FFFFFF;
	margin: 0px -1px 0px 0px;
	padding: 0px 0px 1px 0px;
}

div#header-grafik {
	background-color: #FFFFFF;
	padding: 2px 0px 0px 0px;
}

div#start {
	position: absolute;
	margin: 37px 0px 0px 0px;
	z-index: 5;
}

div#lang { 
	position: absolute;
	top: 35px;
	margin: 25px 0px 6px 0px;
}

div#lang img { margin-right: 5px; }
div#lang a { margin-right: 10px; }
div#lang a:active, div#lang a:hover, div#lang a.act  { font-weight: bold; }


/* Tabellen Positionierungen */
table.content {
	width: 100%;
	margin-bottom: 10px;
}

td.mitte, td.mitte-home {
	vertical-align: top;
	background-color: #083A7D;
	border-left: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
}

div#mitte {
	width: 953px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}

div#rahmen-content {
	width: 939px;
	color: #FFFFFF;
	line-height: 1.5em;
	clear: both;
}

div#rahmen-content * { color: #FFFFFF; }

div#gewinnspiel-home {
	position: absolute;
	margin: 135px 0px 0px 570px;
	z-index: 5;
}

div#content-home {
	width: 833px;
	text-align: center;
	min-height: 200px;
	padding: 0px 70px 0px 50px;
}
* html div#content-home { height: 200px; }
*+ html div#content-home { height: 200px; }

div#content-forum { margin: 10px 0px 120px 10px; }

td.abschluss div {
	position: absolute;
	width: 953px;
	height: 195px;
	margin: -105px 0px 0px -4px;
	background-repeat: no-repeat;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}
table#content-home td.abschluss div { background-image: url(../images/abschluss-globus-home.gif); }
table#content-subpages td.abschluss div, table#content-helden td.abschluss div { background-image: url(../images/abschluss-globus-unterseite.gif); }

table#content-home {
	width: 939px;
	background-color: #083A7D;
}

table#content-subpages {
	width: 953px;
	background-color: #002661;
}

table#content-subpages td { vertical-align: top; }

td#content-subnav, td#content-subnav-extra, td#content-images, td#helden-subnav, td#galerie-gross { border-right: 3px solid #083A7D; }
td#content-subnav {
	font-size: 0.9em;
	border-left: 6px solid #083A7D;
	padding: 2px 0px 120px 1px;
}
td#content-subnav table { width: 369px; }

td#galerie-gross { border-left: 6px solid #083A7D; }

td#content-subnav a, td#helden-subnav a, td#praxistipps-subnav a, td#content-subnav a, td#galerie-gross a {
	display: block;
	width: 215px;
	margin: 6px 0px 10px 3px;
	padding: 3px 0px 4px 10px;
 	background: url('../images/bg-subnav.gif') no-repeat;
}
td#helden-subnav a.aktiv, td#praxistipps-subnav a.aktiv { font-weight: bold; }

td#content-subnav-extra a {
	display: block;
	width: 261px;
	margin: 6px 0px 10px 3px;
	padding: 3px 0px 4px 10px;
 	background: url('../images/bg-subnav.gif') no-repeat;
}

* html td#content-subnav a { width: 225px; }

td#content-subnav a.button-g, td#galerie-gross a.button-g {
	width: 358px;
	margin: 0px 0px 0px 3px;
	background: url('../images/bg-subnav-g.gif') no-repeat;
}
 
td#content-images img { margin: 12px 0px 12px 18px; }

td#content-text {
	width: 571px;
	border-right: 7px solid #083A7D;
	padding-bottom: 50px;
}

td#galerie-nav {
	width: 434px;
	border-right: 7px solid #083A7D;
	padding-bottom: 50px;
	overflow: hidden;
}
 
div.balken-rechts {
 	min-height: 219px;
	padding: 10px 25px 0px 25px;
	margin-bottom: 19px;
}

* html div.balken-rechts { height: 219px; }

div#rahmen-content div.balken-rechts p { margin-right: 30px; }

.wenigrand { padding: 5px 0px 0px 5px !important; }


/* Hauptnavigation, Farbdefinitionen */

div#hauptnav {
	min-height: 32px;
	background-image: url(../images/bg-nav-blau.gif);
	background-repeat: repeat-x;
}
* html div#hauptnav { height: 32px; }

div#hauptnav a:active, div#hauptnav a:hover, div#hauptnav a.aktiv { font-weight: bold; }


/* Neu: Hauptnav als Liste */

div#hauptnav ul {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}

div#hauptnav ul li {
	float: left;
	list-style-type: none;
}

div#hauptnav a {
	display: block;
	line-height: 18px;
	margin: 7px 0px 2px 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 0.95em;
	letter-spacing: 0.01em;
	text-align: center;
	border-right: 1px dotted #FFFFFF;
}

div#hauptnav ul li ul {
	width: 180px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	background-color: #fff;
	border-top: 4px solid #083A7D;
}

div#hauptnav ul li ul li {
	float: none;
	margin: 0;
}
* html div#hauptnav ul li ul li { width: 180px; }

div#hauptnav ul li ul li a {
	border: none;
	color: #000;
	line-height: 21px;
	text-align: left;
	text-transform: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

div#hauptnav ul li ul li a:hover {
	color: #fff;
	font-weight: normal;
	background-color: #083a7d;
}

/* Dropdown Mouseover */
div#hauptnav ul li ul { display: none; }
div#hauptnav ul li:hover ul, ul.jqaktiv { display: block !important; }


/* Inhalte */

.firstheader { margin-top: 0px; }

h1, h2 {
	/*background-image: url('../images/pfeil-blau.gif');
	background-repeat: no-repeat;	*/
	margin: 0px 0px 8px 0px;
	border-bottom: 1px dotted #FFFFFF;
}
h1 { font-size: 1.3em; padding: 10px 0px 20px 30px; background-position: 7px 15px; }
h2 { font-size: 1.0em; padding: 10px 0px 12px 20px; background-position: 0px 15px; }

h3, h4 {
	font-size: 1.0em;
	background-image: url('../images/pfeil-blau.gif');
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 8px 0px;
}
h3 { margin: 0px 0px 8px 0px; }
h4 { margin: 0px 0px 0px 0px; font-weight: normal; }

h5 {
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	margin: 35px 0px 12px 0px;	
}

div#rahmen-content h3, div#rahmen-content p {
	font-size: 1.0em;
	margin: 0px 120px 18px 0px;
}

div.spacer {
	height: 1px;
	border-top: 1px dotted #fff;
	margin: 0px 0px 18px 0px;
}

div.spacer-blank {
	height: 25px;
	clear: both;
}

td#content-text a {
	font-weight: normal;
	text-decoration: underline;
}

td#content-text a:active, td#content-text a:hover { text-decoration: none; }

/* bauma 2010 */
td.text-bauma  {
	width: 134px;
	font-size: 0.9em;
	padding-top: 30px;
	background: url(../images/bg-text-highlight.jpg) no-repeat;
}

div#rahmen-content td.text-bauma p { margin: 0px 12px 18px 12px; }

/* Presse */
td.bild-presse { padding: 3px 3px 3px 3px; }


/* Gewinnspiel, Produkt des Monats */

p.bedingungen {
	font-size: 0.8em !important;
	margin: 20px 20px 20px 10px !important;	
}

div.gewinnspiel-loesung {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 30px;
}

form#helden {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}

form#helden p { margin: 0px 0px 8px 0px !important; }

form#helden label {
	width: 110px;
	float: left;
	clear: left;
}

form#helden input { color: #000; }

input.loesung {
	width: 12px;
	text-transform: uppercase;
}

input.gewinnspiel, input.loesung, textarea {
	border-width: 1px;
	border-style: solid;
	border-top-color: #9ea0a0;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #9ea0a0;
}

input#strasse_r { width:286px; }
input#hausnr_r { width: 40px; }
input#plz_r { width: 70px; }
input#ort_r { width: 278px; }
input#Produkt { font-weight: bold; }

input.gewinnspiel {
	width: 393px;
	padding: 2px 0px 2px 2px;
}
textarea {
	width: 391px;
	height: 90px;
	padding: 2px 2px 2px 2px;
	color: #000 !important;
	font-size: 1.0em;
	font-family: Arial;
}

input.senden {
	width: 399px;
	height: 27px;
	line-height: 27px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff !important;
	border: none;
	background-color: transparent;
	background-image: url(../images/bg-button.gif);
	background-repeat: no-repeat;
}

a.link-button, a.link-button-k {
	display: block;	
	line-height: 27px;
	color: #fff;
	text-align: center;
	text-decoration: none !important;
	margin: 20px 0px 20px 0px;
	background-repeat: no-repeat;
}
a.link-button {
	width: 399px;
	background-image: url(../images/bg-button.gif);
}
a.link-button-k {
	width: 349px;
	background-image: url(../images/bg-button-k.gif);
}


/* Inhalt Echte Helden + Know-How */

table#content-helden h1 {
	background-image: none;
	border: none;
	padding: 10px 0px 30px 2px;
}

table#content-helden h2 {
	font-size: 1.3em;
	background-image: none;
	margin: 0px 3px 30px 3px;
	padding: 20px 0px 20px 2px;
}

table#content-helden {
	width: 953px;
	background-color: #002661;
}

td#helden-subnav {	
	width: 230px;
	border-left: 6px solid #083A7D;
	padding: 2px 0px 120px 1px;
	vertical-align: top;
}

div#helden-gross {
	position: relative;
	height: 383px;
	text-align: center;
}

/*div#helden-gross p {
	position: absolute;
	left: 0px;
	display: none;
}*/

div#helden-gross div { margin: 0px 0px 6px 0px; }

td#helden-text {
	width: 728px;
	border-right: 7px solid #083A7D;
	padding-bottom: 20px;
	vertical-align: top;
}

td#helden-text div.balken-rechts { padding: 3px; }

div#rahmen-content td#helden-text p {
	clear: left;
	margin:0px 5px 18px 0px;
}

div.helden-text-links, div.helden-text-rechts {
	float: left;
	width: 347px;
	margin: 0px 6px 20px 2px;
}

div.helden-text-rechts {
	float: left;
	width: 345px;
	margin: 0px 0px 20px 0px;
}

* html div.helden-text-rechts { width: 344px; }

div.knowhow-links { width: 328px; }
div.knowhow-rechts { width: 328px; }

* html div.knowhow-rechts { width: 327px; }


/* Bildauswahl */
td#helden-subnav ul {
	width: 261px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 7px 4px;
}

td#galerie-nav ul {
	width: 434px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td#helden-subnav ul li, td#galerie-nav ul li {
	position: relative;
	width: 80px;
	float: left;
	list-style-type: none;
	margin: 0px 7px 7px 0px;
}

td#galerie-nav ul li { width: 144px; margin: 0px 1px 1px 0px; }
td#galerie-nav ul li.last { margin-right: 0px; }

td#helden-subnav ul li a, td#galerie-nav ul li a {
	width: 80px;
	position: relative;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

td#galerie-nav ul li a { width: 144px; }

td#helden-subnav ul li a img, td#galerie-nav ul li a img { float: left; }

td#helden-subnav ul li a span, td#galerie-nav ul li a span {
	display: block;
	position: absolute;
	left: 0px;
	width: 80px;
	height: 80px;
	background: url(../images/echte-helden/inaktiv.png) no-repeat;
}

td#galerie-nav ul li a span {
	width: 144px;
	height: 100px;
	left: -144px;
}

* html td#galerie-subnav ul li a span { filter: alpha(opacity=85); }
* html td#helden-subnav ul li a span { filter: alpha(opacity=85); }

td#helden-subnav ul li a:hover span, td#helden-subnav ul li a.aktiv span { background-position: 0px 80px; }
td#galerie-nav ul li a:hover span, td#galerie-nav ul li a.aktiv span { background-position: 0px 144px; }


/* Helden Bildleiste */

ul.helden-bildleiste {
	height: 80px;
	margin: 3px -2px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #fff;
}

ul.helden-bildleiste li {
	float: left;
	list-style-type: none;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.helden-bildleiste li a {
	display: block;
	width: 75px;
	position: relative;
	left: 0px;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

ul.helden-bildleiste li img { float: left; }

ul.helden-bildleiste li a span {
	display: block;
	position: absolute;
	left: 0px;
	width: 75px;
	height: 74px;	
	background: url(../images/know-how/inaktiv.png) no-repeat;
}

* html ul.helden-bildleiste li a span { filter: alpha(opacity=85); }

ul.helden-bildleiste li a:hover span, ul.helden-bildleiste li a.aktiv span { background-position: 0px 80px; }


/* Galerie */
td#galerie-gross {
	width: 503px;
}

td#galerie-gross img { 
	margin: 0px 0px 0px 0px;
	float: left;
	/*border: 1px solid #081A34;*/
}

td#galerie-gross form {
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}

form p, form img {margin: 0px 0px 0px 0px !important; }

div#bildtext {
	clear: left;
	margin: 3px 0px 10px 0px;
	padding: 2px 0px 0px 18px;
	height: 20px;
	border: 1px solid #081A34;
	background-color: #081A34;
	/*background-image: url('../images/pfeil-blau-gal.gif');
	background-repeat: no-repeat;*/
}

td#galerie-gross p { margin-left: 5px; }

img.button {
	margin: 5px 0px 0px 0px !important;
	border: none !important;
}

p.galerie-subnav {
	margin: 0px 0px 0px 10px !important;
	padding: 7px 25px 0px 0px;
	clear: left;
}

p.galerie-subnav a { padding: 0px 4px 0px 0px; }

p.galerie-subnav a.aktiv {
	font-weight: bold;
}

/* Bildleiste auf Startseite */

div.helden-start ul {
	position: relative;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div.helden-start ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

div.helden-start ul li.textlink {
	position: absolute;
	right: 126px;
	top: 78px;
	font-weight: bold;
}


/* Seitenauswahl */
div.seitenwahl {
	width: 254px;
	margin: 0px 3px 0px 3px;
	padding: 5px 0px 0px 2px;
	border-top: 1px dotted #fff;
	clear: both;
}

td#helden-subnav div.seitenwahl a {
	display: inline;
	background-image: none;
	padding: 3px 2px 4px 2px;
}


/* Inhalt Neuheiten */

ul.neuheiten {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

ul.neuheiten li {
	float: left;
	width: 235px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

* html ul.neuheiten li { overflow: hidden; }

div#rahmen-content ul.neuheiten li h3 {
	position: relative;
	background-image: none;
	margin: 0px 8px 8px 0px;
	padding: 0px 6px 8px 6px;
	border-bottom: 1px dotted #fff;
}

div#rahmen-content td#helden-text div.balken-rechts ul.neuheiten li p { 
	padding: 0px 40px 0px 6px;
	margin: 0px 0px 12px 0px;
}

div#rahmen-content ul.neuheiten li p img { margin-left: -6px; }


/* Inhalt "Praxistipps" */

td#praxistipps-subnav {	
	width: 230px;
	border-left: 6px solid #083A7D;
	padding: 2px 0px 140px 1px;
	vertical-align: top;
	border-right: 4px solid #083A7D;
}

td#praxistipps-bilder {
	width: 268px;
}
td#praxistipps-bilder img { float:left; margin: 3px 0px 20px 2px; }
td#praxistipps-bilder p { margin: 0px 2px 0px 2px; }
 
td#praxistipps-text {
	width: 430px;
	border-right: 7px solid #083A7D;
	border-left: 4px solid #083A7D;
	padding-bottom: 40px;
	vertical-align: top;
}

td#praxistipps-text h3 { margin-right: 30px; }
td#praxistipps-text p { margin: 0px 25px 18px 20px; }