html {
	color: #000;
}
body {
	font: 62.5% verdana, tahoma, helvetica, arial, sans-serif;
}
* {
   margin: 0;
   padding: 0;
}
hr {
   display: none;
}
img {
   border: 0;
   display: block;
}
fieldset {
	border: none;
}
/* hidden */
.aural,
.popup h1.aural,
#branding #search-minimal label,
#branding #search-minimal h2,
#nav h2,
#nav li span,
#main #breadcrumb h2,
#about #campaign {
    position: absolute;
    display: block;
    left: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
	text-indent: -9999px;
}
#branding #search-minimal legend {
	display: none;
}
.jump {
   padding: 0;
   margin: 0;
   height: 0;
}
.jump a {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
}
.jump em {
	font-style: normal;	
}
.jump a:active,
.jump a:focus {
    position: absolute;
    z-index: 1000;
    overflow: visible;
    width: auto;
    height: auto;
    font-weight: bold;
    top: 2px;
    left: 0;
    padding: 3px 3px 3px 12px;
    color: #005958;
    font-size: 130%;
    background: url(../img/icons/link.gif) 0 .6em no-repeat;
}
#nav-service .nav-hz:after,
#wrapper-content:after,
#footer .nav-hz:after,
#footer #nav-footer:after,
#footer .sponsors ul:after,
.teaser-wrapper:after,
.standardform .form-submit:after,
.contact:after,
#main .nav-pager ul:after,
#main .landscapeteaser:after,
#main .portraitteaser:after,
#wrapper-content:after,
#main .landscapeteaser:after,
#main .portraitteaser:after,
#main .teaser:after,
#marginal .teaser:after,
#main .teaser:after,
.teaser-wrapper:after,
.image-gallery ul:after,
#wrapper-content #content .event-list ul.linkblock li:after,
#breadcrumb ol:after,
#wrapper-content #content p.up:after,
#main .image-gallery ul li dl:after,
#main .richtext:after {
	content: " ";
	display: block;
	clear: both;
}

/* LAYOUT - RASTER
------------------------------ */
#branding,
#wrapper-content,
#footer {
	clear: both;
	margin: 0 auto;
	max-width: 94.7em;
	min-width: 620px;
	position: relative;
	background: #fff;
	height: 1%;
}
#content {
	position: relative;
	margin-left: 215px;   /* nav width */
   	margin-right: 19.5em;   /* marginal width + 20px */
   	height: 1%;
   	top: -97px;
}
#main {
	width: 100%;
	float: left;
	padding: 20px 0 30px 0;
}
#nav {
	position: relative;
	top: -162px;
	width: 195px;
	float: left;
	margin-left: -215px;
}
#marginal {
	position: relative;
	float: right;
	margin-right: -19.5em;
	margin-left: 20px;
	padding-top: 20px;
	width: 17.5em; /* For IE6 */
}
#footer {
	clear: both;
	height: 1%;
}


/* LINKS
------------------------ */
a {
 	text-decoration: none;
    font-weight: bold;
    color: #4d7da2;
    
}
a:visited {
	color: #555
}
a:hover,
a:active,
a:focus,
#marginal a:hover,
#marginal a:active,
#marginal a:focus {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}
#marginal a {
	color: #3e6f93;
}
p a,
p a.ic {
	text-decoration: underline;
}
#content a.ic {
	display: block;
    padding-left: 16px;
	background: url(../img/icons/link.gif) 0 5px no-repeat;
}


