/***************************************
**************Allgemein*****************
***************************************/
* {
	outline: none;
}

html,body {
	margin:0;
	padding:0;
	background-color:rgb(97,108,95);
}
#layout {
	position:absolute;
	width:50em;
	left:50%;
	margin-left:-25em;
	padding-top:0;
	padding-bottom:0;
	overflow:visible;
	background-color:white;
	border-width:0 2px 2px 2px;
	border-style:solid;
	border-color:black;
}
a:link, a:active, a:visited {
	color:rgb(0,80,255);
	text-decoration:none;
}
a:visited {
	color:rgb(88,140,255);
}
a:hover {
	color:rgb(0,63,203);
}
a.extern {
	background: url('../img/layout/extern.gif') no-repeat center left;
	padding-left:15px;
}
img {
	border:0;
}

.oldbrowsermessage {
	display:none;
}
#medium {
	position:absolute;
	left:678px;
	top:315px;
	width:103px;
	height:15px;
	margin:0;
	padding:0;
	z-index:1;
}
#imgpanel {
	width:105px;
	border:0;
	position:absolute;
	top: 23em;
	left: 47em;
}
#imgpanel img {
	width:70px;
	height:70px;
	border:2px rgb(193,206,166) solid;
	z-index:5;
}
#imgpanel a:hover img {
border-color:rgb(118,164,19);
background-color:none;
}
fieldset {
	margin:15px;
	padding:10px;
	border:1px rgb(193,206,166) solid;
}
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
	text-transform:none;
	font-variant:normal;
}
/***************************************
**************Text-Styles***************
***************************************/
h1,
h2 {
	font:normal 1.5em Georgia,Times,serif;
	margin-left:0;
	clear:both;
}
h1 {
	color:black;
}
h2,
#establishing h2 a:link,
#establishing h2 a:active,
#establishing h2 a:visited,
#startpage h2 a:link,
#startpage h2 a:active,
#startpage h2 a:visited,
div.teaser h2 a:link,
div.teaser h2 a:active,
div.teaser h2 a:visited
 {
	font-size:1em;
	font-style:italic;
	color:rgb(118,164,19);
	margin-bottom:0;
	
}
.clicktip h2, .clicktipshow h2, #module h2 {
	margin-top:0;
}
h3,h4,
p,
td,
legend,
#establishing h3 a:link,
#establishing h3 a:active,
#establishing h3 a:visited {
	font:normal 0.8em/1.5em Verdana,Helvetica,Arial,sans-serif;
	color:black;
	margin:0.5em 0 0.5em 0;
}
div.teaser {
	margin: .4em .4em .4em .4em;
	padding:.5em;
	width:45%;
	float:left;
}
div.teaser h2 {
	margin-top:0;
	margin-bottom:.3em;
}
div.teaser div {
	padding: 0em .5em .5em .9em;
	margin: .5em 0;
	border: 1px solid #f0f0f0;
}
div.teaser div img {
	border: 1px solid #f3f3f3;
	margin:.2em 0;
}
div.teaser div img.left {
	float:left;
	margin-right:.5em;
}
div.teaser div img.right {
	float:right;
	margin-left:.5em;
}
legend {
	font:italic 0.8em Georgia,serif;
	color:rgb(118,164,19);
}
h3 {
	font-style:italic;
	line-height:1.2em;
	padding: 0 4em 0.7em 2em;
}
table, td, tr {
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
td {
	background-color:rgb(230,230,230);
	vertical-align:middle;
	padding:10px;
}
strong {
	font-weight:bold;
}
em,
a:link em,
a:active em,
a:visited em {
	font-style:normal;
	font-weight:bold;
	color:rgb(118,164,19);
}
ul,
ol {
	font:normal 0.8em/1.5em Verdana,Helvetica,Arial,sans-serif;
}
.slimlist {
	list-style:none;
	padding:0;
	margin:0;
}
blockquote {
 margin-left:1.5em;
}
blockquote,
blockquote p {
	font:italic 0.9em/1.4em Verdana,Helvetica,sans-serif;
}
#footer a,
#sitemap a {
	font:normal 0.55em Verdana,Helvetica,Arial,sans-serif;
	color:rgb(100,100,100);
	text-decoration:none;
	padding:0;
	margin:0;
}
.caps {
	position:relative;top:-4px;
}
.error {
	color: #ae0000;
}
.success {
	color:rgb(118,164,19);
}
/***************************************
**************Navigation****************
***************************************/
#logo,
#header {
	margin:0;
	padding:0;
	height:260px;
}
#header {
	background-image:url(../img/layout/verlauf_header.gif);
}
#logo {
	position:absolute;
	left:223px;
	width:200px;
	z-index:0;
}
#header .aktuelles,
#header .qualifizierungsbereiche,
#header .jugendprojekte,
#header .ecdl,
#header .kompetenz-training,
#header .besondere-projekte,
#header .kontakt-impressum {
	position:relative;
	font:normal 16px verdana,Helvetice,sans-serif;
	border-bottom:dashed 1px black;
	height:20px;
}
#header .aktuelles {
	top:33px;
	left:182px;
	width:200px;
	z-index:1;
}
#header .qualifizierungsbereiche {
	top:86px;
	left:35px;
	width:225px;
	z-index:1;
}
#header .jugendprojekte {
	top:66px;
	left:60px;
	width:170px;
	z-index:1;
}
#header .ecdl {
	top:40px;
	left:407px;
	width:380px;
	text-align:right;
	z-index:1;
}
#header .kompetenz-training {
	top:88px;
	left:384px;
	width:220px;
	text-align:right;
	z-index:1;
}
#header .besondere-projekte {
	top:97px;
	left:355px;
	width:220px;
	text-align:right;
	z-index:1;
}
#header .kontakt-impressum {
	top:125px;
	left:265px;
	width:220px;
	text-align:right;
	z-index:1;
}
/***************************************
**********Navigationslinks**************
***************************************/
#header a:link,
#header a:active,
#header a:visited,
#header a:hover {
	text-decoration:none;
	color:black;
}
#header a:hover {
	color:rgb(148,205,23);
}
#header a:link.active,
#header .active,
#header a:visited.active {
	font:italic 17px georgia,serif;
	color:rgb(148,205,23);
}
/***************************************
**************Seiteninhalt**************
***************************************/
#main {
	z-index:0;
}
#typo {
	padding-right:20px;
	text-align:right;
	background-image:url('../img/layout/typo_juwe.gif');
	background-repeat:no-repeat;
}
#typoline {
	font:normal 18px Myriad,Arial,Helvetica,sans-serif;
	color:white;
	vertical-align:middle;
	margin:0;
	padding-left:30px;
	background-color:rgb(131,220,0);
	height:10px;
	overflow:hidden;
}
#inhalt {
	padding:0 1.5em 0 5.4em;
	width:75%;
}
/* HOLLY-HACK */
#inhalt:after {
	content: '.';
	visibility:hidden;
	clear:both;
	display:block;
	height:0;
}
#inhalt p img {
	margin:.4em 0 .2em 0;
	border:1px solid #f3f3f3;
	padding:2px;
}
#inhalt p img.left {
	float:left;
	margin-right:.5em;
}
#inhalt p img.right {
	float:right;
	margin-right:.5em;
}
.date {
	font-size:.8em;
	font-family:georgia;
	float:right;
	margin:1em;
	color:#666;
}
#establishing h3 {
	padding:1em;
	display:block;
	background-color:#f3f3f3;
	border:1px solid rgb(220,220,220);
}

