@charset "utf-8";

/* css created and developed by 12bis3.de - zeitgemaess kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", trebuchet, verdana, arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* --------------------
generelle einstellungen
---------------------*/


body {
	background: url(/jumilo/images/bg-body.png) repeat-x #fff;
	font-size: 80%;
	min-height: 101%;
	color: #2a2a2a;
	padding: 6px 0 1em 0;
}

* html body {
	font-size: 13px;
}

* + html body {
	font-size: 13px;
}


img {
	border: none;
}

a:link, a:visited, a:active {
	color: #afc92e;
	text-decoration: none;
}
a:hover, a:focus {
	color: #afc92e;
	text-decoration: underline;
}

h1 {
	color: #bad532;
	font-size: 160%;
	font-weight: normal;
	margin-bottom: 0.9em;
	text-transform:uppercase;
	text-align: left;
}

h2 {
	color: #bad532;
	font-size: 130%;
	font-weight: normal;
	margin: 0 0 0.3em 0;
}

h3 {
	color: #bad532;
	font-size: 120%;
	margin: 0 0 0.4em 0;
	font-weight: normal;
}

h4 {
	color: #bad532;
	font-size: 110%;
	margin: 0 0 0.2em 0;
	font-weight: normal;
}

h5 {
	color: #bad532;
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

h6 {
	color: #1a171b;
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}

p {
	margin: 0 0 1.2em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

ul {
	list-style-type: none;
}


/* ----------------
layout definitionen 
-----------------*/

#container {
	width: 921px;
	margin: 0 auto;
	background: url(/jumilo/images/bg-header.png) no-repeat transparent;
}
* html #container {
    background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jumilo/images/bg-header.png',sizingMethod='crop');
}

#header {
	padding: 11px 10px 0 10px;
	height: 269px;
	position: relative;
	font-size: 90%;
}

#navigation {
	width: 189px;
	padding: 44px 0 0 2px;
	float: left;
	font-size: 95%;
}

#content {
	width: 441px;
	padding: 0 23px;
	float: left;
	line-height: 160%;
	text-align:justify;
}

#service {
	width: 221px;
	float: left;
	padding: 44px 22px 0 0;
}

#main {
	background: url(/jumilo/images/bg-main.png) repeat-y transparent;
	padding-bottom: 40px;
}
* html #main {
    background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jumilo/images/bg-main.png',sizingMethod='scale');
}

#footer {
	background: url(/jumilo/images/bg-footer.png) no-repeat left bottom transparent;
	padding: 10px 20px 10px 50px;
}
* html #footer {
	background: url(/jumilo/images/bg-footer-ie6.png) no-repeat left bottom transparent;
}


/* ---------------
header defintionen
----------------*/

#header img {
	float: right;
	margin: 13px 13px 0 0;
}

#header img#logo {
	float: left;
	margin: 40px 0 0 40px;
}

#header p {
	float: left;
	color: #fff;
	padding: 9px 0 0 10px;
	height: 34px;
	overflow: hidden;
}

#header p a {
	color: #fff;
}

#header p a#meta-home {
	background: url(/jumilo/images/icon-home.png) no-repeat transparent 0 3px;
	padding: 0 5px 0 12px;
}

#header p a#meta-sitemap {
	background: url(/jumilo/images/icon-sitemap.png) no-repeat transparent 0 4px;
	padding: 0 5px 0 14px;
}

#header p a#meta-forum {
	background: url(/jumilo/images/icon-forum.png) no-repeat transparent 0 0;
	padding: 0 5px 0 25px;
}

#header p span#font-big {
	font-weight: bold;
	font-size: 110%;
}
#header p span#font-small {
	font-weight: bold;
	font-size: 85%;
	text-transform: uppercase;
}



/* -------------------
navigation defintionen
--------------------*/

#navigation ul {
	margin-bottom: 20px;
}

#navigation ul li {
	margin-bottom: 4px;
}

