/* ### Energieportal24.de Suchergebnisse CSS ### */


/*

body {
width: 727px;
margin: 0;
padding: 0;
}


div {
border: 1px solid red;
}
*/

div.cleardiv {
clear: both;
}

div#suchergebnisse {
width: 727px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12px;
text-align: left;
}

div#suchergebnisse a:link, div#suchergebnisse a:visited, div#suchergebnisse a:active, div#suchergebnisse a img {
color: #077dc3;
text-decoration: underline;
border: 0;
}
div#suchergebnisse a:hover {
color: #000000;
text-decoration: none;
}

div#suchergebnisse h2.blautitel {
color: #077dc3;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px 10px;
}

div#vierfelder-oben {
margin-bottom: 40px;
}

div#box-wissensbereich {
width: 390px;
height: 140px;
float: left;
margin: 0 16px 25px 0;
background-image: url(../images/box-wissensbereich.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#box-wissensbereich ul{
margin: 60px 0 0 200px;
padding: 0; 
}
div#box-wissensbereich ul li{
margin: 0;
padding: 0;
list-style-type: none; 
}

div#box-enerlix {
width: 320px;
height: 140px;
float: left;
margin: 0 0 25px 0;
background-image: url(../images/box-enerlix.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#box-enerlix ul{
margin: 60px 0 0 150px;
padding: 0; 
}
div#box-enerlix ul li{
margin: 0;
padding: 0;
list-style-type: none; 
}


div#box-suche {
width: 390px;
height: 140px;
float: left;
margin: 0 16px 0 0;
background-image: url(../images/box-suchfeld.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#box-suche small {
margin-left: 10px;
color: #077dc3;
font-size: 10px;
}

div#box-suche form#suchformular {
margin: 10px 0 0 10px;
}

form#suchformular td#tablecell-suchfeld {
width: 265px;
height: 41px;
vertical-align: middle;
background-image: url(../images/input-suchfeld.png);
background-repeat: no-repeat;
background-position: left top;
}

form#suchformular input#suchformular-suchfeld {
width: 230px;
height: 20px;
border: 0;
font-size: 15px;
margin-left: 10px;
background-color: transparent;
}

form#suchformular input#suchformular-button {
width: 105px;
height: 41px;
border: 0;
font-size: 18px;
background-color: transparent;
background-image: url(../images/button-suchen.png);
background-repeat: no-repeat;
background-position: left top;
}

form#suchformular select#suchformular-dropdown {
width: 255px;
height: 20px;
border: 0;
margin-top: 5px;
font-size: 12px;
background-color: transparent;
background-image: url(../images/input-dropdownlist.png);
background-repeat: no-repeat;
background-position: left top;
}


div#box-empfehlungen {
width: 320px;
height: 140px;
float:left;
text-align: center;
background-image: url(../images/box-empfehlungen.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-top: 10px;
}

div#box-uebersicht {
width: 727px;
min-height: 273px;
margin-bottom: 40px;
background-image: url(../images/box-uebersicht.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#box-uebersicht p.intro {
margin: 10px 0 20px 10px;
}

div#box-uebersicht p.uebersicht-bereich {
height: 50px;
margin: 0 0 20px 20px;
padding: 0;
}
div#box-uebersicht p.uebersicht-bereich img {
float: left;
margin-right: 20px;
}


div#box-werbeergebnisse {
width: 80%;
margin: 0 10% 40px 10%;
}

div#box-werbeergebnisse h2{
color: #077dc3;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px 0;
}

div#box-werbeergebnisse h2 span {
color: #000000;
}
div#box-werbeergebnisse p {
text-align: center;
}

div#werbeergebnisse-links {
width: 45%;
float: left;
margin-right: 10%;
}

div#werbeergebnisse-rechts {
width: 45%;
float: left;
}


div#box-marktplatz {
width: 100%;
margin-bottom: 40px;
}

div#marktplatz-legende {
width: 100%;
min-height: 105px;
background-image: url(../images/box-marktplatz-legende.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#marktplatz-legende table {
text-align: left;
width: 85%;
margin: 5px auto 0 auto;
}

div#marktplatz-legende table td {
vertical-align: top;
}

div#marktplatz-legende table td p {
margin: 6px 0 6px 0;
}

div#marktplatz-eintraege {
width: 710px;
margin: 0 auto 20px auto;
}

