/* CSS-Dokument */

html, body, div, p, h1, h2, h3, ul, li, span, a {
	font-family: Arial, Helvetica, sans-serif;
}


/* =====================================================
========================================================
1_LAYOUTSTRUKTUR
========================================================
======================================================== */

html { height: 100% }
 
body {
   margin: 0px 0px 0px 0px;
   background-color: #000000;
   min-height: 101%;
}

div#mainContainer {
	margin: 0 auto;
	position: relative;
	width: 880px;
	padding: 0px 8px 0px 8px;
	background-image: url(images/bg_shadow.png);
  background-repeat: repeat-y;
	z-index: 2;
}

div#endContainer {
	margin: 0 auto;
	position: relative;
	width: 896px;
	height: 8px;
  background-image: url(images/bg_shadow_end.png);
  background-repeat: no-repeat;
	z-index: 2;
}


/* =====================================================
========================================================
2_HEADER
========================================================
======================================================== */

div#header {
  position: relative;
  width: 880px;
  height: 287px;
  background-image: url(images/head_bg.jpg);
  background-repeat: no-repeat;
  background-color: #000000;
  border-bottom: 1px solid #ff7d00;
  z-index: 3;
}

div#language {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #93999f;
	font-size: 9px;
	z-index: 4;
}

div#mainMenuLeft {
  position: absolute;
  top: 129px;
  left: 10px;
  width: 354px;
	font-size: 11px;
	color: #ff7d00;
	text-align: left;
  z-index: 6;
}

div#mainMenuRight {
  position: absolute;
  top: 129px;
  right: 10px;
  width: 354px;
	font-size: 11px;
	color: #ff7d00;
	text-align: right;
  z-index: 6;
}

.mainMenuLink a:link { font-size: 11px; text-decoration:none; font-weight: normal; color:#ffffff; }
.mainMenuLink a:visited { font-size: 11px; text-decoration:none; font-weight: normal; color:#ffffff; }
.mainMenuLink a:active { font-size: 11px; text-decoration:none; font-weight: normal; color:#ffffff; }
.mainMenuLink a:hover { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }


.mainMenuLinkAktiv a:link { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }
.mainMenuLinkAktiv a:visited { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }
.mainMenuLinkAktiv a:active { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }
.mainMenuLinkAktiv a:hover { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }

div#logo {
  position: absolute;
  top: 63px;
  left: 0px;
  width: 880px;
  text-align: center;
  z-index: 4;
}

div#headerHeadline {
  position: absolute;
  top: 250px;
  left: 0px;
  width: 880px;
  height: 25px;
  padding-top: 4px;
  text-align: center;
  background-image: url(images/headline_bg.png);
  background-repeat: no-repeat;
  z-index: 4;
}

h2 {
	margin: 0px;
  padding: 0px;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

h2 a:link { font-size: 18px; text-decoration:none; font-weight: normal; color:#ffffff; }
h2 a:visited { font-size: 18px; text-decoration:none; font-weight: normal; color:#ffffff; }
h2 a:active { font-size: 18px; text-decoration:none; font-weight: normal; color:#ffffff; }
h2 a:hover { font-size: 18px; text-decoration:none; font-weight: normal; color:#ff7d00; }

/* =====================================================
========================================================
3_SUBMENUS
========================================================
======================================================== */

/* =====================================================
3_1_SUBMENU SFX
===================================================== */
div#submenuSfx {
	position: relative;
	width: 672px;
	margin: 10px 104px 0px 104px;
	background-color: #ffffff;
	color: #ff7d00;
	font-size: 12px;
	text-align: center;
	z-index: 4;
}

.tblSubmenu { text-align: center; }

.tdSubmenu { padding-bottom: 5px; }

.submenSfxLink a:link { font-size: 12px; text-decoration:none; font-weight: normal; color:#000000; }
.submenSfxLink a:visited { font-size: 12px; text-decoration:none; font-weight: normal; color:#000000; }
.submenSfxLink a:active { font-size: 12px; text-decoration:none; font-weight: normal; color:#000000; }
.submenSfxLink a:hover { font-size: 12px; text-decoration:none; font-weight: normal; color:#ff7d00; }

/* =====================================================
3_2_SUBMENU FEUERWERKE
===================================================== */
div#submenuFeuer {
	position: relative;
	width: 880px;
	margin: 10px 0px 0px 0px;
	background-color: #ffffff;
	color: #ff7d00;
	font-size: 11px;
	text-align: center;
	z-index: 4;
}

.submenuFeuerLink a:link { font-size: 11px; text-decoration:none; font-weight: normal; color:#000000; }
.submenuFeuerLink a:visited { font-size: 11px; text-decoration:none; font-weight: normal; color:#000000; }
.submenuFeuerLink a:active { font-size: 11px; text-decoration:none; font-weight: normal; color:#000000; }
.submenuFeuerLink a:hover { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }

/* =====================================================
========================================================
4_CONTENTBOX
========================================================
======================================================== */
/* nur Startseite */
div#contentBoxStart {
	position: relative;
	width: 840px; /*880*/
	height: 322px; /*442*/
	margin: 0px;
	padding: 70px 20px 50px 20px;
	background-image: url(images/home_bg.jpg);
  background-repeat: no-repeat;
	z-index: 4;
}

div#contentBox {
	position: relative;
	width: 840px; /*880*/
	margin: 0px 20px 0px 20px;
	z-index: 4;
}

/* =====================================================
4_1_ÜBERSCHRIFT
===================================================== */

div#headLine840Start {
	position: relative;
	width: 840px;
	margin: 0px 0px 0px 0px;
	/*font-size: 36px;*/
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	z-index: 5;
}

div#headLine410 {
	position: relative;
	width: 410px;
	margin: 30px 0px 0px 0px;
	border-bottom: 2px solid #1a252f;
	z-index: 5;
}

div#headLine840 {
	position: relative;
	width: 840px;
	margin: 30px 0px 30px 0px;
	border-bottom: 2px solid #93999f;
	z-index: 5;
}



/* =====================================================
4_2_FLOAT-BOXEN
===================================================== */

#colLeftBox {
	 float: left; 
	 width: 410px;
	 padding-right: 10px; 
	 z-index: 5;
}

div#colRightBox {
	 float: left;
	 width: 410px;
	 margin-top: 0px;
	 margin-bottom: 20px;
	 padding-left: 10px;
	 font-size: 11px;
   text-align: justify;
   color: #0f110b;
	 z-index: 5;
}

div#footBox {
   clear: both;
   position: relative;
   width: 840px;
   margin-bottom: 0px;
   background-color: #ffffff;
   z-index: 5;
}


/* --------------------------------------------------
4_2_1 COLLEFTBOX
-------------------------------------------------- */
/* 4_2_1_1_COLLEFTBOX --- */

#colLeftContentNormal {
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: justify;
   color: #1a252f;
	 z-index: 6;
}

#colLeftContentBig {
	 padding: 0px 0px 0px 0px;
	 font-size: 13px;
   text-align: justify;
   color: #1a252f;
	 z-index: 6;
}

#colLeftContentNebel {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: left;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_nebel.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}

#colLeftContentWind {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: left;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_wind.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}


#colLeftContentSchnee {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: left;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_schnee.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}

#colLeftContentPyro {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: justify;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_pyro.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}

#colLeftContentFeuer {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: justify;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_feuer.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}

#colLeftContentBreak {
	 height: 300px;
	 padding: 0px 0px 0px 0px;
	 font-size: 12px;
   text-align: left;
   color: #1a252f;
   background-image: url(images/sfx/icons/wasserzeichen_break.jpg);
   background-repeat: no-repeat;
   background-position: top;
	 z-index: 6;
}



