@import "neu-alt.css";

/* ~~~ Neue Anordnung ~~~ */

/* ~~~ COMMON ~~~ */
/* Allgemein (kann evtl. irgendwann wieder raus) */
#seiteninhalt div.text strong a,
* html #seiteninhalt div.text strong a {font-weight:bold;}

#seiteninhalt div.text * {float:none;clear:none;width:565px;}
#seiteninhalt div.text.cols-2 * {width:280px;}
#seiteninhalt div.text.imgleft div.img {float:left;}
#seiteninhalt div.text.imgright div.img {float:right;}

#seiteninhalt div.text div.img * {width:565px;}
#seiteninhalt div.text.imgleft div.img *,
#seiteninhalt div.text.imgright div.img * {width:200px;}
#seiteninhalt div.text.cols-2 div.img * {width:280px;}
#seiteninhalt div.text.imgleft *,
#seiteninhalt div.text.imgright * {width:345px;}

#seiteninhalt div.text p,
#seiteninhalt div.text ol,
#seiteninhalt div.text ul {clear:left !important;margin-top:10px;margin-bottom:0;padding:0;}

#seiteninhalt div.text.imgleft p,
#seiteninhalt div.text.imgleft ol,
#seiteninhalt div.text.imgleft ul {clear:right !important;}

/* ~~~ DIVISIONS ~~~ */
/* Highlights */
ul#highlights,
ul#highlights * {border:0 !important;margin:0 !important;padding:0 !important;}

ul#highlights {position:absolute;left:635px;top:200px;overflow:hidden;width:200px;}

ul#highlights * {width:auto !important;}

ul#highlights li {display:block;float:left;clear:left;background-color:#ededed;margin-bottom:10px !important;width:200px;}
ul#highlights li.video {}
ul#highlights li.video ul {padding:5px !important;}
ul#highlights li.video ul li {display:block;float:left;clear:none;margin-right:3px !important;}

ul#highlights li a {display:block;}
ul#highlights li.video ul li a {display:inline;font-weight:bold;background-color:transparent;}

ul#highlights li span {display:block;padding:5px !important;}
ul#highlights li span.text-before {}
ul#highlights li span.text-after {}

ul#highlights li img {display:block;}

/* Text-Container */
#seiteninhalt div.text {clear:both !important;width:565px;margin:20px 0 0 0;padding:0;}
#seiteninhalt h1+div.text {margin-top:59px;}
#seiteninhalt div.text.products {position:relative;width:200px;margin-bottom:40px;}
#seiteninhalt div.text.regional {}
#seiteninhalt div.text.cols-2 {float:left;clear:none !important;width:280px;margin-right:4px;}
#seiteninhalt div.text.cols-2.c2 {margin-right:0;}

#seiteninhalt div.text div.teaser {background:#e6e7e8;width:335px;padding:5px;}
#seiteninhalt div.text.imgleft div.teaser {float:left;}
#seiteninhalt div.text.imgright div.teaser {}
#seiteninhalt div.text.imgleft div.teaser * {margin-left:0 !important;}

/* Bild-Container */
#seiteninhalt div.text div.img {font-style:italic;width:565px;margin-top:-10px;margin-bottom:20px;}
#seiteninhalt div.text.imgleft div.img,
#seiteninhalt div.text.imgright div.img {width:200px;}
#seiteninhalt div.text.imgleft div.img {margin-right:20px;}
#seiteninhalt div.text.imgright div.img {margin-left:20px;}
#seiteninhalt div.text.cols-2 div.img {width:280px;}
#seiteninhalt div.text.cols-2 div.img img {width:auto;}

#seiteninhalt div.text.cols-2 ul.links li a {width:257px !important;}