#navigation ul li a {
	display: block;
	height: 29px;
	text-transform: uppercase;
	color: #fff;
	background: url(/jumilo/images/bg-navi-level-1.png) no-repeat 0px 0px transparent;
	text-decoration:none;
	font-weight:bold;
	padding: 5px 0 0 20px;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a.nav-active {
	background-position: 0 -59px;
}

#navigation ul ul {
	background: url(/jumilo/images/bg-nav-level-2.png) left bottom no-repeat transparent;
	margin: -6px 0 10px 17px;
	padding: 6px 0 6px 1px;
}

#navigation ul ul li {
	margin-bottom: 2px;
}

#navigation ul ul li a {
	background: none;
	font-weight: normal;
	color: #535353;
	height: 18px;
	padding: 1px 0 1px 12px;
	font-size: 95%;
	text-transform:none;
}

#navigation ul ul li a:hover, #navigation ul ul li a:focus, #navigation ul ul li a.nav-active {
	background: url(/jumilo/images/bg-nav-level-2-hover.png) repeat-y transparent;
}



/* ----------------
content defintionen
-----------------*/

.image-right {
	float: right;
	margin: 0.4em 0 0.2em 15px; 
}

.image-right dt, .image-left dt, .images dt {
	margin-bottom: 0.1em;
}

.image-right dd, .image-left dd, .images dd {
	font-style: italic;
	font-size: 90%;
	line-height: 120%;
	padding: 0 3px 5px 3px;
}

.image-left {
	float: left;
	margin: 0.4em 15px 0.2em 0; 
}

img.image-left, img.image-right, dl.image-left img, dl.image-right img, div.images dl img, span.image-right img {
	border: 1px solid #b3cd28;
	padding: 1px;
}

#content ul {
	margin: 0 0 1em 20px;
	list-style-type:none;
}

#content ul li {
	background: transparent url(/jumilo/images/bg-icon-box-list.png) no-repeat 0 6px ;
	padding-left: 10px;
	margin-bottom: 0.2em;
}

#content ol {
	margin: 0 0 1em 30px;
}

#content ol li {
	margin-bottom: 0.2em;
}

div.images {
	margin: 0 0 1.5em 0;
	clear: both;
}

div.images dl {
	float: left;
	margin-right: 12px;
}

div.images p {
	margin: 0;
}

div.images p a, p a.system {
	float: right;
}

dl.pic-text-teaser {
	width: 441px;
	margin: 0 0 0.5em 0;
}

dl.pic-text-teaser dt {
	width: 120px;
	float: left;
	margin: 0.5em 0 0.1em 0;
}

dl.pic-text-teaser dt img {
	border: 1px solid #b3cd28;
	padding: 1px;
}

dl.pic-text-teaser dd {
	float: left;
	margin: 0 0 0.1em 0;
	width: 321px;
}

dl.pic-text-teaser dd h3 {
	margin-bottom: 0.3em;
}


/* pager */

#content ul.pager {
	list-style-type: none;
	clear: left;
	border-top: 1px solid #b3cd28;
	padding-top: 0.6em;
	margin: 0 0 1em 0;
}

#content ul.pager li {
	float: left;
	background: none;
	padding: 0;
}
#content ul.pager li.p-right {
	text-align: right;
	float: right;
	width: 38%;
}
#content ul.pager li.p-middle {
	text-align: center;
	width: 24%;
}
#content ul.pager li.p-left {
	text-align: left;
	width: 38%;
}

/* table */

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1.5em;
	font-size: 90%;
	color: #6a6a6a;
	border-left: 1px solid #b3cd28;
	border-top: 1px solid #b3cd28;
	line-height: 160%;
}

table th, table thead td, table thead th {
	font-weight: bold;
	text-align: left;
	padding: 2px 4px;
	vertical-align: top;
	background-color: #bad532;
	color: #fff;
	border-right: 1px solid #b3cd28;
	border-bottom: 1px solid #b3cd28;
}

