@CHARSET "UTF-8";

@font-face {
	font-family: "Titillium Maps 750wt";
	src: url("../fonts/TitilliumMaps26L001.eot");
	src: local("TitilliumMaps26L"), 
	     local("TitilliumMaps26L-750wt"), 
	     url("../fonts/TitilliumMaps26L001.ttf") format("truetype"),
	     url("../fonts/TitilliumMaps26L001.svg#TitilliumMaps26L-750wt") format("svg");
}

/*

Grün: #2aa284;
Gelb: #f6e939;
Grau: #999;
Dunkelgrau: #404040;

*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.95em;
	line-height: 1.4em;
	color: #222;
}

h1, h2, h3, h4, h5, p, ul, li, table, form {
	margin: 0 0 0.8em 0;
}

h1, h2, h3, h4, h5 {
}

h1 {
}

h2 {
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1em;
	margin-bottom: 0;
}

h5 {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
}

/*
p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

p strong,
p em {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
*/

ul, ol {
	list-style: square outside;
	margin-left: 0;
	padding-left: 2.2em;
}

ul li, ol li {
	margin: 0 0 0.5em 0;
}

table {
	font-size: 1em;
}

form {
	font-size: 1em;
	padding: 0;
}

em {
}

small {
	font-size: 0.85em;
}

img, a, a:link, a:visited, a:hover, a:focus, a:active, 
	button, button:hover, button:focus, button:active {
	outline: none; border: none;
}

button::-moz-focus-inner { border: 0; }

a,
a:link,
a:visited {
	color: #2aa284;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: black;
}


/********************/
/***** Struktur *****/
/********************/

html, body {
	height: 100%;
}

body {
	text-align: center;

	margin: 0; padding: 0;
	
	background: #bfd2de url(../hintergruende/himmel.jpg) top center repeat-x;	
}

#schraffur {
	min-height: 100%;
	margin-bottom: -16px;

	background:url(../hintergruende/schraffur.png) top center repeat;
}

#container {
	margin: 0 auto;
	padding: 0 16px;

	width: 952px;
	
	background: url(../hintergruende/schatten_content.png) top center repeat-y;
	border-bottom: 1px solid transparent;
}

#rand {
	margin: 0 auto;
	padding: 0 16px 3em 16px;

	height: 16px;
	width: 952px;
	
	background: url(../hintergruende/schatten_rand.png) top center no-repeat;
}

.clear {
	clear: both;
}

.ohne_abstand {
	margin-bottom: 0;
}


/***************************/
/*****//* !Branding *//*****/
/***************************/

#branding {
	text-align: left;
	width: 952px; height: 200px; overflow: hidden;

	background: white url(../kopf/motive/megane_heck.jpg) 0 12px no-repeat;
}

#branding .motiv {
	height: 200px; display: block;

	background-color: transparent;
	background-position: 0 12px;
	background-repeat: no-repeat;
}

#branding .streifen {
	position: absolute; top: 0;

	width: 952px; height: 44px;
	background: url(../kopf/streifen.png) 0 0 no-repeat;
}

#branding h1,
#branding h2 {
	display: block; height: 0; width: 0; overflow: hidden;
}

#branding img {
	position: absolute; top: 44px;
	margin: 20px 0 0 60px;

	width: 267px; height: 73px;
	background: url(../kopf/logo.png) 0 0 no-repeat;
}

#branding img.print {
	display: none;
}

/*****************************/
/*****//* !Navigation *//*****/
/*****************************/

#navigation {
	font-family: "Titillium Maps 750wt", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #404040;
	
	margin: 0;
	padding: 6px 0 12px 0;

	background-color: white;
	border-bottom: 3px solid #e5e5e5;
}

#navigation ul {
	list-style: none outside;
	
	margin: 0;
	padding: 0 64px;
}

#navigation ul li {
	float: left; display: inline;

	text-indent: 0;
	line-height: 24px;
	
	margin: 0 16px;
	padding: 0;
}

