html, body {
 margin: 0;
 padding: 0;
 }

body {
 padding: 4px;
 }
 
/* allgemeine formate */

h1, h2, h3, p, li, th, td {
 font: 12px Arial, Helvetica, Sans-serif;
 }
 
h1, h2, h3 {
 font-weight: bold;
 }
 
p.more {
 text-align: right;
 }
 
.brand {
 font-weight: bold;
 font-style: italic;
 }
 
input.button {
 color: #58595D;
 background-color: #E6E7E9;
 border-width: 1px;
 padding: 0 3px;
 }


/* kopfbereich ------------------ */

#headcontainer {
 height: 100px;
 width: 986px;
 margin: 0;
 border-bottom: 2px solid #FFF;
 padding: 0;
 }
 
#headcontainer img.logo {
 float: left;
 width: 177px;
 margin-left: -4px; /* fuer IE5.5 und kleiner */
 }

/* fuer moderne Browser */
#head\container img.logo {
 margin-left: 0;
 }
 
#metanavi {
 float: right;
 width: 177px;
 }
 
#metanavi a, #metanavi span {
 background-color: #E6E6E6;
 border-bottom: 1px solid #FFF;
 display: block;
 }

#metanavi a:hover {
 background-color: #FFF;
 }
 
#search {
 height: 21px;
 background: #E6E6E6 url(/welt/img/bas/icon_suche.gif) no-repeat 6px 50%;
 margin: 0;
 padding: 3px 0 0 27px;
 }

#search input {
 margin-right: 5px;
 font-size: 10px;
 }
 
#search input.button {
 color: #FFF;
 background-color: #949599;
 border-color: #949599;
 }
 
#animcontainer {
 margin: 0 0 0 181px;
 padding: 0;
 }


/* hauptnavigation -------------- */

#navcontainer {
 width: 624px;
 margin: 0;
 border-right: 177px solid #969696;
 border-left: 177px solid #008FCB;
 padding: 0 4px;
 }
 
#navi {
 width: 624px;
 background-color: #959595;
 margin: 0;
 padding: 0;
 }
 
#navi td {
 border-right: 1px solid #FFF;
 text-align: center;
 text-transform: uppercase;
 }
 
#navi td span {
 text-transform: none;
 }

#navi #menu-fu {
 border: 0 none;
 }
 
#navi a {
 color: #FFF;
 padding: 3px 10px 2px 10px;
 text-decoration: none;
 display: block;
 }
 
/* farbangaben */

#menu-ew a:hover {
 background-color: #926AA7;
 }
 
#menu-ra a:hover {
 background-color: #F39D38;
 }
 
#menu-re a:hover {
 background-color: #36A970;
 }
 
#menu-sp a:hover {
 background-color: #16AECF;
 }
 
#menu-ec a:hover {
 background-color: #90B84c;
 }
 
#menu-fu a:hover {
 background-color: #C95474;
 }


/* inhaltscontainer ------------- */
 
#bodycontainer {
 width: 986px;
 background-color: #E6F6F9;
 margin-top: 2px;
 }
 
#bodycontainer h1 {
 margin: 0 0 5px 0;
 padding: 0 8px;
 }

#bodycontainer h2 {
 margin: 0 0 10px 0;
 padding: 0 8px;
 }
 
#bodycontainer h3 {
 margin: 0 0 10px 0;
 padding: 0;
 }
 
#bodycontainer p {
 margin: 5px 0 0 0;
 padding: 0;
 }
 
#bodycontainer a {
 color: #FFF;
 }
 
#bodycontainer a:hover {
 text-decoration: underline;
 }

/* vor IE5 und kleiner verstecken */
#bodycontainer p.more a/* */ {
 background: transparent url(/welt/img/bas/icon_more_i.gif) no-repeat 100% 55%;
 padding-right: 15px;
 }
 
 
/* inhaltsbereich --------------- */

#content {
 border-left: 4px solid #FFF;
 border-right: 4px solid #FFF;
 padding-bottom: 10px;
 }
 
#content p,
#content a,
#content td {
 color: #5A5A5A;
 }

#content div.opener,
#content div.cols {
 margin: 0 0 10px 0;
 padding: 0;
 }
 
#content div.opener {
 width: 624px;
 color: #FFF;
 background-color: #0C8CC5;
 margin-top: 23px;
 border-bottom: 2px solid #FFF;
 }
 
#content div.opener h1,
#content div.opener p {
 color: #FFF;
 padding: 0 8px;
 }
 
#content div.opener h1 {
 color: #FFF;
 margin-top: 10px;
 font-size: 24px;
 }
 
#content div.opener img {
 display: block;
 }
 
#content div.cols h3 {
 color: #0C8CC5;
 }

#content div.cols td {
 background-color: #CAECFB;
 border-bottom: 2px solid #FFF;
 padding: 10px 8px;
 }
 
#content div.two td {
 width: 50%;
 }
 