#content .back a.ic {
	display: block;
    padding-left: 16px;
	background: url(../img/icons/icon-back.gif) 0 3px no-repeat;
}
#wrapper-content a.lens {
    display: block;
    margin: 2px 0 0 3px;
    height: 13px;
    width: 13px;
	padding: 0;
	background: url(../img/icons/lupe.gif) 0 0 no-repeat;
	float: right;
}
#wrapper-content #content a.ext,
#main a.ext {
    display: block;
	padding-left: 16px;
	background: url(../img/icons/extern.gif) 0 3px no-repeat;
}
#wrapper-content #content p.up {
   margin-bottom: 5px;
}
#wrapper-content #content p.up a {
    display: block;
	padding-left: 13px;
	background: url(../img/icons/nachoben.gif) 0 6px no-repeat;
	font-size: 100%;
	margin: 0 0 0 0;
	float: right;
}
#wrapper-content #content a.dwn,
#main a.dwn {
    display: block;
	padding-left: 16px;
	background: url(../img/icons/download.gif) 0 5px no-repeat;
}
#wrapper-content #content a.eml {
	display: block;
	padding-left: 16px;
	background: url(../img/icons/link.gif) 0 3px no-repeat;
	margin-bottom: 5px;
}
#wrapper p a.button {
	font-size: 100%;
}
#service {
	margin: 10px 0 0 0;
}



#wrapper {
	margin: 5px 0 0 0;
}



/* BRANDING
------------------------------------------- */
#branding {
    position: relative;
    height: 1%;
    overflow: hidden;
    height: 13.2em;
}

#branding #search-minimal {
	margin: 6px 0 0 0;
	float: right;
	width: 25em;
}
#branding #search-minimal input {
	float: left;
	border: 1px solid #B2CCCC;
	padding: 1px;
	width: 13.6em;
}
#branding #search-minimal input:focus {
	border: 1px solid #809904;
}
#branding #search-minimal .submit {
	float: right;
	width: auto;
	overflow: visible;
	margin: 0 0 0 5px;
	padding: 1px 3px 2px 3px;
	background: #809904;
	color: #fff;
	font-size: 110%;
	font-family: verdana, helvetica, arial, sans-serif;
}
#nav-service .nav-hz {
	position: relative;
	float: right;
	margin: 9px 10px 0 0;
	padding: 0;
	height: 1%;
	font-size: 100%;
	z-index: 20;
}
#nav-service .nav-hz li {
    float: left;
	list-style-type: none;
}
#nav-service .nav-hz li.last {
    background: none;
}
#nav-service .nav-hz li a {
    font-weight: normal;
    font-size: 110%;
    background: url(../img/bgs/meta-divider.gif) 100% 0 no-repeat;
    padding: 0 10px 0 10px;
    margin: 0;
}


/* logos */

#logo {
   	position: relative;
	top: 0;
	left: 0;
	width: 196px;
}
#logo img {
	margin-top: 20px;
}


/* about */

#about {
	position: relative;
	margin-left: 215px;
	top: -92px;
	height: 264px;
}
#logo-campaign {
	position: absolute;
	right: -1px;
	top: 20px;
	background: #fff;
	padding: 0 35px 5px 35px;
}
#startpage #main h1 {
	clear:both;
	margin: 0pt 0pt 20px 0;
	color: #759817;
	font-size: 280%;
	font-weight: normal;
}
#startpage #main h1 em,
p#claim em {
	font-style: normal;
}



/* breadcrumb */

#breadcrumb {
	clear: both;
	margin: 5px 0 20px 0;
    background: url(../img/bgs/border.gif) 0 100% repeat-x;
    overflow: hidden;
}
#breadcrumb ol {
	float: left;
	padding: 0 0 10px 0;
	width:	100%;
}
#breadcrumb li {
	float: left;
	margin: 5px 0 2px 0;
	padding-left: 15px;
    padding-right: 10px;
    list-style-type: none;
	background: url(../img/icons/arrow.gif) no-repeat 0 3px;
}
#breadcrumb li a {
	display: block;
	font-weight: normal;
	text-decoration: underline;
	font-size: 110%;
}
#breadcrumb li strong {
	display: block;
	color: #353535;
	font-weight: normal;
	font-size: 110%;
}
#breadcrumb ol li a:visited {
	color: #005958;
}