#navigation ul.top {
	height: 20px;
	
	background-color: #ccc;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #b7b7b7;
}

#navigation ul.top li {
	margin: -2px 0 -2px -10px;
	padding: 0;
}

#navigation ul.top li.first {
	margin-left: 0;
	padding: 0;
}

#navigation ul.sub {
	height: 1.7em;
	padding: 0 68px;
}

#navigation ul.sub li {
	height: 1.7em;
	margin: 0 8px;
}


/* Links */

#navigation a,
#navigation a:link,
#navigation a:visited {
	color: #404040;
	text-decoration: none;
}

#navigation a:hover,
#navigation a:focus {
	color: #2aa284;
}

#navigation a:active {
}

#navigation li.aktuell a,
#navigation li.aktuell a:link,
#navigation li.aktuell a:visited {
	color: #2aa284;
	text-decoration: none;
}

#navigation li.aktuell a:hover,
#navigation li.aktuell a:focus {
	color: #2aa284;
}

#navigation li.aktuell a:active {
}


#navigation li a span {
	padding: 0 18px 0 18px;

	height: 24px; display: block;
	
	background: url(../navigation/hintergrund.png) 0 0 no-repeat;
}

#navigation li a span,
#navigation li a:link span,
#navigation li a:visited span {
	background-position: 0 0;
}

#navigation li a:hover span,
#navigation li a:focus span {
	color: white;
	background-position: 0 -24px;
}

#navigation li a:active span {
	color: white;
	background-position: 0 -48px;
}

#navigation li.aktuell a span,
#navigation li.aktuell a:link span,
#navigation li.aktuell a:visited span {
	color: white;
	background-position: 0 -48px;
}

#navigation li.aktuell a:hover span,
#navigation li.aktuell a:focus span {
	color: white;
	background-position: 0 -24px;
}

#navigation li.aktuell a:active span {
	color: white;
	background-position: 0 -48px;
}

#navigation li.first a span {
	padding-left: 12px;
}

#navigation li.first a span,
#navigation li.first a:link span,
#navigation li.first a:visited span {
	background-position: -20px 0;
}

#navigation li.first a:hover span,
#navigation li.first a:focus span {
	background-position: -20px -24px;
}

#navigation li.first a:active span {
	background-position: -20px -48px;
}

#navigation li.aktuell.first a span,
#navigation li.aktuell.first a:link span,
#navigation li.aktuell.first a:visited span {
	background-position: -20px -48px;
}

#navigation li.aktuell.first a:hover span,
#navigation li.aktuell.first a:focus span {
	background-position: -20px -24px;
}

#navigation li.aktuell.first a:active span {
	background-position: -20px -48px;
}


#navigation li.last a span {
	padding-right: 12px;
}


/**************************/
/*****//* !Content *//*****/
/**************************/

#content {
	text-align: left;
	color: #333;

	margin: 0;
	padding: 24px 24px 0 68px;

	background: white url(../hintergruende/content.png) bottom right repeat-y;
	border-top: 3px solid white;
	border-bottom: 1px solid transparent;
}

#content img {
	margin: 0.2em 0 1em 0;
	background-color: white;
}

#content img.inline {
	float: left; display: inline;
	margin-right: 16px;
	margin-bottom: 0.5em;
}

#content .bildunterschrift {
	color: #999;
	font-size: 0.85em;
	line-height: 1.4em;
}

#content p.bildunterschrift {
	margin-top: -0.6em;
	margin-bottom: 1.2em;
}

#content h2 {
	font-family: "Titillium Maps 750wt", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	color: white;
	
	margin-left: -4px; margin-right: -4px;
	margin-bottom: 1.5em;
	padding: 0.1em 12px 0 12px;
	
	display: block;
	
	background-color: #2aa284;
}

#content .hauptspalte {
	float: left; display: inline;
	width: 520px;
}

#content .hauptspalte img {
	margin-left: -4px; margin-right: -4px;
}

#content .hauptspalte img.inline {
	margin-right: 16px;
}

