@charset "utf-8";
/* CSS Document */

/* Farbdefinitionen 

Überschriften Blau h2: #215480
Überschriften Blau h3: #2c628e
Fliesstext Blau: #124774
Informationsteile blau: #beddfa

*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

fieldset { margin: 0px; padding: 0px;}
dl {margin:0px; padding: 0px;}
dt {margin: 0px; padding: 0px;}
dd {margin: 0px; padding: 0px;}
label {margin:0px; padding: 0px;}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; margin:0; padding:0;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

blockquote {margin:0; padding:0;}

html { 
	text-align : center; 
	background-color:#418fbe; 
	background:url(bilder/inhalt_bg.gif) repeat-y 50%; 
	min-width: 988px;
}

a {
	text-decoration: none;
	color: #beddfa;
	outline: none;
}

body {
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, sans-serif;
	color: #124774;
	margin: 0px;
	padding: 0px;
}

h1 { 
	position : absolute;
	top : -9999px; 
}

h2, h3 {
	text-transform: uppercase;
	color: #215480;
	font-size: 110%;
	margin: 0px;
	padding: 45px 20px 15px 50px;
	font-weight : normal;
	letter-spacing: 0.04em;
}

h2 {
	padding: 42px 20px 15px 75px;
	font-size: 140%;
	background:url(bilder/h2_logo.gif) no-repeat;
	background-position: 30px 16px;
	margin:0;
}

h3 {
	background:url(bilder/h3_logo.gif) no-repeat;
	background-position: 15px 22px;
	color: #2c628e;
}

h4 {
	font-weight : normal;
	margin: -27px 0 0 0;
	padding: 20px 20px 15px 77px;
	background:url(bilder/h4_logo.gif) no-repeat;
	background-position: 43px 20px;
	font-size: 13px;
	color: #beddfa;
	display:block;
}

h5 {
	color: #215480;
	font-size: 110%;
	padding: 13px 20px 0px 50px;
	font-weight : normal;
	letter-spacing: 0.04em;
}

p, blockquote span {
	font-size: 80%;
	margin: 10px 50px 10px 50px;
}

p a, blockquote span a {
	color: #124774;
	font-style:italic;
}

strong {
	font-weight:bold;
}



/* Branding */

#branding {
	height: 95px;
	background-image:url(bilder/branding_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
	min-width: 988px;
	border-bottom: 2px solid white;
}

#album {
	margin: 0 auto;
	height: 229px;
	background-image:url(bilder/album_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
	border-bottom: 2px solid white;
	min-width: 988px;

}

#album #flashcontent {
	margin: 0 auto;
	width: 998px;
}

/* Navigation */

#navigation {
	position: relative;
	width:988px;
	margin: 0 auto 0 auto;
	height: 95px;
}

#navigation img {
	float: left;
	margin: 30px 70px 0px 70px;
}

#navigation ul {
	float: right;
	position: relative;
	top:38px;
	right:0px;
	padding: 0px;
}

#navigation li {
	float: left;
	width: auto;
	margin-right: 2px;
}

#navigation ul li a {
	text-transform: uppercase;
	font-weight: bold;
	color: #eee;
	float:left;
	width: auto;
	background:url(bilder/nav_links.jpg) no-repeat left top;
	font-size: 70%;
}

#navigation  li.current a {
	background-position: 100% 0px;
}

#navigation  li.current a span {
	background-position: 100% 0px;
}

#navigation ul li a span {
  padding: 26px 10px 0 10px;
  height:31px;
  float: left;
  width: auto;
  background:url(bilder/nav_rechts.jpg) no-repeat right top;
  background-position: 100% -120px;
}

#navigation ul li a:hover span {
  cursor: pointer;
  background-position: 100% -240px;
}

#navigation li.current {
	background-position: 0% 0px;
}

#navigation li:hover, #navigation li:hover a span {
	background-position: 0% -240px;
}

#navigation li:hover a span {
	background-position: 100% -240px;
}


#navigation li.current:hover, #navigation li.current a:hover span {
	background-position: 100% -360px;
}

#navigation li.current a:hover  {
	background-position: 100% -360px;
}

#siteinfo { /* der Footer an sich und seine Inhalte */
	display:block;
	position:absolute;
	bottom: 0px;
	left: 0px;
	margin: 0 auto;
	height: 61px;
	background-image:url(bilder/footer_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
	border-top: 1px solid white;
	min-width: 988px;
	color: #beddfa;
	text-transform:uppercase;
}

#login { /* zentriert den Inhalt des Footers */
	margin: 0 auto;
	width: 988px;
	font-size: 11px;
	text-align:left;
}

.intern {
	position: relative;
	float: left;
	top: 9px;
	left: 297px;
	background:url(bilder/intern.gif) no-repeat left top;
	padding-left: 22px;
}