/* --------------------------------------------------
4_2_2 COLRIGHTBOX
-------------------------------------------------- */

#colRightContentBlue {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 width: 410px;
	 background-color: #ebedee;
	 font-size: 11px;
   text-align: left;
   color: #1a252f;
	 z-index: 6;
}

.tdSellPic {
	vertical-align: top;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #0f110b;
}


.tdSellText {
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #0f110b;
}

p.tblSellBold {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

p.tblSellItalic {
	font-style: italic;
	text-align: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#kontaktfoto-a, div#kontaktfoto-b {
	position: relative;
	width: 100px;
	font-size: 12px;
	text-align: center;
}

div#kontaktfoto-a {
	margin: 0px 0px 0px 155px;
}

div#kontaktfoto-b {
	margin: 30px 0px 0px 155px;
}

.kontaktfoto-text {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/* =====================================================
4_3_COLMULTIBOX
===================================================== */

#boxMultiPic {
  position: relative;
  width: 840px;
  background-color: #ffffff;
  z-index: 6;
}

#vorschauBox1 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox2 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox3 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox4 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox5 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox6 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox7 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox8 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox9 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox10 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox11 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox12 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox13 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox14 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox15 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox16 { margin-top: 20px; margin-bottom: 0px; }
#vorschauBox17 { margin-top: 20px; margin-bottom: 0px; }

.vorschauBox { 
	width: 136px;
	height: 91px; /*107 */
	padding: 5px 11px 11px 5px;
	background-image: url(images/vorschau_152.gif);
  background-repeat: no-repeat;
}

/* =====================================================
4_4_GESAMTE BREITE
===================================================== */
#startinfobox {
	position: absolute;
	top: 50px;
	right: 10px;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	z-index: 7;
}
#startContentBox {
	 width: 500px;
	 margin-left: 0px; /*150px;*/
	 padding: 20px 0px 0px 0px;
	 font-size: 13px;
   text-align: left;
   font-weight: bold;
   color: #ffffff;
   /*border: 1px solid white;*/
	 z-index: 6;
}

/* Credit */
#colCenterBox {
	 position: relative; 
	 width: 840px; 
	 margin-top: 22px;
	 background-color: #ffffff;
	 font-size: 11px;
   text-align: left;
   color: #1a252f;
	 z-index: 5;
}

