/* Suchthilfe Aachen */

html { margin: 0; padding:0; overflow-y: scroll;} 
body { 	font-size: 12px; 	font-family: Arial, Helvetica, sans-serif; 	margin: 0; padding: 0; 	background-color: #E8E1A5; 	text-align: center; background-image: url(../bilder/bg.gif); background-repeat: repeat-x; color: #38322A;  }
body#jugend { 	background-image: url(../bilder/jugend-bg.jpg); background-repeat: no-repeat; background-position: top center; }
body#essen { 	background-image: url(../bilder/essen-bg.jpg); background-repeat: no-repeat; background-position: top center; }
select, input, textarea, td, th {	font-size: 12px; 	font-family: Arial, Helvetica, sans-serif; 	}
.clr { clear: both; }
img {	border: none; }
form  { margin: 0; padding: 0; }
form br {	clear: both;}

a { 	color: #0F7ACA; }
a:focus { outline: none; }
a:hover { 	}
.klein { 	font-size: 10px; }
.fliessr { 	float: right; }
.fliessl { 	float: left; }
.marker { background-color: #FFBBFF; }

h1 { color: #0F7ACA; font-size: 20px; font-weight: normal; margin: 5px 0 12px 0; }
h2 { color: #38322A; font-size: 18px; font-weight: normal; margin: 0 0 6px 0; }
h3 { color: #38322A; font-size: 16px; ; margin: 0 0 6px 0;  }
h4 { color: #38322A; font-size: 12px; margin: 0 0 3px 0;  }
p {	margin: 0 0 12px 0;  }
ul { margin: 0 0 12px 0; }

p.mehr a { padding-left: 15px; background-image: url(../bilder/pfeil.gif); background-repeat: no-repeat; color: #38322A; font-weight: bold; text-decoration: none; border-bottom: none; }
p.mehr a:hover { text-decoration: underline; }

p.top a { padding-left: 12px; background-image: url(../bilder/top.gif); background-repeat: no-repeat;  color: #38322A; font-weight: bold; text-decoration: none; font-size: 11px; }
p.top a:hover { text-decoration: underline; }

div#container { width: 990px; margin: 0 auto; text-align: left;  }
div#wrapper { }

div#navcontainer { background-image: url(../bilder/bg-navcont.gif); background-repeat: repeat-x; height: 30px; border-left: white 1px solid; border-right: white 1px solid; margin: 0 30px; }
#navcontainer ul { padding: 0; margin: 0 0 0 15px; list-style-type: none; font-size: 13px;  }
#navcontainer li { display: inline; margin: 0; padding: 0; }
#navcontainer li a { padding: 8px 15px 6px 15px; text-decoration: none; color: white; display: block; float: left; }
#navcontainer li img { margin: 5px 0; float: left; }
#navcontainer li a:hover  {background-image: none; background-color: #594F42;  }
#navcontainer ul li.active a  { background-image: url(../bilder/bg-navcont_f2.gif); }

div#footer1 { clear: both; width: 100%; color: #534F36; font-size: 11px; background-image: url(../bilder/footer.png); background-repeat: no-repeat; background-position: bottom; text-align: center; padding: 0px 0 15px 0; }
div#footer1 a { color: #534F36; text-decoration: none; margin: 0 2px; }
div#footer1 a:hover { color: #534F36; text-decoration: underline; }
div#footer2 { clear: both; width: 100%; color: #7A7450; font-size: 11px; padding: 0; margin-bottom: 20px;  }
div#footer2 .copy { float: right; margin-right: 35px; }
div#footer2 span { padding-left: 35px; }
div#footer2 a {color: #7A7450; text-decoration: none; }
div#footer2 a:hover { text-decoration: underline; }

#wrapper {	background-image: url(../bilder/bauch.png); background-repeat: repeat-y; padding-top: 10px; }

div#contentcontainer { line-height: 1.4;}
div#startlinkespalte {	float: left; width: 300px; }
div#startlinkespalte * { margin: 0; padding: 0;}

div.trampolin { background: no-repeat url(../bilder/bg-trampolin.gif) top right; }

div#startrechtespalte {	float: right; width: 650px;  margin-right: 30px; margin-top: 11px; }

div#shbeschr { 	width: 243px; background-color: white; float: left; }
div#shbeschr h1 { margin: 0px; padding: 10px; }
div#shbeschr p { margin: 0px; padding: 0 10px 10px 10px; }

div#blog { float: left; background-color: #E9E1B8; margin-left: 20px; width: 370px; color: #38322A;  }
div#blog div { margin: 5px; border: 1px #BDAD54 dashed; }
div#blog h1 { margin: 0px; padding: 4px 10px 10px 10px; color: #38322A; }
div#blog ul { margin: 0; padding: 0 10px;  }
div#blog ul li { list-style: none; background-image: url(../bilder/blog-bullet.gif); background-repeat: no-repeat; margin: 0 0 5px 0; padding: 0 0 0 12px; }
div#blog p { margin: 0px; padding: 0 10px 10px 10px; }
div#blog a { color: #38322A; text-decoration: none;  }
div#blog a:hover { text-decoration: underline; }

div.featured { background-color: #E0DBB2; float: left; margin: 15px 20px 0 0; font-size: 11px; width: 306px; }
div.featured img { float: left; margin: 5px 10px 30px 5px; }
div.featured h2 { font-size: 11px; color: #38322A; text-transform: uppercase; margin: 10px 0 5px 0; padding: 0; letter-spacing: 1px; }
div.featured p { margin: 5px; padding: 0; }
div.fea2 { margin: 15px 0 0 0; }
div.leben { background-image: url(../bilder/sterne-startseite.gif); background-position: right bottom; background-repeat: no-repeat; }

div#nav2container { float: left; width: 156px; background-color: #EEE9CC; margin: 11px 0 0 45px; padding-bottom: 30px; background-image: url(../bilder/bg-nav2.gif); background-repeat: repeat-x; background-position: bottom; min-height: 350px; }
div#nav2container h1 {font-size: 11px; color: #38322A; margin: 0; padding: 10px 3px 5px 10px; text-transform: uppercase; }
div#nav2container ul { margin: 10px 0 90px 0px; list-style: none; padding: 0; }
div#nav2container li { 	margin: 0px; padding: 0 5px 6px 10px; }
div#nav2container li a { text-decoration: none; color: #38322A; }
div#nav2container li a:hover { color: #7A7450; }
div#nav2container li.active a { cursor: default; color: black; font-weight: bold;}
div#nav2container ul ul { margin: 0px; }
div#nav2container li.active li a { font-weight: normal; cursor: pointer; }
div#nav2container li li { 	margin: 3px 0px 3px 0px; padding: 0px 0 0px 14px;  border-bottom: none; font-weight: normal;  }
div#nav2container li.active li.active a { font-weight: bold; }
div#nav2container li li li { 	margin: 3px 0px 3px 0px; padding: 0px 0 0px 8px;  border-bottom: none; font-weight: normal;  }
div#nav2container ul ul ul { font-size: 11px; }
div#nav2container li.active li.active li a { font-weight: normal; cursor: pointer; }
div#nav2container li.active li.active li.active a { cursor: default; color: black; font-weight: bold;}

div#content { float: right; width: 400px; margin: 11px 10px 0 0px;  }
div#rechtespalte { float: right; width: 305px; margin: 11px 50px 0 0; }
div#contentfull { float: right; width: 705px; margin: 11px 60px 0 0px;  }

img.kontext { border:5px #F8F5E2 solid; }

div.kontext1 { background-color: #E9E1B8;  width: 300px; color: #38322A; padding: 5px; }
div.kontext1 div { border: 1px #BDAD54 dashed; }
div.kontext1 h1 { margin: 0px; padding: 4px 10px 10px 10px; color: #38322A; }
div.kontext1 h2 { margin: 0 0 6px 9px; }
div.kontext1 ul { margin: 0 0 12px 0; padding: 0 10px;  }
div.kontext1 ul li { list-style: none; background-image: url(../bilder/blog-bullet.gif); background-repeat: no-repeat; margin: 0 0 5px 0; padding: 0 0 0 12px; }
div.kontext1 p { margin: 0px; padding: 0 10px 10px 10px; }
div.kontext1 a { color: #38322A; text-decoration: none; border-bottom: 1px dashed #BDAD54;}
div.kontext1 a:hover { border-bottom: 1px solid #BDAD54; }
div.kontext1 p.mehr a { border-bottom: none; }

div.kontext1 ul li.essst1 { background-image: url(../bilder/list-item-essst1.gif); padding: 0 0 0 20px; }
div.kontext1 ul li.essst2 { background-image: url(../bilder/list-item-essst2.gif); padding: 0 0 0 20px; }
div.kontext1 ul li.essst3 { background-image: url(../bilder/list-item-essst3.gif); padding: 0 0 0 20px; }
div.kontext1 ul li.essst4 { background-image: url(../bilder/list-item-essst4.gif); padding: 0 0 0 20px; }

div.kontext2 { background-color: #E0DBB2; margin: 15px 20px 0 0; font-size: 11px; width: 310px; min-height: 150px; }
div.kontext2 img { float: left; margin: 5px 10px 5px 5px; }
div.kontext2 h1 { font-size: 16px; color: #7A7450; margin: 0; padding: 5px 0 0px 7px; }
div.kontext2 h2 { font-size: 11px; color: #38322A; text-transform: uppercase; margin: 0; padding: 10px 0 5px 0px; letter-spacing: 1px; }
div.kontext2 p { margin: 5px; padding: 0; }

div.kontextpakete { background-color: white; margin: 0 20px 15px 0; font-size: 11px; width: 300px; min-height: 100px; padding: 10px 5px 8px 0; border: 1px #E9E1B8 solid;}
div.kontextpakete img { float: left; margin-right: 10px; }


img.traegerlogo { float: left; margin: 0 10px 10px 0; }

div#content ul { list-style: none;  margin: 0 0 12px 0;  padding: 0; }
div#content ul li { background-image: url(../bilder/list-item-content.gif); background-repeat: no-repeat; margin: 0 0 8px 24px; padding: 0 0 0 12px;   }
div#content ul.kaestchen li { background-image: url(../bilder/list-item-content2.gif); }

div.hinweisimtext  { 	border: 1px #BDAD54 dashed; margin: 0 0 12px 12px; padding: 5px; width: 50%;  }
blockquote { 	background-image: url(../bilder/zitat.gif); background-repeat: no-repeat; margin: 0; padding: 0 0 0 54px; }
blockquote div { 	background-image: url(../bilder/zitat2.gif); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 20px; }

ul.angebotsliste a { color: #38322A; text-decoration: none; border-bottom: 1px dashed #BDAD54;}
ul.angebotsliste a:hover { border-bottom: 1px solid #BDAD54; }

div#content div.presseblog li { margin-bottom: 12px; }
div.presseblog a { color: #38322A; text-decoration: none; border-bottom: 1px dashed #BDAD54;}
div.presseblog a:hover { border-bottom: 1px solid #BDAD54; }

ul.dashed a { color: #38322A; text-decoration: none; border-bottom: 1px dashed #BDAD54;}
ul.dashed a:hover { border-bottom: 1px solid #BDAD54; }

#sitemap { 	margin: 0 61px; }
div#sitemap ul { 	list-style: none; }
div#sitemap ul { margin: 0px; padding: 0px; }
div#sitemap ul li { margin: 0px; padding: 0 0 2px 0; }
div#sitemap ul li:hover { background-color: #F8F5E2; }
div#sitemap ul li a { background-color: #E8E1A5; text-decoration: none; padding: 1px 3px 1px 6px; display: block; color: #594F42; 	}
div#sitemap ul li ul a { background-color: transparent; text-decoration: none; display: inline;	}
div#sitemap ul li ul a:hover { font-weight: bold; }
div#sitemap ul li li { margin-left: 40px; }

div.pakete { background-color: white; padding: 15px 15px 10px 15px; margin: 0 20px 20px 0; float: left; width: 300px;  border: 1px #E9E1B8 solid; }
div.pakete img { float: left; margin-right: 30px; }
div.pakete p { padding-top: 8px; }
div.pakete a { text-decoration: none; }
div.pakete a:hover { text-decoration: underline; }

div.facebook{	float: left; margin: 15px 0 10px 0; width: 200px; }
div.facebook img {	float:left; margin-right: 4px; }
div.facebook p { font-size: 11px; padding: 2px 0 0 0;}
div.facebook a { color: #3B5998; }

.glueckspenden { float: right; margin: -10px -42px 0 0; }
.glueckspenden_lhg { float: right; margin: -10px 0 10px 10px; }