/*
die 4 Farben nach den Richtlinien der Bundes-SPD:
#E2001A - das Rot, Hauptfarbe
#990066 - das Lila, die Sekundärfarbe
#fff0b9 - Sandfarbe
#a2d4c7 - Hellblau
*/
body {
	background-color:#fff2bd;
}
.wrapper {
	margin: 24px auto 0 auto;
	padding:0 0 12px 0;
	max-width:1200px;
	background-color:#fff;
	box-shadow:0 0 6px 4px rgba(0,0,0,0.2);
}

header { position:relative;}

h1, h2, h3 { font-weight:normal; }
h1 { font-size:2.0em; color:#004c9e; }
h2 { font-size:1.5em; color:#004c9e; }
h3 { font-size:1.3em; line-height:1.2em; color:#004c9e; }
.right { text-align:right !important; }

hr {border:none ;
background-color:#CCC;height:1px;}

/* ------- der Headerbereich mit Navigation + Logo ------- */
.logo {padding:0;
		width:100%;
		height:auto;
		top:0px;
		left:0px;
		} /* mit max-width:30% wird das Logo für Smartphones klein skaliert */


/* ------- die Navigation ------- */
.navbar {
	margin:0 20px 0 20px;
	padding:0;
}
nav a { color:#444; }
/* die aktivierten Hauptmenüpunkte: */

/* die aktivierten Untermenüpunkte: */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    color:#fff; background-color:#6b99ca; background-image:none;
}
/* der Pfeil neben den Menüpunkten */
.caret { border-top-color:#444 !important; border-bottom-color:#444 !important;}

/* -------- der Inhalt ---------- */
#content { padding:22px 22px; } /* der Inhalt unterhalb der Navi */
#content figure { max-width:80% }

/* ------- der Seitenfuß ------- */
.footer {
	margin:8px auto;
}
.footer .span12 a {
	text-decoration:none;
}
/* --- die aktuellen Nachrichten auf der Startseite --- */
.thumbnail { padding:12px; margin:12px 0; }
.thumbnail h3 { color:#004c9e; } 
.thumbnail img { max-width:50%; }

/* --- die Beitragslisten 'Aktuelles' und 'Veranstaltungen --- */
dl dd { border-bottom:1px solid #ddd; margin-bottom:6px; padding-bottom:6px; }
dl img { margin:0 0 6px 12px; float:right; max-width:100px; max-height:100px;}
/* --- die Suche --------------------------------------------- */
ul.suche li { border-top:1px solid #ddd; padding:10px 0 0 0; } 
ul.suche img { margin:6px; float:right; }

/* --- das Modalfenster für Bilder größer machen als von Bootstrap vorgegeben --- */
body .modal {
    width: 800px; /* new custom width */
   /* margin-left must be half of the width, minus scrollbar on the left (30px) */
		margin: auto 0 auto -400px;
}
body .modal-body {
	max-height:460px;
}
/* ------- Login-Formular ------- */
.login_formular {
	margin:0 auto;
	width:340px;
}
/* ------- PDF-Links ausweisen ------- */
a[href$='.pdf'] {
	background: transparent url(/ics/pdf.png) 0 50% no-repeat;
	padding:6px 0px 6px 36px;
}
a[href$=pdf]:after {
	content: " (PDF)";
}

/* rechte Spalte unter 1050 Pixeln Breite ausblenden */
@media all and (max-width: 1050px) {
/*	.aside { display:none !important; } */
}

/* ---------- Tabellen responsive-fähig machen (http://karldoyle.ie/Bootstrap/tables.html): ------------- */
@media (max-width: 767px) {
	table thead { display: none; } /* hide thead in mobile */
	tr {
		position: relative;
		overflow: auto;
		display: block;
		padding:10px;
		margin-left: 0;
		margin-top: 0;
	}
	td {
		margin: 2px 0;
		padding: 0 4px;
		display: block;
		border: 0;
		float: left;
		border: 1px solid #ddd;
	}
}
@media (max-width: 500px) {
	table tbody tr {
		width: 100%;
		float: none;
	}
}
@media (min-width: 501px) and (max-width: 767px) {
	table tbody tr {
		width: 48%;
		float: left;
	}
}