/* NAVIGATION
------------------------------------------- */
#nav .nav-box {
	margin-bottom: 20px;
}
#nav ul {
	background: #4d7da2;
}
#nav ul li {
	height: 1%;
	list-style: none;
	color: #005756;
	text-transform: uppercase;
	font-size: 130%;
}
#nav ul li a {
	height: 1%;
	display: block;
	border-bottom: 1px dotted #fff;
	padding: 8px 10px 8px 20px;
	background: url(../img/icons/icon-nav-1st.gif) no-repeat 5px 10px;
	color: #fff;
}
/* you are here */
#nav ul li strong  {
	height: 1%;
	display: block;
	border-bottom: 1px dotted #fff;
	padding: 8px 10px 8px 20px;
	background: #7a9c1d;
	color: #fff;
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a:focus {
	background: #7a9c1d;
	color: #fff;
	text-decoration: none;
}

/* 2nd level */
#nav ul ul {
	border-top: 0;
	background: #ECF1F4;
}
#nav ul ul li {
	font-weight: normal;

}
#nav ul li li {
	font-size: 90%;
	font-weight: normal;
	text-transform: none;
}
#nav ul li li a {
	/* background: url(../img/icons/icon-nav-2.gif) no-repeat 5px .9em; */
	background-image: none;
	color: #007BC1;
	
}

/* 3nd level */
#nav ul ul ul {
	background: #F5F9F9;
}
#nav ul li li li {
	font-size: 100%;
}
#nav ul li li li a {
	 /* background: url(../img/icons/icon-nav-3.gif) no-repeat 5px .6em; */
	background-image: none;
	padding-left: 40px;
}
#nav ul li li li strong {
	padding-left: 40px;
}

/* CONTENT-ELEMENTS
---------------------- */
#main h1 {
	margin: 0 0 20px 0;
	clear: both;
	font-size: 280%;
	font-weight: normal;
	color: #759817;
}
#main h2 {
	margin: 10px 0 5px 0;
	clear: both;
	font-size: 170%;
	color: #333;
}
#main h3 {
	clear: both;
	margin: 0 0 3px 0;
	font-size: 150%;
	font-weight: bold;
	color: #333;
}
#main p,
#main label {
	font-size: 130%;
	margin-bottom: 20px;
	line-height: 1.3em;
}
#main dl {
	font-size: 130%;
	padding-left: 100px;
}
#main dl dt {
	width: 100px;
	margin-left: -100px;
	float: left;
	font-weight: bold;
}
#main dl dd {
	margin-bottom: 20px;
}
.linkblock {
	padding: 10px 10px 8px 10px;
	background: #E6EEF3;
}
object {
	display: block;
	margin: 0 0 20px 0;
}
table {
	margin: 0 0 20px 0;
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    empty-cells: show;
    clear: left;
    padding: 0;
    width: 100%;
    font-size: 130%;
}
table th,
table td {
	padding: 5px;
}
table th {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #87B7DD ;
	color: #000;
	text-align: left;
	vertical-align: top;
}
table td {
	border: 1px solid #f2f2f2;
	border-top: none;
	vertical-align: top;
}

/* news & event */
.event-header,
.message-header {
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.event-header abbr {
	border: none;
}
#main .event-header p,
#main .message-header p{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../img/bgs/border.gif) 0 100% repeat-x;
}
#main .event-header .image-normal {
	clear: both;
	display: block;
	margin: 10px 0 0 0;
}