#content div.cols .left {
 border-right: 2px solid #E6F6F9;
 }
 
#content div.cols .right {
 border-left: 2px solid #E6F6F9;
 }
 
#content img.float-left {
 float: left;
 margin: 0 8px 8px 0;
 }
 
#content img.float-right {
 float: right;
 margin: 0 0 8px 8px;
 }
 
#content a {
 color: #0C8CC5;
 }

/* vor IE5 und kleiner verstecken */
#content p.more a/* */ {
 background-image: url(/welt/img/bas/icon_more.gif);
 }
 
#content div.clearer {
 clear: left;
 height: 0;
 line-height: 0;
 }


/* eventbereich ----------------- */

#events {
 padding-bottom: 10px;
 }
 
#events div {
 color: #FFF;
 background-color: #0C8CC5;
 border-bottom: 2px solid #FFF;
 padding: 10px 8px;
 }

#events h2 {
 color: #0C8CC5;
 margin: 0;
 padding-top: 8px;
 }
 
#events h3 {
 color: #E6F6F9;
 }
 
#events div img {
 margin-bottom: 5px;
 }


/* interaktionsbereich ---------- */

#action,
#endorsement {
 background-color: #E6E6E6;
 }
 
#action .form h2,
#action .bait h2 {
 color: #959595;
 margin: 8px 0 0 0;
 }
 
#action div {
 border-bottom: 2px solid #FFF;
 }
 
#action .form form,
#action .form div,
#action .teaser {
 color: #FFF;
 background-color: #959595;
 margin: 0;
 border: 0 none;
 padding: 5px 8px;
 }
 
#action form input {
 margin-right: 4px;
 font-size: 10px;
 }
 
#action form table {
 width: 90%;
 margin: 5px 0;
 }
#act\ion form table {
 width: 100%;
 }
 
#action form td {
 color: #828387;
 background-color: #E6E6E6;
 vertical-align: top;
 font-size: 11px;
 }
 
#action form .poll td {
 border-bottom: 2px solid #959595;
 padding: 2px 0 0 0;
 }
 
#action form .rating td {
 padding: 0;
 text-align: center;
 }
 
#action form .rating td input {
 margin: 0 0 1px 0;
 }
 
#action form .poll td.text {
 padding: 4px 2px;
 }
 
#action form .rating td.text {
 padding: 2px 0 0 0;
 }
 
#action form td.legend {
 text-align: right;
 }
#action form td table {
 margin: 4px;
 }
 
#action form .poll td td {
 border: 0 none;
 padding: 0;
 }

#action form p {
 margin: 0 0 2px 0;
 }

#action p, #action h3 {
 font-size: 11px;
 }
 
#action form p.button {
 text-align: center;
 }
 
#action form p.remark {
 font-size: 11px;
 margin-bottom: 5px;
 }
 
#action .bait img {
 display: block;
 }
 
#action .teaser {
 margin-top: 10px;
 }

#action .enviam-card {
 background-color: #EFF8E3;
 color: #91B84D;
}

#action .enviam-card a{
 color: #91B84D;
}

#action .enviam-card .more a{
 background: transparent url(/welt/img/bas/icon_more_ec.gif) no-repeat 100% 55%;
}

#action .energie-wissen {
 color: #926AA7;
 background-color: #F3ECF7;
}

#action .energie-wissen a{
 color: #926AA7;
}

#action .energie-wissen .more a{
 background: transparent url(/welt/img/bas/icon_more_ew.gif) no-repeat 100% 55%;
}

#action .ratgeber {
 color: #F39D38;
 background-color: #FDF1E3;
}

#action .ratgeber a{
 color: #F39D38;
}

#action .ratgeber .more a{
 background: transparent url(/welt/img/bas/icon_more_ra.gif) no-repeat 100% 55%;
}

#action .regional {
 color: #36A970;
 background-color: #E9F6EF;
}

#action .regional a{
 color: #36A970;
}
#action .regional .more a{
 background: transparent url(/welt/img/bas/icon_more_re.gif) no-repeat 100% 55%;
}

#action .sport {
 color: #17ADCE;
 background-color: #E7F6F9;
}

#action .sport a{
 color: #17ADCE;
}

#action .sport .more a{
 background: transparent url(/welt/img/bas/icon_more_sp.gif) no-repeat 100% 55%;
}
#action .fun {
 color: #CA5474;
 background-color: #F8ECF0;
}

#action .fun a{
 color: #CA5474;
}

#action .fun .more a{
 background: transparent url(/welt/img/bas/icon_more_fu.gif) no-repeat 100% 55%;
}
#action .startseite {
 color: #0C8CC5;
 background-color: #E6F6F9;
}

#action .startseite a{
 color: #0C8CC5;
}

#action .startseite .more a{
 background: transparent url(/welt/img/bas/icon_more.gif) no-repeat 100% 55%;
}

#endorsement div {
 background-color: #FFF;
 padding: 10px 0 10px 0;
 text-align: center;
 }