div.marktplatz-eintrag {
margin-bottom: 30px;
}

div.marktplatz-eintrag a div.bewertung-thumbsup {
width: 100%;
height: 46px;
background-image: url(../images/icon-thumbsup.png);
background-repeat: no-repeat;
background-position: center top;
}
div.marktplatz-eintrag a:hover div.bewertung-thumbsup {
width: ;
height: ;
background-image: url(images/icon-thumbsup.png);
background-repeat: no-repeat;
background-position: center -46px;
}

div.marktplatz-eintrag table td {
vertical-align: top;
}

div.marktplatz-eintrag  h4.eintragstitel {
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;
display: block;
width: 90%;
}

div.marktplatz-eintrag p.eintragstext {
width: 90%;
}

div.marktplatz-eintrag span.empfehlung, div.marktplatz-eintrag span.klicks, div.marktplatz-eintrag span.kommentare {
font-size: 11px;
font-style: italic;
margin-right: 20px;
}

div.marktplatz-eintrag span.eintragsicons {
width: 100%;
display: block;
margin-bottom: 15px;
}

div.marktplatz-eintrag td.eintrag-logo-feld img {
max-width: 120px;
height: auto;
}

div.marktplatz-eintrag a.eintrag-details {
display: block;
width: 143px;
height: 22px;
line-height: 22px;
margin-bottom: 3px;
text-align: center;
background-image: url(../images/button-eintrag-details.png);
background-repeat: no-repeat;
background-position: left top;
}

div#box-wissen {
margin-bottom: 40px;
}

div#wissen-spalten {
width: 100%;
min-height: 620px;
margin-bottom: 20px;
background-image: url(../images/box-wissenseintraege.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#wissen-spalten h3 {
color: #000000;
width: 90%;
height: 55px;
margin: 0 0 20px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}
div#wissen-spalten h3 span {
color: #077dc3;
}

div#wissen-spalten h4 {
color: #000000;
font-size: 12px;
font-weight: bold;
}

div#wissen-spalte-links {
float: left;
width: 235px;
margin: 0 38px 0 10px;
}
div#wissen-spalte-links-1 {
float: left;
width: 62px;
margin-right: 5px;
text-align: center;
}
div#wissen-spalte-links-1 img {
margin-bottom: 15px;
}
div#wissen-spalte-links-2 {
float: left;
width: 165px;
}

div#wissen-spalte-rechts {
float: left;
width: 435px;
}

div#wissen-spalte-rechts table {
width: 100%;
}

div#wissen-spalte-rechts table td {
width: 50%;
vertical-align: top;
}

div#wissen-spalte-rechts table td * {
width: 90%;
}

div#wissen-spalte-rechts ul {
margin: 0;
padding: 0;
list-style-type: none;
color: #077dc3;
}

div#wissen-spalte-rechts ul li {
margin: 0;
padding:0 0 0 10px;
color: #000000;
background-image: url(http://www.energieportal24.de/images3/pix_klein_blau.gif);
background-repeat: no-repeat;
background-position: left 4px;
}


div#box-eintragerstellen {
width: 100%;
margin-bottom: 40px;
}

div#eintragerstellen-spalten {
width: 100%;
margin: 20px 0 20px 0;
min-height: 410px;
background-image: url(../images/box-eintrag-erstellen.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#eintragerstellen-links {
float: left;
width: 350px;
margin-left: 10px;
margin-right: 20px;
}

div#box-eintragerstellen p.intro {
margin: 10px 0 20px 10px;
}

div#box-eintragerstellen p.eintragerstellen-bereich {
width: 300px;
height: 50px;
margin: 0 0 20px 40px;
padding: 0;
}
div#box-eintragerstellen p.eintragerstellen-bereich img {
float: left;
margin-right: 20px;
}

div#eintragerstellen-rechts {
float: left;
width: 320px;
}

div#eintragerstellen-rechts td {
padding: 1px 0 1px 0;
vertical-align: middle;
}

div#eintragerstellen-rechts label {
font-size: 12px;
font-weight: bold;
text-align: right;
width: 80px;
display: block;
}