/* Paging */
#main .paging {
    clear: none;
    position: relative;
    margin: 20px 0 35px 0;
    padding: 0;
    background: #E6EEF3;
    width: 100%;
    height: auto;

}
#main .paging p.nav-index {
    width: auto;
    margin: 0 auto;
    padding: .2em 5em;
    text-align: center;
}
#main .paging a {
    padding: 0 3px;
    text-decoration: none;
	font-size: 100%;
}
#main .paging a:hover {
    text-decoration: underline;
}
#main .paging p.nav-index {
    width: auto;
    margin: 0 auto;
    padding: .2em 5em;
    text-align: center;
}
#main .paging a:hover {
    text-decoration: underline;
}
#main .paging .back,
#main .paging .forward {
    position: absolute;
    top: .2em;
    width: 100px;
}
#main .paging .back {
    left: 0;
    text-align: left;
}
#main .paging .forward {
    right: 0;
	text-align: right;
}
#main .paging .back a {
	font-size: 130%;
	margin-left: 4px;
	padding-left: 15px;
	background: url(../img/icons/link-back.gif) 0 5px no-repeat;
}
#main .paging .forward a  {
	font-size: 130%;
	margin-right: 4px;
	padding-right: 15px;
	background: url(../img/icons/link.gif) 100% 5px no-repeat;
}
#main #page-features ul {
	 margin-top: 15px;
}
#main #page-features ul li {
	 list-style-type: none;
	float: right;
}
#main #page-features ul li a {
	background: url(../img/bgs/meta-divider.gif) no-repeat scroll 100% 0;
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
}
/* Teaser */
#main .landscape,
#main .portrait,
#main .neutral {
	width: 210px;
}
#main .landscape .subline,
#main .portrait .subline,
#main .neutral .subline {
	width: 200px;
}
#main .teaser {
	margin-bottom: 10px;
	padding-bottom: 20px;
	height: 1%;
    overflow: hidden;
	background: url(../img/bgs/border.gif) 0 100% repeat-x;
}
#main .teaser h2 {
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#main .teaser h2,
#main .teaser h3 {
	clear: none;
}
#main .teaser h2 a  {
	font-size: 100%;
}
#main .teaser span.section {
	display: block;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-size: 110%;
}
#main .teaser img {
	float: left;
	margin: 0 20px 10px 0;
}
#main .teaser p {
	line-height: 1.3;
}
#wrapper-content #content #main .teaser p a.ic {
	float: right;
	text-decoration: underline;
}
#wrapper-content #content #main .faq-list p a.ic {
	float: none;
}
.teaser ul.linkblock {
	background: #fff;
	padding-left: 0;
	padding-bottom: 0;
}
#marginal .teaser ul.linkblock {
	background: none;
}
.teaser ul.linkblock li {
	list-style-type: none;
	margin-bottom: 5px;
	height: 1%;
}
.teaser ul.linkblock li a {
	font-size: 130%;
	padding-left: 16px;
	background: url(../img/icons/link.gif) 0 4px no-repeat;
}
.teaser span.date {
	display: block;
	margin-bottom: 5px;
	font-style: italic;
	font-size: 110%;
}
.message h2 {
	text-transform: uppercase;
    color: #697C06;
}
.project a,
.action a {
	font-size: 130%;
	margin-bottom: 10px;
}
#main .teaser p.details {
	margin-bottom: 0;
}
#main #list .teaser p {
	margin-bottom: 10px;
}


/* Teaser small  (2 in one line) */
.small {
	width: 47%;
	margin-right: 15px;
	float: left;
}
#main .last {
	margin-right: 0;
}

/* Images Photos */

.image-normal .subline {
	display: block;
	margin-bottom: 10px;
	padding: 3px 5px;
	background: #E5E5E5;
	font-size: 110%;
}
#main .left {
	float: left;
	margin-right: 20px;
}
#main .right {
	float: right;
	margin-left: 20px;
}
#main .image-normal img {
	margin-top: 2px;
}


/* linkblocks */

