﻿/*	
	HOMEPAGE	=> DGfPI.de
	PUBLISHER	=> lammertz.net
-------------------------------------------	*/

body
{
	background: #eef5e2 url(bg_body.gif) repeat center;	
}

html
{ 
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 100.01%;
    text-align: left;
	overflow-y: scroll;    
}



/*	template
-------------------------------------------	*/

#container
{
	background: url(bg_container.gif) repeat center;
	width: 980px;	
}

#header
{
	background: #eef5e2 url(logo.gif) no-repeat right bottom;
}

#left
{
  	margin-left: 10px;
}

#main
{
	margin-left: 220px;
	min-height: 525px;
}



/*	left
-------------------------------------------	*/

.mod_navigation
{
	position: absolute;
	background: #24972b url(bg_left.gif) no-repeat center bottom;
	width: 195px;
	padding: 125px 0 220px 25px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

.mod_navigation ul
{
	padding: 0;
	margin: 0;
}

.mod_navigation li
{
	color: #ffffff;
	list-style: none;	
	width: 155px;
	padding: 2px 4px;
	border-bottom: 1px #ffffff solid;
}

.mod_navigation li.first
{
	padding-top: 2px;
	border-top: 1px #ffffff solid;
}

.mod_navigation li.active
{
	color: #fbba00;
}

.mod_navigation a
{
	color: #ffffff;
	font-size: 11px;	
	text-decoration: none;
}

.mod_navigation .level_1 .active .submenu
{
	color: #ffffff;
}

.mod_navigation .level_2 li
{
	border-bottom: none;
	padding-left: 15px;
	line-height: 12px;
}
*+html .mod_navigation .level_2 li { padding-left: 0px; }

.mod_navigation .level_2 li.first
{
	border-top: none;
}

.mod_navigation li.submenu ul.level_2,
.mod_navigation li.submenu ul.level_3
{
	display: none;
}

.mod_navigation li.submenu.trail ul.level_2,
.mod_navigation li.submenu.active ul.level_2,
.mod_navigation li.submenu.trail ul.level_2 li.submenu.trail ul.level_3,
.mod_navigation li.submenu.active ul.level_2 li.submenu.trail ul.level_3
{
	display: inline;
}



/*	main
-------------------------------------------	*/

#main .inside
{
	margin: 0 0 20px 60px;
	padding-top: 120px;
}

#picL
{
	position: absolute;
	left: -270px;
	top: -235px;
}

#picB
{
	position: absolute;
	right: 100px;
	top: 0;
}

#picR
{
	position: absolute;
	right: 10px;
	top: 90px;
}

.ce_text
{
	width: 450px;
	font-size: 13px;
}

h1
{
	font-size: 13px;
	color: #24972b;
}

h2
{
	font-size: 13px;
	color: #24972b;
	text-transform: uppercase;
}

h3
{
	font-size: 13px;
}

a
{
	color: #24972b;
}

.error
{
	color: #ff0000;
}

.connect
{
	width: 60px;
	display: block;
	float: left;
}

.sector
{
	width: 560px;
	display: block;
	border-bottom: 2px #7ab51d solid;
	margin: 10px 0 40px 0;
}

.ce_toplink
{
	margin: 20px 120px;
	text-align: right;
}

.ce_toplink a
{
	text-decoration: none; 
	text-transform: uppercase;
	font-size: x-small; 
	line-height: 13px;
	color: #ffffff; 
	font-weight: bold; 
	padding: 0 3px;
	background: #7ab51d;
	border: 1px #24972b solid;
}

.mod_login
{
	font-size: 13px;
	margin: 20px 0;
}

.mod_login .col_0
{
	width : 110px;
}






/*	seitenformatierung
-------------------------------------------	*/

#umzug { position: relative; margin: -40px 0 0 460px; width: 180px; height: 140px; background: #e2001a; padding: 30px; font-size: 13px; color: #ffffff; font-weight: bold; }
#umzug h2 { font-size: 13px; color: #ffffff; }

#ueber-uns .ce_text { width: 550px; font-size: 13px; }
#ueber-uns .ce_text img { width: 100px; height: 100px; margin-right: 10px; float: left; }
#ueber-uns .ce_text p { height: 100px; padding-bottom: 10px; }

#fachtagungen ul { margin: 0; padding: 0; }
#fachtagungen li { margin-bottom: 20px; list-style: none; }
#fachtagungen li:first-line { font-weight: bold; }
#fachtagungen .mofo1 { width: 340px; float: left; }
#fachtagungen .mofo2 { width: 225px; margin-right: 100px; float : right; }
.mofo #container { background: url(bg_fachtagungen.gif) repeat center; }

#fusionsfachtagung .ce_text.fusion_bilder { width: 560px; }
#fusionsfachtagung .fusion_bilder img { margin: 0 10px 10px 0; }
#fusionsfachtagung li { margin-bottom: 20px; }
#fusionsfachtagung li:first-line { font-weight: bold; }

#vereinsziele li { margin-bottom: 20px; list-style-image:url(dot_y.gif); }

#organisationen .ce_text { width: 540px; }

.orga_vereine p:first-line { font-weight: bold; margin-bottom: 20px; }
.orga_vereine p { margin-bottom: 30px; }
.zur_karte .hyperlink_txt { text-decoration: none; text-transform:uppercase; font-size: x-small; color: #000000; font-weight: bold; margin-bottom: 20px; }

#inhaltsverzeichnis a { font-size: 12px; }
#inhaltsverzeichnis .level_3 { list-style-image:none; list-style: circle; }
#inhaltsverzeichnis .level_2 { list-style-image:url(dot_y.gif); }
#inhaltsverzeichnis .level_1 { list-style-image:url(dot_g.gif); }

#kontakt .leitung { margin: -70px 0 0 110px; }

#impressum .ce_text { width: 550px; }
#impressum .tabflow { margin-left: 160px; text-indent: -160px; }
#impressum .t180 { width: 0; padding-left: 160px; display: inline-block; font-size: 11px; color: #707173; font-weight: bold; }
#impressum .t1800 { margin-left: 160px; display: inline-block; }


.praevention { width: 550px; }
.praevention h1 { padding-top: 2em; clear: left; }
.praevention .ausgabe { width: 100px; margin-right: 10px; font-size: xx-small; float: left; }
.praevention .ausgabe img { width: 70px; height: 100px; }


.bundesverein { width: 450px; }
.bundesverein h1 { margin-top: 3em; padding: .2em 0 .5em .5em; aline-height: 1em; vertical-align: top; background: #7ab51d; color: #ffffff; clear: right; }
.bundesverein img { margin-left: 8px; float: right; }
.bundesverein .pdf { text-transform: lowercase; font-variant: small-caps; }


/*	accordion
------------------------------------------------	*/

.mod_article .ce_accordion
{
	width: 400px;
}

.mod_article .ce_accordion.first
{
	margin-top: 1em;
	border-top: 1px #c7c7c7 solid;
}

.mod_article .toggler
{
	background: url(ico_accordion1.gif) no-repeat 0px 9px;
	padding: 6px 0 6px 22px;
	color: #24972b;
	border-bottom: 1px #c7c7c7 solid;
	cursor: pointer;
}

.mod_article .toggler.active
{
	background: url(ico_accordion2.gif) no-repeat 0px 9px;	
	color: #008fc7 !important;
}

.mod_article .accordion div
{
	background: #dceac4;
	padding: 1em 0 1em 22px;
}




/* 	formular bankeinzug
--------------------------------------- */

#f1 .formbody
{
	font-size: 11px;
	padding: 0 10px 15px 10px;
}

#f1 fieldset
{
	width: 500px;
	padding: 8px 0;
	margin-bottom: 8px;	
}

#f1 legend
{
	margin: 4px 0;	
}


#f1 label
{
	width: 80px;
	text-align: right;
	padding: 2px 8px 2px 0;
	float: left;
	margin: 4px 0;	
}

#f1 p.error
{
	display: none;
}

#f1 input.error
{ 
	background: #f08080;
}

#f1 input,
#f1 select
{ 
	background: #eef5e2;
	padding: 2px 3px;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	margin: 2px 0;	
}

#f1 select
{
	margin-left: 88px;
	width: 190px;	
}

#f1 .submit
{
	background-color: #24972b;
	color: #ffffff;
	width: 188px;
}

#f1 .submit_container
{
	padding-top: 10px;
	margin: 10px 0 0 88px;
}

form br 
{
	clear: left;
}