#content .hauptspalte h3 {
	margin: 0 -4px 0.75em -4px;
	padding: 0 4px 0.5em 4px;

	border-bottom: 1px solid black;
}

#content .marginalspalte {
	font-size: 0.85em;

	float: right; display: inline;
	width: 240px;
}

#content .marginalspalte h2 {
	font-size: 1em;
	margin-left: -4px; margin-right: 0;
	background-color: #999;
}

#content .marginalspalte h3 {
	font-size: 1.1em;
	margin-bottom: 1em;
	padding-bottom: 0;
	border-bottom: 0;
}

#content .marginalspalte h5 {
	font-size: 0.9em;
}


/*****//* !Tabellen *//*****/

#content table {
	border-collapse: collapse;
	padding: 0;

	border: 0;
}

#content table th,
#content table td {
	text-align: left;
	padding: 0;
}

#content table th {
	font-weight: normal;
	padding-right: 0.5em;
}


/* Tabellen: Bilder */

#content table.bilder {
	margin-left: -4px;
}

#content table.bilder tr {
	border-bottom: 16px solid white;
}

#content table.bilder th {
	padding: 0;
	width: 120px; height: 120px;
}

#content table.bilder th a {
	margin: 0; padding: 0;
}

#content table.bilder th img {
	margin: 0;
	background-color: #333;

	background-position: center center;
	background-repeat: no-repeat;
}

#content table.bilder td {
	padding-left: 16px;
	vertical-align: top;
}


/* Partner */

#content table.partner {
	margin-left: -4px;
}

#content table.partner tr {
	border-bottom: 16px solid white;
}

#content table.partner th {
	vertical-align: top;

	padding: 0;
	width: 120px; height: 120px;
}

#content table.partner th a {
	margin: 0; padding: 0;
}

#content table.partner th img {
	margin: 0; 
}

#content table.partner td {
	padding-left: 16px;
	vertical-align: top;
}


/* Daten */

#content table.daten {
	width: 100%;
	margin-left: -4px;
	border-top: 2px solid white;
}

#content .marginalspalte table.daten {
	width: 244px;
}

#content table.daten tr {
	background-color: #fcf8c3;
	border-bottom: 2px solid white;
	vertical-align: top;
}

#content table.daten tr.alt {
	background-color: #f6e939;
}

#content table.daten th {
	font-weight: bold;
	padding: 0.1em 0.6em;
}

#content table.daten td {
	text-align: right;
	padding: 0.1em 0.6em;
}


/*****/ /* !Links *//*****/

#content a,
#content a:link,
#content a:visited {
	color: #2aa284;
	text-decoration: none;
	margin: 0 -0.2em;
	padding: 0 0.2em;
}

#content a:hover,
#content a:focus {
	text-decoration: underline;
}

#content a:active {
	text-decoration: none;
	color: white;
	background-color: #2aa284;
}

#content .marginalspalte a,
#content .marginalspalte a:link,
#content .marginalspalte a:visited {
}

#content .marginalspalte a:hover,
#content .marginalspalte a:focus {
}

#content .marginalspalte a:active {
	background-color: #999;
}

#content a img {
	vertical-align: bottom;
	margin-left: -0.2em; margin-right: -0.2em;
}


/*****//* !Blöcke *//*****/

#content .block,
#content .cms_artikel {
	margin-bottom: 2em;
}

#content .block h2 {
	background-color: #999;
}

/* Termine */

#content .block.termine .block {
	margin-bottom: 1em;
}
#content .block.termine h3, 
#content .block.termine p {
	margin-bottom: 0;
}

/* Socials */

#content .block.socials {
	margin-left: -4px;
}

#content .block.socials h2 {
	margin-left: 0;
}

#content .block .twtr-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#content .block .twtr-widget .twtr-hd,
#content .block .twtr-widget .twtr-ft {
	line-height: 1em;
}

#content .block .twtr-widget a {
	margin: 0; padding: 0;
}