.teaser ul.linkblock li {
	list-style-type: none;
	margin-bottom: 5px;
	height: 1%;
}
.teaser ul.linkblock li a {
	font-size: 130%;
}
ul.linkblock {
	clear: both;
	list-style: none;
}
ul.linkblock li {
    height: 1%;
}
#main .message ul.linkblock,
#main .download ul.linkblock,
#main .external ul.linkblock {
	clear: none;
	padding-top: 0;
}
#main .richtext ul.linkblock {
	margin:0 0 20px 0;
}
#main .richtext ol {
	margin-left: 25px;
}
#main .richtext ol li {
	font-size: 120%;
	line-height: 1.4em;
	margin-bottom: 5px;
}
#main .richtext ol li ol {
	margin-top: 5px;
}
#main .richtext ol li li {
	font-size: 100%;
}
#main .richtext ul {
    margin: 0 0 20px 20px;
}
#main .richtext ul li {
	font-size: 130%;
    margin-bottom: 5px;
}
.richtext ul.linkblock li a {
	font-size: 100%;
	padding-left: 16px;
	background: url(../img/icons/link.gif) 0 2px no-repeat;
}
#main .richtext {
	height: 1%;
	clear: both;
	margin-bottom: 20px;
}
#main .intro {
	margin-bottom: 10px;
	padding-bottom: 20px;
	height: 1%;
	overflow: hidden;
	background: url(../img/bgs/border.gif) 0 100% repeat-x;
}

/* people, addresses */
#content address {
	font-size: 130%;
	font-style: normal;
}
#content address a {
	font-size: 100%;
	font-style: normal;
}
#content address .additional {
	display: block;
	margin-bottom: 10px;
}

/* events & messages */
#content .message-list h2,
#content .event-list h2 {
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #759817;
	font-size: 170%;
	font-weight: bold;
}
#content .message-list ul.simple,
#content .event-list ul.simple{
	float: none;
}
#content .message-list ul.simple li,
#content .event-list ul.simple li {
	position: relative;
	padding-left: 13em;
}
#content .message-list ul.simple li a,
#content .event-list ul.simple li a {
	display: block;
	height: 1%;
}
#content .message-list ul.simple li a,
#content .event-list ul.simple li a {
	display: block;
	font-weight: normal;
}
#content .message-list ul.simple li a span,
#content .event-list ul.simple li a span {
	position: absolute;
	left:0;
	top:0;
	width: 10em;
	color: #000;
}
.message-list ul.linkblock,
.event-list ul.linkblock {
	float: right;
	padding-right: 0;
}
#wrapper-content #content .message-list ul.linkblock li a.ic {
    background:transparent url(../img/icons/link.gif) no-repeat scroll 0 3px;
	text-decoration: underline;
}


/* FORMS
-----------------  */
#main .standardform legend {
   display: none;
}
#main .standardform fieldset {
	border: none;
}
#main .standardform {
	margin-top: 20px;
	color: #000;
}
#main .standardform .checkbox,
#main .standardform .radio {
	border: none;
	width: auto;
}
#main .standardform {
	padding-top: 10px;
}
#main .standardform label {
   display: block;
   margin-bottom: 5px;
}
#main .standardform input {
	padding: 2px;
	width: 300px;
	border: 1px solid #B2CCCC;
}
#main .standardform input.medium {
   padding: 2px;
    width: 71%;
	float: left;
}
#main .standardform input#street {
   margin-right: 15px;
}
#main .standardform input#housenum {
	margin-right: 0;
}
#main .standardform input.small {
   padding: 2px;
    width: 20%;
}
#main .standardform select {
    width: 20%;
}
#main .standardform select.fullrow {
    width: 100px;
}
#main .standardform textarea {
    width: 96%;
}
#main .standardform .form-entry {
   margin-bottom: 1px;
   overflow: hidden;
   height: 1%;

   background: #e4f1fd;
   padding: 12px;

}
#main .standardform .form-entry strong {
	display: block;
	font-size: 130%;
	margin-bottom: 5px;
}
#main .standardform .form-entry span {
	font-size: 130%;
}
#main .standardform .form-field {
	margin: 10px 0 0 0;
	overflow: hidden;
	height: 1%;
}
#main .standardform .form-field a.ic,
#main .standardform .form-entry a.ic {
   display: block;
   margin-top: 15px;
   padding: 0 0 3px 15px;
   font-size: 130%;
   text-decoration: underline;
}
#main .standardform .form-field input.radio,
#main  .standardform .form-field input.checkbox {
   width: auto;
}
#main .standardform .form-field label {
   display: block;
   margin-bottom: 5px;
}
#main .standardform .form-label span {
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
   font-size: 150%;
   color: #333;
}
#main .standardform input.submit,
#main .standardform input.reset {
	width: auto;
	overflow: visible;
	margin: 0 0 20px 5px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 2px 5px 3px 5px;
	background: #809904;
	color: #fff;
	font-size: 170%;

}
#main .standardform .form-submit {
    width: 100%;
    text-align: right;
}