.blabla {
width: 250px !important;
height: 27px !important;
padding: 0 !important;
margin: 0 !important;
background-image: url(../images/input-formularfeld.png) !important;
background-repeat: no-repeat !important;
background-position: 15px center !important;
}
.blatext {
width: 250px !important;
height: 160px !important;
padding: 0 !important;
margin: 0 !important;
background-image: url(../images/input-textarea.png) !important;
background-repeat: no-repeat !important;
background-position: 15px 5px !important;
}

input#u_name_9999999996, input#u_email_9999999996, input#u_title_9999999996 {
width: 230px !important;
font-size: 14px;
font-weight: normal;
height: 20px;
margin-top: 5px;
border: 1px solid #ccc;
background: white url(../images/input-bg.png) repeat-x top left !important;
background-attachment: fixed;
}

input#captcha_9999999996 {
font-size: 14px;
font-weight: normal;
width: 140px !important;
height: 20px;
margin-top: 2px;
border: 1px solid #ccc;
background: white url(../images/input-bg.png) repeat-x top left !important;
background-attachment: fixed;
}

div#eintragerstellen-rechts select {
font-size: 12px;
font-weight: normal;
width: 230px !important;
height: 20px;
margin-top: 5px;
border: 1px solid #ccc;
background: white url(../images/input-bg.png) repeat-x top left !important;
background-attachment: fixed;
}

form#eintragerstellen-formular input.submitbutton {
font-size: 14px;
font-weight: bold;
width: 175px;
height: 20px;
margin-top: 5px;
border: 0;
background-color: transparent;
background-image: url(../images/button-absenden.png);
background-repeat: no-repeat;
background-position: left top;
}

textarea#u_text_9999999996 {
width: 225px !important;
height: 145px;
margin-top: 5px;
border: 1px solid #ccc;
background: white url(../images/input-bg.png) repeat-x bottom left !important;
background-attachment: fixed;
}

div#box-aktuellste-eintraege {
width: 100%;
margin: 10% 0 10% 10%;
}

div#box-aktuellste-eintraege h3 {
font-size: 16px;
font-weight: bold;
color: #000000;
}

div#box-verweise {
width: 100%;
min-height: 150px;
margin-bottom: 50px;
background-image: url(../images/box-verweise.png);
background-repeat: no-repeat;
background-position: center bottom;
color:#333333;
}

div#box-verweise-inhalt {
margin-left: 10px;
}

div.titelleiste-blau {
width: 100%;
height: 47px;
background-image: url(../images/bereich-titelleiste.png);
background-repeat: no-repeat;
background-position: center top;
color: #ffffff;
cursor: pointer;
}

div.titelleiste-links {
width: 560px;
margin-left: 10px;
float: left;
line-height: 47px;
font-size: 18px;
font-weight: bold;
}
div.titelleiste-rechts {
width: 125px;
float: left;
text-align: center;
line-height: 47px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}

div.box-neuesuche {
width: 100%;
height: 47px;
margin-top: 10px;
margin-bottom: 40px;
background-image: url(../images/box-duennesuche.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div.box-neuesuche form.formular-neuesuche {
width: 100%;
height: 28px;
margin-left: 10px;
}
div.box-neuesuche form.formular-neuesuche table {
margin-top: 5px;
}
div.box-neuesuche form.formular-neuesuche table td {
vertical-align: middle;
height: 28px;
}
div.box-neuesuche form.formular-neuesuche table td.suchfeld {
width: 529px;
background-image: url(../images/input-neuesuche.png);
background-repeat: no-repeat;
background-position: left center;
}

div.box-neuesuche form.formular-neuesuche input.neuesuche-suchfeld {
width: 515px;
height: 20px;
margin-left: 5px;
font-size: 16px;
border: 0;
background-color: transparent;
}

div.box-neuesuche form.formular-neuesuche input.neuesuche-button {
width: 176px;
height: 28px;
font-size: 15px;
font-weight: bold;
border: 0;
background-color: transparent;
background-image: url(../images/button-neuesuche.png);
background-repeat: no-repeat;
background-position: left center;
}

div.eintraege-mehr {
width: 100%;
margin-top: 20px;
margin: 0 auto 0 auto;
}
div.eintraege-mehr-links {
float: left;
width: 70%;
text-align: left;
}

div.eintraege-mehr-links a {
font-size: 16px;
font-weight: bold;
line-height: 41px;
}
div.eintraege-mehr-rechts {
float: left;
width: 30%;
text-align: right;
}