/* ~~~ HEADINGS ~~~ */
h1.start,
h1.downloads,
h1.kontakt,
h1.gewinnspiel,
h1.references,
h1.grossanlagen,
h1.kollektoren,
h1.pressedienst,
h1.jobs,
h1.engagement {position:relative;font-size:23px !important;color:#000 !important;width:565px !important;}

/*
bei mehr als 60 Zeichen in der zweiten Zeile
z.B. ste_jobs_detail.php
*/
h1.long {font-size:18px !important;}

h1.references {height:139px;}
h1.kollektoren {height:120px;}

h1.start em,
h1.downloads em,
h1.kontakt em,
h1.gewinnspiel em,
h1.references em,
h1.grossanlagen em,
h1.kollektoren em,
h1.pressedienst em,
h1.jobs em,
h1.engagement em {display:block;font-size:30px;font-style:normal;color:#da251d !important;margin-bottom:17px;}
h1.downloads img.emo-pic {position:absolute;right:0;}

h1.kollektoren em {color:#f99c1c !important;}


#seiteninhalt div.text h2 {font-size:12px;width:565px;padding-left:0;}
#seiteninhalt div.text.products h2 {width:558px;padding:0;}
#seiteninhalt div.text h2.news {border:solid #ddd;border-width:1px 0 0 0;padding-top:10px;}
#seiteninhalt div.text p+h2 {margin-top:20px;}

#seiteninhalt div.text.products h2,
#seiteninhalt div.text.products h2 em a {padding-left:7px;}

#seiteninhalt div.text.products h2 {margin-left:15px;}
#seiteninhalt div.text.products h2 em {font-size:13px;display:block;font-style:normal;background-color:#dedede;width:200px;margin-bottom:10px;margin-left:-7px;}
#seiteninhalt div.text.products h2 em a {display:block;text-decoration:none;border:solid #f09374;border-width:0 0 0 16px;margin-left:-16px;}
#seiteninhalt div.text.products h2 em a:hover {color:#da251c;}

#seiteninhalt div.text.products p {margin-left:23px;}
#seiteninhalt div.text.products ul li {background:url(/i/listen/square4.gif) 3px 6px no-repeat transparent;padding-left:23px;}

#seiteninhalt div.text ul.links li a {display:block;text-decoration:none;color:#000;background-color:#dedede !important;border:solid #df957a;border-width:0 0 0 17px;width:542px !important;padding:1px 3px;}


/* ~~~ PARAGRAPHS ~~~ */
#seiteninhalt div.text div.img .legend {margin-bottom:10px;}
#seiteninhalt div.text div.img p.legend {}

/* ~~~ LISTS ~~~ */
#seiteninhalt div.text ul,
#seiteninhalt div.text ol {list-style:none outside;/*float:none;clear:left !important;*/margin-left:0;}

#seiteninhalt div.text ul.square3 {}
#seiteninhalt div.text ul.dash {}
#seiteninhalt div.text ul.links {margin-top:30px !important;}
#seiteninhalt div.text div.img ul.links {width:200px !important;margin-top:0 !important;}
#seiteninhalt div.text ul.awards {}

#seiteninhalt ul.error-messages {margin-left:0;}
#seiteninhalt label.error,
#seiteninhalt ul.error-messages li {font-weight:bold;color:#da251d;}
#seiteninhalt ul.error-messages li {padding:0;}

/*
#seiteninhalt div.text ol li,
#seiteninhalt div.text ul li {float:none !important;width:319px !important;margin-left:26px;}
*/
#seiteninhalt div.text.imgleft ul,
#seiteninhalt div.text.imgright ul {width:345px !important;}

#seiteninhalt div.text.imgleft ul.square3 {margin-left:220px;}
#seiteninhalt div.text.imgright ul {clear:left !important;}

#seiteninhalt div.text.imgleft ol li,
#seiteninhalt div.text ul li {padding-left:0;}

#seiteninhalt div.text.imgleft ul li,
#seiteninhalt div.text.imgright ul li {width:345px;}

#seiteninhalt div.text ul.square3 li {padding-left:20px !important;}
#seiteninhalt div.text ul.dash li {background:url(/i/listen/dash.gif) 0 0 no-repeat transparent;padding-left:10px !important;}
#seiteninhalt div.text ul.links li {}
#seiteninhalt div.text div.img ul.links li {font-style:normal;}
#seiteninhalt div.text ul.awards li {display:block;float:left;text-align:center;width:260px !important;min-height:140px;height:auto !important;height:140px;padding:10px;}

#seiteninhalt div.text.products ul li {width:330px !important;}
#seiteninhalt div.text.products ul.credits {position:absolute;right:-380px;top:-3px;width:152px !important;margin:0;}
#seiteninhalt div.text.products ul.credits li {display:block;text-align:right;background:none;width:auto !important;padding-left:0;}
#seiteninhalt div.text.products ul.credits li img {width:auto !important;}


/* ~~~ IMAGES ~~~ */
#seiteninhalt div.text div.img img {width:auto;margin-top:10px;padding-bottom:5px;}
#seiteninhalt div.text ul.awards li img {width:auto;padding:10px;}

/* ~~~ ANCHORS ~~~ */
#seiteninhalt div.text ul li a {display:inline;text-decoration:underline;color:#000 !important;border:0;background:none !important;padding:0;margin:0;}
#seiteninhalt div.text ul li a:hover {text-decoration:none;}

#seiteninhalt div.text ul.links li a {display:block;text-decoration:none;color:#000;background-color:#dedede !important;border:solid #df957a;border-width:0 0 0 17px;width:542px !important;padding:1px 3px;}

#seiteninhalt div.text.imgleft ul.links li a,
#seiteninhalt div.text.imgright ul.links li a {width:322px !important;}

#seiteninhalt div.text ul.links li a:hover {color:#da251c !important;}

#seiteninhalt a.prominent {display:block;font-size:22px;text-decoration:none;text-align:center;color:#fff;border:1px solid #da251c;background-color:#da251c;margin-top:30px;padding:15px 10px;}
#seiteninhalt a.prominent:hover {color:#da251c;background-color:#fff;}

/* ~~~ MISCELLANEOUS ~~~ */
/* wär schön wenn eins (am besten "br") davon raus könnte */
/*#seiteninhalt div.text br {float:none !important;clear:both !important;}*/
#seiteninhalt div.text br.wrapper {clear:both;float:none;}
#seiteninhalt div.text br.clear-all {clear:left;}





/* muss sortiert werden */
#seiteninhalt div.text h2,
#seiteninhalt div.text h3,
#seiteninhalt div.text h4,
#seiteninhalt div.text p {padding-right:0;padding-left:0;}

#seiteninhalt div.text h2.gray {float:none;width:555px;padding-right:5px;padding-left:5px;}

#seiteninhalt div.text.imgright h3 {float:left;clear:none;width:330px;}
#seiteninhalt div.text h3.square3 {clear:none;padding-left:15px;}

#seiteninhalt div.text.imgleft h2,
#seiteninhalt div.text.imgleft h4,
#seiteninhalt div.text.imgleft p {float:right;clear:right;}

#seiteninhalt div.text.imgright h2,
#seiteninhalt div.text.imgright h4,
#seiteninhalt div.text.imgright p {float:left;clear:left;}

#seiteninhalt div.text.regional h2,
#seiteninhalt div.text.regional p {clear:none;}

#seiteninhalt div.text div.teaser h2,
#seiteninhalt div.text div.teaser ul.square3 {width:335px;}
#seiteninhalt div.text div.teaser ul.square3 li {width:309px !important;}

#seiteninhalt div.text.imgright ul ul.dash {width:330px !important;margin-top:10px;}
#seiteninhalt div.text.imgright ul ul.dash li {background:url(/i/listen/dash.gif) 0 0 no-repeat transparent;width:auto !important;padding-left:10px !important;}


#seiteninhalt div.text.regional p {float:none;width:auto;}

#seiteninhalt div.text.regional h2 {float:left;}



#seiteninhalt div.text.wrapper {float:none !important;clear:both !important;}

/* Listen */
#seiteninhalt ul.links.regional {position:absolute;left:635px;top:188px;width:200px;}

#seiteninhalt ul.links.regional * {}
#seiteninhalt ul.links.regional li {display:inline;float:left;margin-bottom:1px;}
#seiteninhalt ul.links.regional li.last {margin-bottom:0;}
#seiteninhalt ul.links.regional li a {display:block;float:left;clear:left;width:176px;margin-bottom:0;}

#seiteninhalt div.text ul {clear:both;width:565px;margin-bottom:20px;}
#seiteninhalt div.text.imgleft ul,
#seiteninhalt div.text.imgright ul {clear:none;}

#seiteninhalt div.text ul.links {}
#seiteninhalt div.text ul.links.download {}

#seiteninhalt div.text div.img ul.legend {font-style:normal;margin-left:0;}
#seiteninhalt div.text div.img ul.legend.sidebyside {float:left;clear:none;width:250px !important;margin-right:10px;}

#seiteninhalt div.text ul li {width:539px !important;margin-left:0;}
#seiteninhalt div.text.imgleft ul.square3 li,
#seiteninhalt div.text.imgright ul.square3 li {width:319px !important;}
#seiteninhalt div.text ul.square3 li * {float:none;}

#seiteninhalt div.text div.img ul.legend li {padding-left:0;}
#seiteninhalt div.text div.img ul.legend.sidebyside li {width:250px;margin-left:0;}

#seiteninhalt div.text.imgright ul {width:329px;margin-right:0;}
#seiteninhalt div.text.imgright ul li {padding-left:0;width:auto;}
* html #seiteninhalt div.text.imgright ul li {float:none;}

/* Tabellen */
#seiteninhalt div.text table {}
#seiteninhalt div.text table.list {}
#seiteninhalt div.text table.list.download {}

#seiteninhalt div.text table.list.download th,
#seiteninhalt div.text table.list.download td {text-align:left;}

#seiteninhalt div.text table.list.download .filetype {text-align:center;width:48px;}
#seiteninhalt div.text table.list.download .filename {width:auto;}
#seiteninhalt div.text table.list.download .description {width:185px;}
#seiteninhalt div.text table.list.download .filesize {text-align:right;width:76px;}
#seiteninhalt div.text table.list.download .date {text-align:right;width:76px;}

#seiteninhalt div.text table .filetype img {width:auto;}

/* Links */
#seiteninhalt div.text a {display:inline;float:none !important;text-decoration:underline;background-color:transparent;border:0;margin:0;padding:0;width:auto;}
#seiteninhalt div.text div.img a {}
#seiteninhalt div.text.cols-2 ul.links li a {width:250px;}
#seiteninhalt div.text div.img ul.links li a {width:200px !important;}

#seiteninhalt div.text a:hover {text-decoration:none;color:#000;background-color:transparent;}
#seiteninhalt div.text ul li a:hover {font-weight:normal;color:#DA251D;background-color:#dedede;border-color:#DF957A;}

/* Spans */
#seiteninhalt div.text ul li span.num {float:none;font-weight:bold;margin-right:5px;}

/* Miscellaneous */
#seiteninhalt div.text sub,
#seiteninhalt div.text sup {display:inline;float:none !important;clear:none;line-height:0;}
#seiteninhalt div.text strong {float:none !important;}
#seiteninhalt div.text br.wrapper {float:none !important;clear:both !important;font-size:1% !important;line-height:0 !important;height:1px;margin:0 !important;padding:0 !important;}

/* Forms */
#seiteninhalt form#imagetool {width:345px;}
#seiteninhalt fieldset {}
#seiteninhalt form#imagetool legend {font-size:14px;font-weight:bold;color:#000;margin-bottom:10px;}

#seiteninhalt form#imagetool fieldset.radio label {display:block;float:left;font-size:12px;background-color:transparent;}
#seiteninhalt form#imagetool fieldset.radio label span.description {display:block;float:left;width:140px;border:1px solid #999;margin-top:5px;margin-bottom:10px;}
#seiteninhalt form#imagetool fieldset.radio label span.description img {vertical-align:middle;}

#seiteninhalt form#imagetool input.radio {display:inline;float:left;clear:left;}

/* Startseite Video */
div.video {overflow:hidden;width:200px;margin-bottom:20px;margin-left:40px;margin-top:112px;padding-bottom:4px;}

div.video * {display:inline !important;border:0 !important;background:none !important;width:auto !important;margin:0 !important;padding:0 !important;}

div.video a img {}

div.video ul {}
div.video ul li {font-size:11px !important;width:64px !important;}
div.video ul li a {}

/* ~~~ Ende Neue Anordnung ~~~ */