.creditPic {
	vertical-align: top;
	text-align: left;
	width: 213px;
}

.blueBorder { border: 1px solid #0f110b; }

.blueBorder a:link { border: 1px solid #0f110b; }

.blueBorder a:visited { border: 1px solid #0f110b; }

.blueBorder a:active { border: 1px solid #0f110b; }

.blueBorder a:hover { border: 1px solid #0f110b; }


.creditTxtBold {
	font-weight: bold;
	height: 15px;
}

.creditTxtBoldLine {
	font-weight: bold;
	height: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #93999f;
}

.creditTxt {
	padding-top: 5px;
	vertical-align: top;
}

.creditSpace {
	height: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* =====================================================
========================================================
5_FOOTER
========================================================
======================================================== */

div#footerStart {
	position: relative;
	width: 880px;
	height: 16px;
	padding-top: 4px;
	color: #93999f;
	font-size: 9px;
	background-color: #0e181a;
	border-top: 1px solid #ff7d00;
	text-align: center;
	z-index: 4;
}

div#footer {
	position: relative;
	width: 880px;
	height: 16px;
	margin-top: 40px;
	padding-top: 4px;
	color: #93999f;
	font-size: 9px;
	background-color: #0e181a;
	border-top: 1px solid #ff7d00;
	text-align: center;
	z-index: 4;
}

.footerLink a:link { font-size: 9px; text-decoration:none; font-weight: normal; color:#93999f; }
.footerLink a:visited { font-size: 9px; text-decoration:none; font-weight: normal; color:#93999f; }
.footerLink a:active { font-size: 9px; text-decoration:none; font-weight: normal; color:#93999f; }
.footerLink a:hover { font-size: 9px; text-decoration:none; font-weight: normal; color:#ff7d00; }


/* =====================================================
========================================================
6_COLOR-STYLE DEFINITIONS
========================================================
======================================================== */

/* =====================================================
6_1_ÜBERSCHRIFTEN
===================================================== */
h1 {
	margin: 0px;
  padding: 0px;
	font-size: 36px;
	color: #1a252f;
	font-weight: normal;
	text-align: left;
}

/* h2 unter HEADER */

h3 {
	margin: 30px 0px 10px 0px;
  padding: 0px;
	font-size: 20px;
	color: #1a252f;
	font-weight: normal;
	text-align: left;
}


/* =====================================================
4_2_SONSTIGE STILE
===================================================== */
.imageborder {
	border: 1px solid #354253;
}

.fett {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

.unterstrichen {
	text-decoration: underline;
}

.teOrange { color: #ff7d00;}

/* =====================================================
4_3_ABSÄTZE
===================================================== */

p.absatz1 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.top5 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.top30 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.top40 {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* =====================================================
4_4_AUFZÄHLUNGEN
===================================================== */

ul.ulImText {
	margin-top: 4px;
	list-style-type: disc;
}

ul.ulImStartText {
	list-style-type: disc;
}

/* =====================================================
4_5_TABELLEN
===================================================== */

table {
	 border-collapse: collapse;
}

/* =====================================================
4_6_AUSRICHTUNGEN
===================================================== */

.vertikalMitte { vertical-align: middle; }
.vertikalUnten { vertical-align: bottom; }


/* =====================================================
4_7_LINKS
===================================================== */
.linkImText a:link { font-size: 12px; text-decoration:underline; font-weight: bold; color:#1a252f; }
.linkImText a:visited { font-size: 12px; text-decoration:underline; font-weight: bold; color:#1a252f; }
.linkImText a:active { font-size: 12px; text-decoration:underline; font-weight: bold; color:#1a252f; }
.linkImText a:hover { font-size: 12px; text-decoration:underline; font-weight: bold; color:#ff7d00; }

.sitemapLink a:link { font-size: 11px; text-decoration:none; font-weight: normal; color:#1a252f; }
.sitemapLink a:visited { font-size: 11px; text-decoration:none; font-weight: normal; color:#1a252f; }
.sitemapLink a:active { font-size: 11px; text-decoration:none; font-weight: normal; color:#1a252f; }
.sitemapLink a:hover { font-size: 11px; text-decoration:none; font-weight: normal; color:#ff7d00; }

.linkimprint a:link { font-size: 12px; text-decoration:none; font-weight: normal; color:#1a252f; }
.linkimprint a:visited { font-size: 12px; text-decoration:none; font-weight: normal; color:#1a252f; }
.linkimprint a:active { font-size: 12px; text-decoration:none; font-weight: normal; color:#1a252f; }
.linkimprint a:hover { font-size: 12px; text-decoration:none; font-weight: normal; color:#ff7d00; }

/* =====================================================
4_7_FARBEN
===================================================== */

/*
orange: #ff7d00;
helles blaugrau (language, Copyright): #93999f;
dunkles blaugrau (Schrift): #1a252f;
Rahmen Vorschaukasten und um Bilder: #354253;
background-color für Footer: #0e181a;

*/



.picBorder{
	border: 1px solid #0f110b;
}