.hint-box {
	border: 1px solid #ff0000;
	margin: 10px 0 20px 0;
	padding: 10px;
}
.hint-box * {
	color: #ff0000;
}
.hint-box ul {
	padding: 0 0 0 20px;
	font-size: 130%;
}
#main .hint-box p {
	margin: 0 0 10px 0;
}
#main .standardform label.error {
	color: #ff0000;
	font-weight: bold;
}
#main .standardform input.error {
	color: #ff0000;
	border: 2px solid #ff0000;
}

.text-simple {
	margin: 20px 0 0 0;
}



/* Contact */
#main .contact {
	margin-bottom: 25px;
}
#content #main .contact h2 {
	margin-bottom: 20px;
}

/* Imagegallery */
.image-gallery ul li {
	list-style-type: none;
	float: left;
	height: 155px;
	margin: 0 0  30px 36px;
}
#main .image-gallery ul li.first {
	margin-left: 0;
}
#main .image-gallery ul li dl.photo {
	height: 155px;
	width: 155px;
	padding-left: 0;
	background: #E6EEF3;
	overflow: hidden;
}
#main .image-gallery ul li dl.portrait dt img {
	margin-left: 28px;
}
#main .image-gallery ul li dl.photo img {
	margin-top: 28px;
}
#main .image-gallery ul li dl.portrait img {
	margin-top: 0;
}
#main .image-gallery ul li dt {
	padding-left: 0;
	float:none;
	margin-left:0;
	width:auto;
}
#main .image-gallery ul li dd.caption {
    padding: 6px 10px 3px 10px;
}
#main .image-gallery ul li dd.zoom {
    float: right;
    width: 14px;
    padding: 0 0 0 0;
    height: 1.4em;
    margin: 3px 2px 0 0;
}
#main .image-gallery ul li dl.portrait dd.zoom {
    margin: -17px 0 0 0;
}
#main .image-gallery ul li dd.zoom a { /* image zoom */
    display: block;
    right: 0;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background: url(../img/icons/lupe.gif) 0 0 no-repeat;
    text-indent: -4000px;
    z-index: 100;
}

/* Searchresult */
.results li {
	list-style-type: none;
	font-size: 130%;
	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(../img/bgs/border.gif) 0 100% repeat-x;
}
.results li a {
	margin-bottom: 5px;
}
#main .quicksearchform {
	background: #E6EEF3;
	padding: 12px;
}
#main .searchresult form {
	margin-bottom: 20px;
}
#main .searchresult form legend {
	display: none;
}
#main .searchresult label {
   display: block;
   margin-bottom: 5px;
}
#main .searchresult form input {
	padding: 2px;
	width: 300px;
	border: 1px solid #B2CCCC;
}
#main .searchresult form input.medium {
   padding: 2px;
    width: 71%;
	float: left;
}
#main .searchresult form input.small {
   padding: 2px;
    width: 20%;
}
#main .searchresult form select {
    width: 20%;
}
#main .searchresult form select.fullrow {
    width: 100px;
}
#main .searchresult form a.ic {
    font-size: 130%;
	margin-top: 10px;
}
#main .searchresult form .submit {
	width: auto;
	overflow: visible;
	margin: 0;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 0 5px 0 5px;
	background: #809904;
	color: #fff;
	font-size: 170%;
}