.tx-loginboxmacmade-pi2 {
	position: relative;
	float: left;
	top: 5px;
	left: 345px;
}

.tx-loginboxmacmade-pi2 label{
	margin-left: 5px;
}

.tx-loginboxmacmade-pi2 label span{
	text-transform: none;
}


.login_input {
	width: 95px;
	height: 13px;
	font-size: 11px;
	text-transform:none;
	background-color: #96cae7;
	border: 1px solid #6589a8;
	margin-left: 5px;
	color: #124774;
}

.button {
	position: relative;
	top: 4px;
	left: 0px;
	height: 16px;
}



/* Layout */

#content { /*beinhaltet die ganze Seite außer den Footer */
	padding-bottom: 30px;
}

#inhalt { /* für den eigentlichen Inhalt der Seite */
	width:988px;
	margin: 0 auto;
	text-align:left;
}

.linkeSpalte {
	background:url(bilder/h3_bg.jpg) repeat-x;
	float: left;
	width: 247px;
}

.mittlereSpalte {
	background:url(bilder/h2_bg.jpg) repeat-x;
	float: left;
	width: 494px;
}


.clear {clear: both;}

.rechteSpalte {
	background:url(bilder/h3_bg.jpg) repeat-x;
	float: left;
	width: 247px;
}

/* Infoblock */

#infoblock { /* der Infoblock beinhaltet das Suchfeld und die Metanavigation  */
	margin: 0 auto;
	height: 34px;
	background-image:url(bilder/metanav_bg.jpg);
	background-repeat:repeat-x;
	width: 100%;
	border-bottom: 1px solid white;
	min-width: 988px;	
}

#infoinhalt {
	width:988px;
	margin: 0 auto;
	text-align:left;
	text-transform:uppercase;
	font-size: 70%;	
}

#infoinhalt div {
	border-left: 1px solid #6892b6;
	border-right: 1px solid #6892b6;
	height: 34px;
}

#suche {
	float: left;
	width: 246px;
}

#metanavi {
	float: right;
	width: 246px;
}

#metanavi ul {
	margin-left: 27px;
	margin-top: 10px;
	padding: 0px;
}

#metanavi ul li {
	display: inline;
	color: #beddfa;
	margin: 0px 8px 8px 5px;
}

/* Suchformular */

.suchformular {
	margin: 3px 20px 5px 40px;
	color: #beddfa;
}

.suchformular input {
	position: relative;
	top: 0px;
	left: 0px;
	width: 95px;
	height: 13px;
	font-size: 11px;
	text-transform:none;
	background-color: #96cae7;
	border: 1px solid #6589a8;
	margin-left: 8px;
	color: #124774;
	padding: 0 5px 0 3px;
}

.suchformular img {
	position: relative;
	top: 3px;
	left: 0px;
	margin-top: 4px;
	margin-right: 7px;
}

/* Photogalerie */

.linkeSpalte ul {
	height: 280px;
	margin: 15px 30px 20px 29px;
	background: url(bilder/platzhalter.gif);
	background-position: 3px -2px;
	padding: 0px;
}

.linkeSpalte ul li {
	display: inline;
	padding: 0px;
	float: left;
	margin: 0px 0px 5px 5px;
	background-position: 5px 5px;
	width: 75px;
	height: 75px;
	overflow:hidden;
	border: 6px solid white;
}

.unsichtbar {  /* enfernt alle Bilder ab dem 7.Bild */
	position : absolute;
	top : -9999px; 
}

/*.linkeSpalte ul img {
	border: 6px solid white;
}*/

/* Unternavigation */

.rechteSpalte ul {
	margin: 15px 36px 30px 27px;
	border-top: 1px solid #3a7096;
	padding: 0px;
}

.rechteSpalte ul li {
	padding-bottom: 5px;
	border-bottom: 1px solid #3a7096;
	margin-top: 4px;
}

.normal a {
	background:url(bilder/interner_link.gif) no-repeat;
	background-position: 0px 1px;
	padding: 1px 0px 1px 21px;
	color: #124774;
	font-size: 80%;
}

.normal a:hover {
	color: #beddfa;
	background:url(bilder/interner_link_hover.gif) no-repeat;
	background-position: 0px 1px;
}

.zurueck a {
	margin-left: 50px;
	padding: 15px 0px 15px 23px;
	background:url(bilder/zurueck.gif) no-repeat;
	background-position: 0px 12px;
	color: #124774;
	font-size: 70%;
}

.zurueck a:hover {
	color: #beddfa;
	background:url(bilder/zurueck_hover.gif) no-repeat;
	background-position: 0px 12px;
}

.drucken_news {
	margin-left: 150px;
}

.drucken {
	margin-left: 343px;
}

.drucken a, .drucken_news a {
	padding: 15px 0px 15px 23px;
	background:url(bilder/drucken.gif) no-repeat;
	background-position: 0px 12px;
	color: #124774;
	font-size: 70%;
}