table td {
	text-align: left;
	vertical-align: top;
	padding: 2px 4px;
	border-right: 1px solid #b3cd28;
	border-bottom: 1px solid #b3cd28;
}

table tfoot td {
	padding: 1px 8px;
	font-style: italic;
}

table tr:hover td, table tr:focus {
	background: #fafbee;
}

caption {
	text-align: left;
	text-transform:uppercase;
	font-weight: normal;
	margin-bottom: 0.3em;
	color: #25539e;
}


/* downloads */

div.downloads {
	margin-bottom: 1em;
	background: url(/jumilo/images/bg-downloads-bottom.png) no-repeat left bottom transparent;
}

div.downloads h4 {
	background: url(/jumilo/images/bg-downloads-top.png) no-repeat left top transparent;
	padding: 20px 10px 0.2em 13px;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-size: 100%;
	color: #535353;
	font-weight: bold;
}

#content div.downloads ul {
	margin: 0 10px 1em 13px;
	padding-bottom: 0.8em;
	color: #535353;
}

#content div.downloads ul li.li-download {
	background: url(/jumilo/images/icon-download.png) no-repeat transparent 0 5px;
	padding-left: 16px;
}

#content div.downloads ul li.li-link {
	background: url(/jumilo/images/icon-link.png) no-repeat transparent 0 6px;
	padding-left: 16px;
}

#content div.downloads ul li a span {
	font-size: 85%;
	color: #535353;
	text-transform: uppercase;
}


/* system buttons */

a.system {
    background: transparent url(/jumilo/images/sys-btn-right.png) no-repeat top right;
	color: #fff;
	text-decoration: none;
    display: block;
	font-size: 95%;
	font-weight: bold;
    float: left;
    height: 23px;
    margin-right: 10px;
    padding: 0 22px 0 0; 
}

a.system span {
    background: transparent url(/jumilo/images/sys-btn-left.png) no-repeat;
    display: block;
    line-height: 23px;
    padding: 0 5px 5px 15px;
}

a.system:hover, a.system:focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/jumilo/images/sys-btn-right-hover.png) no-repeat top right;
}

a.system:hover span, a.system:focus span {
	background: transparent url(/jumilo/images/sys-btn-left-hover.png) no-repeat;
}



/* news */

dl.news {
	width: 441px;
	margin-bottom: 0.5em;
	border-top: 1px solid #ffef42;
	padding-top: 0.8em;
}

dl.news dt {
	width: 120px;
	float: left;
	margin: 0.4em 0 0.1em 0;
}

dl.news dt img {
	border: 1px solid #b3cd28;
	padding: 1px;
}

dl.news dd {
	float: left;
	width: 321px;
	margin-bottom: 0.1em;
}

dl.news dd h3 {
	margin-bottom: 0.3em;
	font-size: 110%;
	text-transform: uppercase;
}

dl.news dd h6 {
	font-size: 85%;
	color: #1a171b;
}

dl.news dd p {
	margin-bottom: 0.6em;
}

dl.news dd p a {
	background: url(/jumilo/images/icon-arrow.png) right center no-repeat transparent;
	padding: 0 12px 0 0;
}


/* sitemap */

#content ul.sitemap {
	list-style-type: none;
	margin: 0 0 1.5em 0;
}

#content ul.sitemap li {
	padding: 0;
	font-weight: bold;
	margin-bottom: 0.4em;
}

#content ul.sitemap li a {
	border-bottom: 1px solid #a5bf15;
	padding-bottom: 0.4em;
	display: block;
	text-transform: uppercase;
}

#content ul.sitemap ul {
	list-style-type: none;
	margin: 0.5em 0 0.8em 0;
}

#content ul.sitemap ul li {
	font-weight: normal;
}

#content ul.sitemap ul li a {
	display: inline;
	color: #1a171b;
	text-transform:none;
	border: none;
	background: url(/jumilo/images/icon-sitemap-1.png) no-repeat 0 5px;
	padding-left: 12px;
}