/* Sitemap */

.sitemap {
	clear: both;
}
.sitemap ul li {
	font-size: 170%;
	list-style: none;
	line-height: 1.4;
}
.sitemap ul {
	clear: both;
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	background: url(../img/bgs/border.gif) 0 100% repeat-x;
}
.sitemap ul ul {
	margin: 5px 0 0 30px;
	background: none;
}
.sitemap ul li li {
	margin-bottom: 0;
	font-size: 77%; /* 13 px */
}
.sitemap li li a {
	padding: 0 0 0 15px;
	background: url(../img/icons/link.gif) 0 5px no-repeat;

}
.sitemap ul li li li {
	font-size: 100%; /* 13 px */
}


/* MRGINAL
------------------------  */

#marginal .teaser,
#marginal .mod {
	margin-bottom: 15px;
	overflow: hidden;
	padding: 10px 10px 20px 10px;
	background: #EEF5FB;
	width: 15.5em;
}
#marginal .join {
	background: #8DAF34;
	color: #fff;
}
#marginal .teaser h3,
#marginal .mod h3 {
    font-size: 160%;
    margin-bottom: 8px;
    font-weight: bold;
}
#marginal .join h3 {
    font-size: 190%;
    font-weight: normal;
}

#marginal .teaser h3 a,
#marginal .mod h3 a {
    color: #353535;
	font-size: 100%;
}
#marginal .teaser img,
#marginal .mod img {
	float: left;
	margin: 0 10px 10px 0;
	width: 155px;
}
#marginal .teaser p,
#marginal .mod p {
	font-size: 130%;
	line-height: 1.3em;
	margin: 0 0 5px 0;
}
#marginal .teaser a,
#marginal .mod a {
	font-size: 130%;
}
#marginal .teaser p a,
#marginal .mod p a {
	font-size: 100%;
}
#marginal .events ul li {
	list-style-type: none;
}
#marginal .events ul li span.vevent abbr {
	color: #000;
	font-weight: normal;
}
#marginal .events ul li span.vevent span {
	clear: both;
}
#marginal .events ul li span.vevent span.location,
#marginal .events ul li span.vevent span.summary{
    display: inline;
}
#marginal .events ul li.more {
	margin-top: 20px;
}
#marginal ul li {
    margin-bottom: 5px;
    list-style: none;
}
#marginal span.vevent abbr {
    border-bottom: none;
    text-decoration: none;
}
#marginal .join a {
	color: #fff;
	background: url(../img/icons/link_weiss.gif)  0 4px no-repeat;
}



/* FOOTER
--------------------- */

#footer {
	clear: both;
	border-top: 1px solid #000;
	padding: 10px 0 30px 0;

}
#footer #nav-footer {
	float: right;
	width: 49%;
	height: 1%;
}

#footer #nav-footer li {
	list-style: none;
	text-align: right;
}
#footer #nav-footer li a {
	padding-left: 12px;
	background: url(../img/icons/nachoben.gif)  0 4px no-repeat;
	font-weight: normal;
	font-size: 110%;
}
#footer #footer-copyright {
	float: left;
	width: 49%;
	margin: 0 0 50px 0;
    font-size: 110%;
}
/* popup */
.popup #branding {
	clear: both;
	margin: 0;
    width:600px;
	position: relative;
	background: #fff;
	height: 1%;
}
.popup #main {
	  clear: both;
	margin: 0;
    width:540px;
	position: relative;
	background: #fff;
	height: 1%;
	padding: 30px 10px 10px 30px;
	float: none;
}
.popup #logo-2 {
	background:none;
	height:119px;
	position:absolute;
	right:0;
	top:20px;
	width:143px;
}
.popup #logo-2 img {
	position: absolute;
	right: 20px;
    top: 10px;
}