.drucken a:hover, .drucken_news a:hover {
	color: #beddfa;
	background:url(bilder/drucken_hover.gif) no-repeat;
	background-position: 0px 12px;
}

.newsletter a  {
	background:url(bilder/newsletter.gif) no-repeat;
	background-position: 0px 1px;
	padding: 1px 0px 1px 21px;
	color: #124774;
	font-size: 80%;
}

.newsletter a:hover {
	color: #beddfa;
	background:url(bilder/newsletter_hover.gif) no-repeat;
	background-position: 0px 1px;
}

.dateilink a  {
	background:url(bilder/datei_link.gif) no-repeat;
	background-position: 0px 1px;
	padding: 1px 0px 1px 21px;
	color: #124774;
	font-size: 80%;
}

.dateilink a:hover {
	color: #beddfa;
	background:url(bilder/datei_link_hover.gif) no-repeat;
	background-position: 0px 1px;
}

.externerlink a  {
	background:url(bilder/externer_link.gif) no-repeat;
	background-position: 0px 1px;
	padding: 1px 0px 1px 21px;
	color: #124774;
	font-size: 80%;
}

.externerlink a:hover {
	color: #beddfa;
	background:url(bilder/externer_link_hover.gif) no-repeat;
	background-position: 0px 1px;
}


/* News-Datensätze */

.mittlereSpalte cite {
	position:relative;
	left: 65px;
	top: 26px;
	font-style:italic;
	font-size: 11px;
	color: #2f5f87;
}

blockquote span {
	border-bottom: 1px solid #3a7096;
	padding-bottom: 15px;
	margin-bottom: 10px;
	display:block;
}

.verdecker {
	float: left;
	background-color: #5398c3;
	width: 400px;
	height: 4px;
	margin: -13px 0px 0px 50px;
}


.zitat {
	font-weight : normal;
	font-style:italic;
	margin: 0 50px 0 30px;
	padding: 15px 0px 10px 30px;
	background:url(bilder/h4_logo.gif) no-repeat;
	background-position: 3px -1px;
	font-size: 13px;
	color: #124774;
	display:block;
}

/* Newsletterformular */


.tx-sremailsubscribe-pi1 span {
	color: pink;
}

.tx-sremailsubscribe-pi1 dl {
	margin-left: 50px;
}

.tx-sremailsubscribe-pi1 label { 
	font-size: 80%;
}

.tx-sremailsubscribe-pi1 dt { margin: 5px 0px 3px 0px; }

.tx-sremailsubscribe-pi1 dd { display: inline;  }

.tx-sremailsubscribe-pi1 input { 
	color: #124774;
	font-size:80%;
	background-color: #96cae7;
	border: 1px solid #6589a8;
	padding-left: 5px;
}

.tx-sremailsubscribe-pi1 fieldset {
	margin: 0px 0px 20px 0px;	
}

/* Interner Bereich Login */


.tx-loginboxmacmade-pi1 span {
	color: pink;
}

.tx-loginboxmacmade-pi1 dl {
	margin-left: 50px;
}

.tx-loginboxmacmade-pi1 label { 
	font-size: 80%;
}

.tx-loginboxmacmade-pi1 dt { margin: 5px 0px 3px 0px; }

.tx-loginboxmacmade-pi1 dd { display: inline;  }

.tx-loginboxmacmade-pi1 input { 
	color: #124774;
	font-size:80%;
	background-color: #96cae7;
	border: 1px solid #6589a8;
	padding-left: 5px;
}

.tx-loginboxmacmade-pi1 fieldset {
	margin: 0px 0px 20px 0px;	
}

.tx-loginboxmacmade-pi1-error {
	color: pink;
}

/* Kontaktformular */

#kontakt {
	margin-left: 50px;
	font-size: 12px;
}

#kontakt dl {
	float: left;
}

#kontakt dt {
	margin: 8px 0px 2px 0px;
}

#kontakt input, #kontakt select, #kontakt textarea {
	border: 1px solid #789bb6;
	background-color: #a7d5ec;
	height: 22px;
	padding-top: 2px;
	color: #124774;
	font-size:100%;
}


#kontakt input {
	height: 14px;
	padding: 2px 4px 2px 4px;
}




#kontakt fieldset {
	margin-bottom: 30px;
}


#kontakt .kurz, #kontakt select {
	width: 179px;
	margin-right: 18px;
}

#kontakt select {
	width: 189px;
}

#kontakt .lang, #kontakt textarea {
	width: 385px;
}

#kontakt textarea {
	height: 110px;
	color: #124774;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 2px 4px 2px 4px;
}

#kontakt .pflichtfelder {
	margin: 0;
	float: left;
}

#kontakt .submit {
	position: relative;
	left: 258px;
	top: 15px;
}

#kontakt .fehler {
	color: pink;
	margin-top: 11px;
}