body { padding: 0; margin: 0; font-size: 12px; font-family: tahoma, sans-serif; letter-spacing: 1px; line-height: 160%; background: #cdcdcd; color: #454545; }
div { text-align: left; }
#oben { position: absolute; }
#container { width: 780px; padding: 0 25px 5px 25px; background: url(../images/bg.gif) 100% 100% no-repeat #fff; margin-left: auto; margin-right: auto; text-align:center; position:absolute; left:50%; margin-left:-365px; }
* html container { width: 730px; } 
#header { margin: 0 -24px 0 -24px; padding: 22px 24px 0px 24px; height: 20px; background: url(../images/header_bg.gif) repeat-x; }
#logo { margin-left:50px; padding-top:30px; }
#top { background: url(../images/top_beratungsstelle.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top0 { background: url(../images/top.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top1 {background: url(../images/top_aids-bera-team.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top2 {background: url(../images/top_bera1.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top3 {background: url(../images/top_bera2.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top4 {background: url(../images/top_lesbenberatung.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top5 {background: url(../images/top_youthwork.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top6 {background: url(../images/top_herzenslust.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top7 {background: url(../images/top_youthwork2.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top7b {background: url(../images/top_schlau.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top8 {background: url(../images/top_spenden.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }
#top9 {background: url(../images/top_jugendberatung.jpg) top right no-repeat #ffffff; height: 200px; clear: both; }

#body { clear: both; margin-bottom: 15px; margin-top: 20px; float: left; width: 61%}
#bodyre { margin-bottom: 15px; margin-top: 20px; float: left; width: 37%; border:1px solid #ffd917; background:#ffffff; }
#footer { border-top: 1px solid #eee; clear: both; padding: 5px 0 0 10px; }
div.block, div.blockDistinct { padding: 20px; padding-bottom: 3px; padding-top: 8px; width: 90% }
div.blockDistinct { padding: 8px 8px; width: auto;}
h1, h2 { margin: 0; margin-bottom: 20px; padding: 0; font-weight: bold; font-size: 25px; }
#top h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
h2 { font-size: 16px; color: #000; }
h3 { font-size: 14px; margin: 15px 0px 5px 0px;}
#bodyre { font-size: 11px; }
#bodyre h2 { font-size: 15px; }
#bodyre h3 { font-size: 13px; margin-top: 5px; } 
p {	margin: 0; margin-bottom: 10px; }
p.right { text-align: right; }
#footer p {	clear: both; color: #c0c0c0; font-size: 11px; }
form { margin: 0; }
fieldset { padding: 0; border: 0; }
legend { display: none; }
input { border: 1px solid #c0c0c0; color: #454545; font-size: 11px; letter-spacing: 1px; }
input.searchText { width: 150px; height: 13px; }
input.searchSubmit { color: #0094C9; background: #fff; letter-spacing: 1px;	border: 1px solid #fff;	font-size: 12px; width: 55px; height: 19px; margin: 0; padding: 0; }
#footer ul, #bar ul { margin: 0; padding : 0; list-style : none; position:relative; }

/* MENU */
#container-menu { width:100%; position:relative; background:#ffd917; border-bottom:1px solid #ffffff; }
#bar { clear: both; height: 50px; background:#ffd917; }
#bar li { margin: 0; padding: 0;border-right: 1px solid #fff; float: left; }
#bar a { display: block;  padding-top: 6px; padding-bottom: 6px;	padding-left: 10px; padding-right: 10px; }
#bar li ul { margin:0px; padding:0px; list-style:none; float:left; position:absolute; visibility:hidden; left:0px; }
#bar li:hover, #bar .activelink li, #bar .activelink, #bar .activelink a:link, #bar .activelink a:visited { background:#ff5189; color:#fff; }
#bar li:hover a, #bar .activelink li a { color:#fff; }
#ebene2 ul { margin-left:0px; padding-left:0px; }
#ebene2 li { float:left; list-style:none; padding:0 20px; border-right:1px solid #545454; }
#ebene2 li a { color:#ff5189; font-weight:none;  } 
#ebene2 li a:hover, #ebene2 .activelink2, #ebene2 .activelink2 a:link, #ebene2 .activelink2 a { color:#545454; font-weight:bold; }
/* END MENU */

#footer li { float: left; padding: 0; height: 15px;	vertical-align: middle;	padding-right: 25px;	font-size: 11px; }
a:link, a:active, a:visited { text-decoration: none; }
a:link, a:active { color: #ff5189; }
a:visited { color: #ff5189; }
#body a, #bodyre a { padding: 1px 0px 1px 2px; }
#body a:hover, #bodyre a:hover { background-color: #ff5189; color: #FFF; }
#bodyre a.bildlink:hover { background: none; }

.right a { font-size:11px;}
#bar a:link, #bar a:active, #bar a:visited { color: #000; }
a img { border: 0; }
a img:active { border: 0; }
span.highlight { color: #0094C9; }
span.hide { display: none; }
span.underline { text-decoration: underline; }
#submenu { margin: -5px 0 15px 30px; text-align: left; width: 600px; position: absolute;}
#submenuspacer { height: 30px; }
table { margin: 5px 0px 15px 0px;}
small, td { line-height: 110%; }
th, td { border-bottom: 1px solid #eee; padding: 6px 10px;}
th { border-top: 1px solid #eee;}
#shortcut { color: #737373; font-size: 10px;}
optgroup { font-size: 10px; background-color: #eee;}
optgroup option { background-color: #fff;}
.floatleft { float:left; margin: 5px 20px 0px 0px; }
.centered { display: block; margin-left: auto; margin-right: auto; margin-top:15px;}
address {font-style: normal; margin-left: 2px; border-left: 5px solid #eee; padding-left: 8px;}