#content .block .twtr-widget img {
	margin-bottom: 0;
	background-color: #2aa284;
}

#content .block.socials .badge {
	margin-bottom: 12px;	
}

#content .block.socials .badge a,
#content .block.socials .badge a:link,
#content .block.socials .badge a:visited {
	color: #222;
	font-weight: bold;
	line-height: 1.2em;

	padding: 12px 12px 12px 60px;
	margin-left: 0px;
	
	display: block;
	min-height: 36px; height: auto !important; height: 36px;
	
	background-color: white; background-position: 12px 12px; background-repeat: no-repeat;
}

#content .block.socials .badge a:hover,
#content .block.socials .badge a:focus {
	color: #222;
}

#content .block.socials .badge a:active {
	color: #2aa284;
}

#content .block.socials .badge.facebook a {
	background-image: url(/media/facebook_logo.png);
}

#content .block.socials .badge.twitter a {
	background-image: url(http://twitter-badges.s3.amazonaws.com/t_logo-a.png);
}


/*****/ /* !Inline-Navigation *//*****/

#content .navigation {
	font-size: 0.85em;
}

#content ul.navigation {
	list-style: none inside;
	padding-left: 0;
}

#content ul.navigation li {
	float: left; display: inline;
	white-space: nowrap;
	margin-right: 1.5em;
}

#content .block.navigation {
	border-top: 1px solid #2aa284;
}


/*****//* !Partner *//*****/

#content .block.partner {
	margin-left: -4px; margin-right: -20px;
}

#content .block.partner h2 {
	margin-left: 0; margin-right: 20px;
	margin-bottom: 16px;
}

#content .block.partner img {
	float: left; display: inline;

	margin: 0 16px 0 0;
	
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
}

#content .block.partner a {
	float: left; display: inline;
	margin: 0 16px 0 0;
	padding: 0;
}

#content .block.partner a img {
	float: none;
	margin: 0;
}

#content .block.partner a span {
	background-color: white;
	display: block;
	
}

#content #flashmovie {
	margin-top: -1em;
	width: 240px;
}

/****************************/
/*****//* !Formulare *//*****/
/****************************/

#content form {
}

#content form fieldset {
	border: none; outline: none;
	margin: 0; padding: 0;
	margin-bottom: 2em;
}

#content .meldung {
	margin: 0 3px 1em 3px;
	padding: 0.4em 0.8em;

	background: white url(/media/schraffur.png) 0 0 repeat;

	outline: 3px solid #e4e5e4;
	border: 3px solid white;
}

#content .meldung h4 {
	margin-bottom: 0.2em;
}

#content .meldung ul {
	list-style: square inside;
	margin: 0 0 0.2em 0;
	padding: 0;
}

#content .meldung ul li {
	padding-left: 1.2em;
	text-indent: -1em;
	margin-bottom: 0em;
}

#content form .fehler label {
	padding: 0.1em 0.3em;
	background: #fbe72b url(/media/schraffur_gelb.png) 0 0 repeat;
}

#content form input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}

#content form input.text {

	padding: 3px 4px;

	width: 510px; /* 520px */
	
	border: 1px solid #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
}

#content button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: white;
	
	vertical-align: top;

	cursor: pointer;
	
	padding: 0.3em 0.6em; margin: 0 16px 0 0;
	
	width: auto;
	overflow: visible; /* fuer IE */
	
	background-color: #404040;

	border: 0; outline: none;

	border-radius: 6px;
	-moz-topleft: 6px;
	-webkit-radius: 6px;
}

#content button:hover,
#content button:focus {
	background-color: #2aa284;
}

#content button:active {
	margin: 2px 14px -2px 2px;

	background-color: #2aa284;
}


/*************************/
/*****//* !Footer *//*****/
/*************************/

#footer {
	margin: 0;
	padding: 0;
	
	height: 80px;
	
	background: white url(../hintergruende/footer.png) top right repeat-y;
	border-bottom: 2px solid white;
}