#establishing h3:after {
	content: '.';
	visibility:hidden;
	clear:both;
	display:block;
	height:0;
}

div#establishing img {
	margin:0 .6em 0 0;
	border:1px solid #fff;
	padding:2px;
	float: left;
}

#module,
.clicktip,
.clicktipshow {
	position:relative;
	padding:0.5em;
	margin:0.5em;
	border:1px solid black;
}
#module {
	float:left;
	margin-left:0px;
	width:14em;
}
fieldset.sp {
	clear:both;
	overflow:hidden;
	background: url('../img/layout/sp_bg.png') no-repeat top center transparent;
	width:705px;
	height:145px;
	border: 1px solid #FFF;
	padding:10px 0 0 0;
	margin-left:-30px;
	/* IE-Hack */
	_height:150px;
	_background-position:bottom;
	_border:none;
}
fieldset.sp legend {
	background-color:#fff;
	margin-left:15px;
	padding: 0 4px;
}
fieldset.sp ul {
	list-style:none;
	margin:0 auto;
	padding:0 2em;
}
fieldset.sp ul li {
	float:left;
	text-align:center;
	margin: 0 0 0 30px;
	padding:0;
}

/* Kontakt-Formular */
div#adresse {
	width: 47%;
	float:left;
	}

fieldset#contactForm {
	width: 46%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-top:0;
	padding: 18px;
}
fieldset#contactForm p {
	font-size: 11px;
}
fieldset#contactForm input, 
fieldset#contactForm textarea {
	width: 100%;
}
fieldset#contactForm textarea {
	height:100px;
}


/***************************************
**************Impressum*****************
***************************************/
#footer {
	padding:0;
	margin:2em 0 0 0;
	clear:both;
	height:20px;
	background-color:black;
}
#sitemap {
	border:0;
	margin:0;
	padding:0;
	height:15px;
	font-size:0.8em;
	background-color:white;
	text-align:right;
}
.tooltip {
	display:none;
	padding:4px;
	position:absolute;
	background-color:white;
	color:black;
	font:normal 0.9em Verdana,Helvetica,Arial,sans-serif;
	width:270px;
	border:1px solid black;
	opacity:0.94;
	filter:alpha(opacity=94);
}
.clicktip,
.clicktipshow {
	display:none;
	float:right;
	background-color:rgb(220,220,220);
	color:black;
	font:normal 0.9em Verdana,Helvetica,Arial,sans-serif;
	width:20em;
}
 .clicktipshow {
 display: block;
}
#ecdl0 {
	display:block;
	text-align:center;
	height:18em;
}