body
{
	background: linear-gradient(to bottom, #0066A6, white);
	background-size: 100% 100px;
	background-repeat: no-repeat;
	/*background-color: white;*/
	margin:           auto; /* vertikale Zentrierung */
	font-family:      sans-serif;
	max-width:        980px;
	padding-right:     10px;
/*	border-style: solid;
	border-color: #0066A6;*/
}

body.fotos
{
	background: white;
	max-width:  none;
	padding-left: 10px;
}

header
{
	background-color: #0066A6;
	margin: 0;
}

.logo
{
	width: 100%;
}

div#wrapper
{
	background: linear-gradient(to right, #0066A6 , white);
	background-repeat: repeat-y;
	background-size: 250px;
	padding-bottom: 1em;
	border-style: solid;
	border-color: #0066A6;
	border-width: 0px;
	border-bottom-width: 1px;
}

/*******************************************************************************
 Oberste Zeile mit Logo, Suchfeld und Sprachumstellung:
 ******************************************************************************/

form.searchField
{
	float: left;
	margin: 14px;
}

form.searchField input[type=text]
{
	border: thin solid lightgray;
	height: 22px;
	margin: 0;
	padding: 0;
}

form.searchField input[type=image]
{
	border: thin solid lightgray;
	margin-left: -6px;
	width: 22px;;
	vertical-align: bottom;
}

ul.language
{
	list-style: none;
	float: right;
}

ul.language li
{
	display: inline;
}

ul.language li a
{
	text-decoration: none;
}

.searchAndLan
{
	float: right;
}

/*******************************************************************************
 Label fuer Klappmenue erst einmal unsichtbar bei breitem Browser-Fenster:
 ******************************************************************************/

input#openMenu
{
	display: none;
}

label.openMenuLabel
{
	text-decoration: none;
	padding-left: 10px;
	font-size: 1.8em;
	font-weight: bold;
	display: none;
}

/*******************************************************************************
 Seite allgemein:
 ******************************************************************************/

article
{
	padding-top: 1px; /* sonst setzt Seamonkey das Menue tiefer!? */
	padding-left: 250px;
/*	border-width: 1px;
	border-style: dashed;*/
}

h1
{
	font-size: 4em;
	color: #0066A6;
	text-shadow: 3px 3px 3px black;
	margin-top: 0.3em;
}

h2
{
	font-size: 2.5em;
	color: #0066A6;
	text-shadow: 2px 2px 1px black;
}

h3
{
	padding-top: 1em;
	font-size: 1.5em;
	color: #0066A6;
	text-shadow: 1px 1px 0px black;
}

h4
{
	padding-top: 1em;
	font-size: 1.2em;
	color: #0066A6;
	text-shadow: 1px 1px 0px black;
}

section
{
	border-style: solid;
	border-color: #2585EB;
	border-width: 0px;
	border-top-width: 1px;
	margin-top: 2em;
}

h3 + img
{
	max-width: 50%;
}

h3 + img + a img
{
	max-width: 50%;
}

h3 + p + img
{
	max-width: 100%;
}

ul.Veranstaltungsliste a:link, a:visited
{
	color: black;
	text-decoration: none;
}

/*******************************************************************************
 "Pfeilnavigation" auf der rechten Seite:
 ******************************************************************************/

ul.arrowNav
{
	float: right;
	margin-top: 1.3em;
   font-family: serif;
	padding-left: 0em;
   font-size: 12pt;
	list-style: none;
}

ul.anH1 { margin-top: 2.5em; }
ul.anH2 { margin-top: 2.2em; }
ul.anH4 { margin-top: 1.0em; }

.arrowNav a:link, .arrowNav a:visited, a.arrowNav
{
	text-decoration: none;
	color: #0066A6;
}

.arrowNav a:hover, a.arrowNav:hover
{
	color: black; 
}

/*******************************************************************************
 Bilder und Videos:
 ******************************************************************************/

video.vid730
{
	max-width: 730px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

video.vid640
{
	max-width: 640px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

img.pic
{
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block; /* richtet Bild ... */
	margin: 0 auto; /* ... mittig aus   */
}

img.pic300
{
	width: 100%;
	max-width: 300px;
	display: block; /* richtet Bild ... */
	margin: 0 auto;
}

img.pic400right
{
	width: 60%;
	float: right;
	max-width: 400px;
	display: block; /* richtet Bild ... */
	margin: 0 auto;
	margin-left: 20px;
}

img.pic400
{
	width: 100%;
	max-width: 400px;
	display: block; /* richtet Bild ... */
	margin: 0 auto;
}

img.pic480
{
	width: 100%;
	max-width: 480px;
	display: block; /* richtet Bild ... */
	margin: 0 auto;
}

img.pic600
{
	width: 100%;
	max-width: 600px;
	display: block; /* richtet Bild ... */
	margin: 0 auto; /* ... mittig aus   */
}

img.pic700
{
	max-width: 700px;
}

img.pic730
{
	max-width: 730px;
   width: 100%;
}

img.pic980
{
	max-width: 980px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

img.floatLeft
{
	float: left;
	width: 40%;
	margin-right: 10px;
}

img.floatRight
{
	float: right;
	width: 40%;
	margin: 5px;
}

img.floatRightButton
{
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

img.rotatedButton
{
	width: 30%;
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	transform: rotate(20deg);
}

img.thumbnails
{
	width: 55%;
}

.picBorder
{
	border-width: 1px;
	border-style: solid;
	border-color: #2585EB;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px;
	line-height: 0;
}

img.picBorder400
{
	border-width: 1px;
	border-style: solid;
	border-color: #2585EB;
	width: 100%;
	max-width: 400px;
	display: block; /* richtet Bild ... */
	margin: 0 auto; /* ... mittig aus   */
}

.neu
{
	display: block;
	color: red;
	font-size: 3.5em;
	font-weight: bold;
	transform: rotate(30deg);
	transform-origin: 0 0;
	float: right;
	padding: .2em;
	margin-top: -.5em;
	/*text-align: center;*/
	border-width: 5px;
	border-style: solid;
	border-radius: 90px;
}

figure.map
{
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block; /* richtet Bild ... */
	margin: 0 auto; /* ... mittig aus   */
}

figcaption.picCopyright
{
	text-align: right;
	font-size: .7em;
}

video
{
	display: block; /* richtet Bild ... */
	margin: 0 auto; /* ... mittig aus   */
}

/*******************************************************************************
 Tabelle mit zentrierten Elementen:
 ******************************************************************************/

table.kandidaten, th.kandidaten, td.kandidaten
{
	border: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding-left: .5em;
	padding-right: .5em;
   border-color: #0066A6;
}

/*******************************************************************************
 Tabelle Buttons:
 ******************************************************************************/

table.buttons
{
	position: relative;
	/*
	top: -50px;
*/
	width: 100%;
}
table.buttons td
{
	vertical-align: top;
	text-align: center;
}

table.buttons img
{
	max-width: 124px;
	width: 100%;
	height: auto;
}

/*******************************************************************************
 Tabelle Vorstand:
 ******************************************************************************/

table.vorstand { width: 100%; }
table.vorstand td
{
	vertical-align: top;
	text-align: center;
}

table.vorstand img
{
	max-width: 200px;
	width: 100%;
	height: auto;
}

table.vorstand img.email
{
	width: auto;
}

/*******************************************************************************
 Tabelle Videos:
 ******************************************************************************/

table.videos { width: 100%; }
table.videos td
{
	vertical-align: top;
	text-align: center;
}

table.videos img
{
	max-width: 365px;
	width: 100%;
	height: auto;
}

/*******************************************************************************
 Tabelle Ortschaften:
 ******************************************************************************/

table.cities
{
	width: 100%;
}

table.cities td
{
	vertical-align: top;
}

table.cities td:first-child
{
	width: 40%;
	white-space: nowrap;
}

/*******************************************************************************
 Tabelle mit zentrierten Elementen:
 ******************************************************************************/

table.centered
{
	text-align:  center;
	white-space: nowrap;
}

iframe
{
	margin-top: 1em;
	width: 100%;
}

table.dealer
{
	margin: 0 0 0 auto;
}

table.dealer td:nth-child(1)
{
	min-width: 20em;
}

/*******************************************************************************
 Fusszeile:
 ******************************************************************************/

footer
{
	padding-top: 1em;
	font-size: 0.8em;
	margin-bottom: 2em;
}

footer div.rightPart /* Impressum und 'Top'-Link nach rechts */
{
	float: right;
}

/*******************************************************************************
 Wenn Browser-Fenster schmaler als 600 Pixel ist:
 ******************************************************************************/

@media screen and (max-width: 600px)
{
	nav.sideMenu { display: none; }
	
	input[type=checkbox]:checked ~ nav.sideMenu
	{
		position: relative;
		display: block;
		margin-top: 0em;
		top: 0em;
	}

	input[type=checkbox]:checked ~ nav.sideMenu li { background-color: #E5F1FD; }

	article
	{
		padding-left: 10px;
		font-size: 0.9em;
	}

	h1	{ font-size: 3em;	}
	h2	{ font-size: 2em;	}
	h3	{ font-size: 1.2em; }
	ul.anH1 { font-size: 1.5em;}
	ul.anH2 { font-size: 1.5em;}
	ul.anH3 { font-size: 1.5em;}
	ul.anH4 { font-size: 1.5em;}
	ul.arrowNav { margin-top: 0.7em; }
	div#wrapper	{ background-size: 0px; }
	label.openMenuLabel { display: block; }
}