#content ul.sitemap ul ul {
	margin: 0.5em 0 0.5em 15px;
}

#content ul.sitemap ul ul li {
	font-size: 90%;
}

#content ul.sitemap ul ul li a {
	background: url(/jumilo/images/icon-sitemap-2.png) no-repeat 0 5px;
	padding-left: 8px;
}





/* -----------------
service definitionen
------------------*/

#service div {
	background: url(/jumilo/images/bg-service-bottom.png) left bottom no-repeat transparent;
	font-size: 95%;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#service div p {
	color: #535353;
	padding: 0 0 1em 0;
	margin: 0 11px 0.8em 15px;
	background: url(/jumilo/images/bg-green-line.png) bottom left repeat-x transparent;
	
}

#service div h5 {
	background: no-repeat left top transparent;
	height: 33px;
	padding: 17px 10px 0 18px;
	text-transform:uppercase;
	font-size: 105%;
}

#service div#news-box h5 {
	background-image: url(/jumilo/images/bg-service-head-news.png);
}

#service div#lotsen-box h5 {
	background-image: url(/jumilo/images/bg-service-head-lotsen.png);
}

#service h6 {
	color: #535353;
	margin: 0;
	padding: 0 11px 0 15px;
}

#service h4 {
	text-transform: uppercase;
	padding: 0 11px 0 15px;
}

#service div p.all-news {
	background: none;
	padding: 0;
	margin-bottom: 0;
	text-align: right;
}

#service div p a {
	background: url(/jumilo/images/icon-arrow.png) right center no-repeat transparent;
	padding: 0 12px 0 0;
}

#service div#lotsen-box p {
	background: none;
	padding: 0;
}

#service div#lotsen-box img {
	float: right;
	margin: 0.3em 12px 5px 5px;
}




/* ----------------
footer definitionen
-----------------*/

#footer img {
	float: left;
}

#footer img#logo-jmd {
	margin: 11px 65px 20px 8px;
}

#footer img#logo-text {
	margin: 0 0 7px 0;
}

#footer img#logo-jugend {
	margin: 0 25px 0 20px;
}

#footer p {
	clear: left;
	text-align: right;
	margin: 0 5px 8px 0;
	padding: 0;
	font-size: 95%;
	color: #fff;
}
#footer p a {
	color: #fff;
	background: url(/jumilo/images/icon-imprint.png) no-repeat left center transparent;
	padding-left: 12px;
}


/* ------------------
formular definitionen
-------------------*/

form {
	margin-bottom: 1em;
}

form p {
	margin-bottom: 0.8em;
}

legend {
	font-size: 110%;
	font-weight: bold;
	color: #29408b;
	margin-bottom: 0.5em;
}

label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 15px;
}

input, textarea, select {
	width: 260px;
	border: 1px solid #bad532;
	padding: 1px 2px;
	font-family: "Trebuchet MS", trebuchet, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1a171b;
	background: #fff;
}

option {
	padding: 0 3px;
	background: transparent;
}

textarea {
	height: 130px;
}

select {
	width: 267px;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	background: #fff8ba;
}

input.small {
	width: auto;
	padding-right: 5px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}

input.submit-btn, p.submit input {
	color: #fff;
	width: 267px;
	text-transform: uppercase;
	background: url(/jumilo/images/bg-input-btn.png) repeat-y #bad532 right;
	font-weight: bold;
	border-left: 1px solid #a5bf15;
	border-top: 1px solid #a5bf15;
	border-right: #5e6c12 1px solid;
	border-bottom: 1px solid #5e6c12;
}

input.submit-btn:hover, p.submit input:hover {
	background: url(/jumilo/images/bg-input-btn-hover.png) repeat-y #d4ed56 right;
}

/* Bildergalerie */

span.galerie-none {
	display: none;
}



/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
.clear {
	display: block;

}