/*  =========================================================
ZDS Solingen
Datei: styles.css
Media: screen, projection 

Datum: 18. April 2007
Autor: Simon Kemmerling 
Web:   http://www.agentur-brandung.de
========================================================== */

/* ===============================

   =1. ALLGEMEINE SELEKTOREN 

=============================== */
* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:75%;
/*  background: #fff url(../images/bg_body.gif) repeat-y; */
  background: #fff;
  color: #000;
}

html>body {
  font-size:12px;
}

/* ===============================
   =Block-Elemente 
=============================== */

h1 {
  line-height:1em;
  font-size:1.5em;
  margin:0 0 1em 0;
}

h2 {
  font-size:1em;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #eb8600;
  border-bottom: 1px solid #fff;
  padding: 0 0 1em 0;
}

h3 {
  font-size:1em;
  margin: 0 0 0 0;
  padding: 0 0 1em 0;
}

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

img {border: none;}

p {
  font-size: 1em;
  line-height: 1.2em;
  margin: 0 0 1.2em 0;
}
 
ul, 
ol {
  font-size:1em;
  line-height:1.5em;
}

li {
  list-style: none;
}

table {
  margin: 0 0 1.2em 0;
}

td {
  padding: 8px;
}

address {

}

/* ===============================
   =Inline-Elemente 
=============================== */

strong {
  font-weight: bold;
}

a           { text-decoration: none; color: #eb8600; font-weight: bold; }
a:link         { color: #eb8600; }
a:visited       { color: #eb8600; }
a:hover        { color: #000; }
a:active       { color: #eb8600; }
a           { text-decoration: none; color: #962A19; font-weight: bold; }
a:link         { color: #962A19; }
a:visited       { color: #962A19; }
a:hover        { color: #000; }
a:active       { color: #962A19; }

/* ===============================
   =Classen
=============================== */
.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.orange1 {
  background: #faead8;
}

.orange2 {
  background: #fef8f1;
}

.csc-chocolate-technology .orange1
{
  background: #dcac93;
}

.csc-sugar-confectionary-technology .orange1

{
  background: #fbf1a4;
}

.csc-biscuits-snack-technology .orange1

{
  background: #afd4ad;
}

.csc-other-events-technology .orange1

{
  background: #faead8;
}

.csc-quality-management .orange1

{
  background: #faead8;
}

.csc-webinars .orange1

{
  background: #faead8;
}

.csc-best-praktice-seminars .orange1

{
  background: #f29979;
}

.csc-industries-congresses .orange1

{
  background: #a3aad2;
}

.csc-other-events .orange1

{
  background: #f6ca96;
}

.csc-chocolate-technology .orange2,
.csc-sugar-confectionary-technology .orange2,
.csc-biscuits-snack-technology .orange2,
.csc-other-events-technology .orange2,
.csc-quality-management .orange2,
.csc-webinars .orange2,
.csc-best-praktice-seminars .orange2,
.csc-industries-congresses .orange2,
.csc-other-events .orange2
{
  background: #ffffff;
}


.paddingTable {
  padding: 15px 8px;
}

.marginNone {
  margin: 0;
}

.link a {
  background: url(../images/icon.gif) no-repeat left 2px;
  padding-left: 15px;
  color: #eb8600;
}

.linkDownload a {
  background: url(../images/down.gif) no-repeat left 2px;
  padding-left: 15px;
  color: #eb8600;
}

a.linkDownload {
  background: url(../images/down.gif) no-repeat left 2px;
  padding-left: 15px;
  color: #eb8600;
}

.linkDownload {
  background: url(../images/down.gif) no-repeat left 2px;
  padding-left: 15px;
  color: #eb8600;
}

.linkTop a {
  background: url(../images/top.gif) no-repeat left 2px;
  padding-left: 15px;
}

.linkBack a {
  background: url(../images/back.gif) no-repeat left 2px;
  padding-left: 15px;
  float:right;
}

.linkAnmelden a {
  background: url(../images/anmelden.gif) no-repeat left 2px;
  padding-left: 15px;
}

.linkCar a {
  background: url(../images/car.gif) no-repeat left 2px;
  padding-left: 18px;
}

.link a:hover,
.linkDownload a:hover {
  color: #000;
}

.linkliste {
  margin: 10px 10px 10px 40px;
  width: 212px;
  display: inline;
}

.linieP {
  border-bottom: 1px solid #eb8600;
  border-bottom: 1px solid #fff;
  padding: 0 0 1em 0;
}

.linie {
  border-bottom: 1px solid #eb8600;
  border-bottom: 1px solid #fff;
  clear: both;
}

.linieTop {
  border-bottom: 1px solid #eb8600;
  border-bottom: 1px solid #fff;
  padding: 0 0 1em 0;
  text-align: right;
}


.linieBottom {
  border-top: 1px solid #eb8600;
  border-top: 1px solid #fff;
  padding: 1em 0 0 0;
  text-align: right;
}

.csc-frame-rulerAfter {
  border-bottom: 1px solid #eb8600;
  border-bottom: 1px solid #fff;
  margin: 0 0 1em 0;
}

.align-center {
  text-align: center;
}
dd.csc-textpic-caption {
  font-size: 10px;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 


/* ===============================
   =Wrapper
=============================== */
#wrapper {
  margin-left: 1px;
  width: 763px;
  width: 990px;
}
#wrapper {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_fg.jpg) repeat-y 0 25px;
}
* html #wrapper {
}
#wrapper.firstGroup   {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_fg.jpg) repeat-y 0 25px;
}
#wrapper.secondGroup {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_sg.jpg) repeat-y 0 25px;
}
#wrapper.thirdGroup {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_tg.jpg) repeat-y 0 25px;
}
#wrapper.fourthGroup  {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_fog.jpg) repeat-y 0 25px;
}
#wrapper.fifthGroup  {
  background: rgb(252, 209, 124) url(../images/bg_leftcol_zds_fig.jpg) repeat-y 0 25px;
}

/* ===============================
   =Header
=============================== */
#hiddenNav {
  display: none;
}

#header {
  background: #fff;
  height: 140px;
}

  #header h1,
  #header p{
    display: none;
  }

  #logo {
/*
    margin: 0 0 0 198px;
*/
    width: 239px;
    margin: 0 0 0 11px;
    position: relative;
    top: 11px;
    z-index: 10;
  }
  #headerPic {
    border-bottom: 2px solid #FFFFFF  
  }
/* ===============================
   =mainNavi
=============================== */
#mainNavi {
  border-bottom: 1px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 0px 0 0px 248px;
  background: #eb8600;
  background-color: #EC8600;
  background-color: #FF9900;
  
  color: #fff;
  text-align: right;
  height: 25px;
  z-index: 200;
}

.firstGroup  #mainNavi {
  background-color: rgb(255,153,0);
}
.secondGroup #mainNavi {
  background-color: rgb(255,222,0);
}
.thirdGroup  #mainNavi {
  background-color: rgb(0,180,0);
}
.fourthGroup #mainNavi  {
  background-color: rgb(0,120,240);
}
.fifthGroup #mainNavi  {
  background-color: rgb(220,45,0);
}


  #mainNavi a {
    color: #fff;
    color: #000;
    font-size: 11px;
    font-size: 11px;
    padding: 0 5px;
    padding: 0;
    font-weight: normal;
  }
  
  #mainNavi a:hover {
    color: #fdd01f;
  }

/* ===============================
   =Spalten-Layout
=============================== */
#leftColumne {
  margin: 18px 0 0 -990px;
  width: 250px;
  float: left;
  padding: 0 0px;
}

.start #leftColumne {
/*
display:inline;
float:left;
margin-left:-249px;
position:relative;
width:250px;
*/
  width: 220px;
  padding: 0 15px;
  position:relative;
  z-index:10;
  margin-left:-250px;
}

* html .start #leftColumne {
  margin-left: -125px;
}

/*
.left {
margin-right:1px;
}
.left {
float:left;
position:relative;
z-index:10;
}
.left {
margin-left:-150px;
width:150px;
}
*/

#leftColTop .csc-default {
  background-color: rgb(252, 209, 124);
  color: #B24A0A;
  color: #000000;
  padding: 0;
  margin: 0 0 15px 0px;
  width: 220px;
}

#leftColTop h3 {
  background-color: rgb(252, 209, 124);
  color: #B24A0A;
  padding: 15px 0 0 0;
  margin: 0 0 0 0px;
  width: 220px;
}
#leftColTop .csc-header-n1 h3 {
  padding: 0.5em 0;
}

#leftColTop .csc-default .csc-textpic-text{
  padding: 15px 15px 1px 15px;
  margin: 0 0 0px 0;
}

/*#leftColTop  .csc-frame,*/
#leftColBottom  .csc-frame{
  margin: 15px 15px 15px 21px;
  padding: 15px;
  background-color: rgb(252, 209, 124);
}

#rightColumne {
/*
  margin-left: -216px;
  border-top: 1px solid #fff;
  width: 216px;
  float:right;
  background: #fdd01f url(../images/bg_right_start.gif) no-repeat top right;
*/
/*
  background: rgb(250,167,83) url(../images/bg_right_start.gif) no-repeat top right;
  background: rgb(255,153,0) url(../images/bg_right_start_relaunch.gif) no-repeat top right;
  width: 270px;
  position: absolute;
  top: 165px;
  left: 721px;
*/
}
#rightColumne {
/*
display:inline;
float:right;
margin-right:-269px;
position:relative;
width:270px;
  background: rgb(255,153,0) url(../images/bg_right_start_relaunch.gif) no-repeat top right;
*/
  background: rgb(255,153,0);
  float:left;
  position:relative;
  z-index:11;
  margin-right:-270px;
  width:270px;
  margin-right:-270px;
  width:240px;
  top: -102px;
  margin-bottom: -102x;
  padding: 0 15px;
}
/*
.right {
margin-left:1px;
}
3cols2 (Zeile 74)
.right {
float:left;
position:relative;
z-index:11;
}
3cols2 (Zeile 64)
.right {
margin-right:-100px;
width:100px;
}
3cols2 (Zeile 49)
.right {
font-style:italic;
}
*/

/* ===============================
   =Content
=============================== */
#container {
/*  
  width: 100%;
  float: left;
  background-color: rgb(250,167,83);
*/
  min-height: 400px;

}
.start #container {
/*
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#00AACC none repeat scroll 0 0;
*/

/*
background-color: rgb(252,209,124);
*/
  border-left: 250px solid rgb(250,167,83);
  border-left: 250px solid transparent;
  border-right: 270px solid rgb(255,153,0);
  display: block;
  overflow: visible;
  position: relative;



}
* html .start #container {


}
.firstGroup  #container{
/*
  background-color: rgb(250,167,83);
  background-color: rgb(253,235,199);
*/
  width: 100%;
  float: left;
}
.secondGroup #container {
/*
  background-color: rgb(248,233,72);
*/
  width: 100%;
  float: left;
}
.thirdGroup  #container {
/*
  background-color: rgb(122,204,94);
*/  
  width: 100%;
  float: left;
}
.fourthGroup #container  {
/*
  background-color: rgb(65,144,233);
*/  
  width: 100%;
  float: left;
}
.fifthGroup #container  {
/*
  background-color: rgb(249,94,43);
*/  
  width: 100%;
  float: left;
}

#contentStart {
  margin: 0 216px 0 248px;
  margin: 0 270px 0 250px;
  margin: 0;
  padding: 25px 7px 10px;
  padding: 25px 15px 10px;
  background: rgb(252,209,124);
  float: left;
  position: relative;
  width: 100%;
  z-index: 12;
  width: 456px;
  width: 440px;
  min-height: 400px;

}

#breadcrumb {
  margin: 0;
  padding: 2px 15px 2px 265px;
  background: rgb(255, 153,0);
}
.firstGroup #breadcrumb {
  background-color: rgb(255,153,0);
}
.secondGroup #breadcrumb {
  background-color: rgb(255,222,0);
}
.thirdGroup #breadcrumb {
  background-color: rgb(0,180,0);
}
.fourthGroup #breadcrumb {
  background-color: rgb(0,120,240);
}
.fifthGroup #breadcrumb {
  background-color: rgb(220,45,0);
}


#content {
  margin: 0 0 0 250px;
  border-top: 1px solid #fff;
  padding: 6px 12px 6px 7px;
  padding: 6px 17px 6px 7px;
  padding: 15px 17px 15px 15px;
/*  background: #fff url(../images/bg_content.gif) no-repeat top right; */
  background: rgb(252,209,124);
  min-height: 400px;
  
}
.firstGroup #content {
  background-color: rgb(252,209,124);
}
.secondGroup #content {
  background-color: rgb(250,247,160);
}
.thirdGroup #content {
  background-color: rgb(226,249,184);
}
.fourthGroup #content {
  background-color: rgb(173,211,248);
}
.fifthGroup #content {
  background-color: rgb(248,162,105);
}


  #contentStart dt img,
  #content dt img {
    margin: 0 0 0 8px;
    margin: 0 0 0 0px;
/*
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
*/
  }

  #content ul {
    margin: 0 0 1.2em 0;
  }
  #content .csc-sitemap ul li ul li ul li ul{
    margin: 0 0 0 0;
  }

  #content ul.marginNone {
    margin: 0;
  }
  #content div.csc-textpic-imagewrap ul {
    margin: 0;
  }
  
  #content .csc-textpic-text li,
  #content .csc-sitemap li {
    background: url(../images/icon.gif) no-repeat left 2px;
    padding-left: 15px;
  }
  
  #content ul.noListIcon li,
  #content div.csc-textpic-imagewrap ul li {
    list-style: none;
    background: none;
    padding-left: 0;
  }

/* ===============================
   =Right Columne
=============================== */
#rightColumne p {
  margin: 0;
}

.rightBox {
  margin: 0.6em 0 0 0;
  margin: 17px 0 0 0;
  border-bottom: 1px solid #fff;
  padding: 0 17px 0.8em 8px;
  padding: 0 17px 13px;
  padding: 0 0 13px;
  font-size: 0.9em;
}
.rightBox  h4 { 
  margin: 5px 0 3px 0;
}

/* ===============================
   =Navigation
=============================== */
#navi {
  width: 250px;
  background: #b67531;
}
.firstGroup #navi {
  background-color: rgb(255,153,0);
}
.secondGroup #navi {
  background-color: rgb(255,222,0);
}
.thirdGroup #navi {
  background-color: rgb(0,180,0);
}
.fourthGroup #navi {
  background-color: rgb(0,120,240);
}
.fifthGroup #navi {
  background-color: rgb(220,45,0);
}


  #navi li {
    border-top: 1px solid #fff;  
    background: url(../images/navi_line.gif) repeat-y 21px top;
  }

  #navi li a {
    padding-left: 25px;
    width: 223px;
    display: block;
    background: url(../images/navidot_off.gif) no-repeat;
    color: #000;
    font-weight: normal;
  }
  
  #navi li a:hover,
  #navi span.navAktiv a,
  .firstGroup   #navi li a:hover,
  .firstGroup #navi span.navAktiv a {
    background: url(../images/navidot_on.gif) no-repeat;
    color: #962A19;
  }

  .secondGroup #navi li a:hover,
  .secondGroup #navi span.navAktiv a {
    background: url(../images/navidot_on.gif) no-repeat;
    color: #962A19;
  }
  .thirdGroup #navi li a:hover,
  .thirdGroup #navi span.navAktiv a {
    background: url(../images/navidot_on.gif) no-repeat;
    color: #962A19;
  }
  .fourthGroup #navi li a:hover,
  .fourthGroup #navi span.navAktiv a {
    background: url(../images/navidot_on.gif) no-repeat;
    color: #962A19;
  }
  .fifthGroup #navi li a:hover,
  .fifthGroup #navi span.navAktiv a {
    background: url(../images/navidot_on.gif) no-repeat;
    color: #962A19;
  }

  #navi li li  {
    background: rgb(250,167,83);
    background: rgb(253,235,199);
  }

  .firstGroup   #navi li li {
    background: rgb(253,235,199);
  }
  .secondGroup   #navi li li {
    background: rgb(248,233,72);
  }
  .thirdGroup   #navi li li {
    background: rgb(122,204,94);
  }
  .fourthGroup   #navi li li {
    background: rgb(65,144,233);
  }
  .fifthGroup   #navi li li {
    background: rgb(249,94,43);
  }
  
  #navi li li a {
/*    padding-left: 25px;
    width: 223px;
*/    
    margin:0 0 0 21px;
    width:204px;

    display: block;
    /*background: url(../images/navi_line_kat.gif) repeat-y;*/
    color: #000;
    font-weight: normal;
    background: rgb(255,153,0);
  }
  .firstGroup   #navi li li a {
    background: rgb(255,153,0);
  }
  .secondGroup   #navi li li a {
    background: rgb(255,222,0);
  }
  .thirdGroup   #navi li li a {
    background: rgb(0,180,0);
  }
  .fourthGroup   #navi li li a {
    background: rgb(0,120,240);
  }
  .fifthGroup   #navi li li a {
    background: rgb(220,45,0);
  }
  
  #navi li li a:hover,
  #navi .navAktiv2 a ,
  .firstGroup   #navi li li a:hover,
  .firstGroup   #navi .navAktiv2 a  {
/*    background: url(../images/navi_line_kat.gif) repeat-y; */
    background: url(../images/navidot_empty.gif) no-repeat rgb(250,167,83);
    color: #962A19;
    margin:0 0 0 21px;
    width:204px;
  }
  .secondGroup #navi li li a:hover,
  .secondGroup #navi .navAktiv2 a  {
    background: url(../images/navidot_empty.gif) no-repeat rgb(248,233,72);
    color: #962A19;
  }
  .thirdGroup #navi li li a:hover,
  .thirdGroup #navi .navAktiv2 a  {
    background: url(../images/navidot_empty.gif) no-repeat rgb(122,204,94);
    color: #962A19;
  }
  .fourthGroup #navi li li a:hover,
  .fourthGroup #navi .navAktiv2 a  {
    background: url(../images/navidot_empty.gif) no-repeat rgb(65,144,233);
    color: #962A19;
  }
  .fifthGroup #navi li li a:hover,
  .fifthGroup #navi .navAktiv2 a  {
    background: url(../images/navidot_empty.gif) no-repeat rgb(249,94,43);
    color: #962A19;
  }
/************************************************************/
/* ===============================
   =Left Columne
=============================== */
/*
.firstGroup  #container{
  background-color: rgb(250,167,83);
}
.secondGroup #container {
  background-color: rgb(248,233,72);
}
.thirdGroup  #container {
  background-color: rgb(122,204,94);
}
.fourthGroup #container  {
  background-color: rgb(65,144,233);
}
.fifthGroup #container  {
  background-color: rgb(249,94,43);
}


#leftColumne.firstGroup {
  background-color: rgb(250,167,83);
}
#leftColumne.secondGroup {
  background-color: rgb(248,233,72);
}
#leftColumne.thirdGroup  {
  background-color: rgb(122,204,94);
}
#leftColumne.fourthGroup  {
  background-color: rgb(65,144,233);
}
#leftColumne.fifthGroup  {
  background-color: rgb(249,94,43);
}
*/
/***************************************************
*    rightCol: mainMenu
***************************************************/
/*
#mainMenu
{
  height: 25px;
  border: 0;
  overflow: hidden;
  margin: 0 0 0 -15px;
}

* html #mainMenu
{
  overflow: visible;
}
*/
#nav
{
  float: left;
  width: 100%;
  width: 725px;
  list-style: none;
  background-color: #018172;
  background-color: #EC8600;
  background-color: #FF9900;
  color: #000;
  font-weight: bold;
  border: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0;
  margin: 0;
  z-index:100;
  text-align: center;
}

* html #nav
{
}

#nav ul 
{
  line-height: 1em;
}

#nav li.navMain
{
  width: auto;
  width: 143px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#nav ul.navSub 
{
  float: left;
  width: 100%;
  list-style: none;
  color: #000;
  font-weight: bold;
  border: 0;
  padding: 0;
  margin: 0;
  z-index:100;
  text-align: center;
}


#nav ul.navSub li
{
  width: auto;
  width: 170px;
  width: 14.2em;
}

#nav li.navMain a
{
  /*
  letter-spacing: 0.1px;
  */
}

#nav li.navSub a
{
  letter-spacing: 0px;
}

#nav a 
{
  display: block;
  color: #000;
  border: 0;
  text-decoration: none;
  padding: 6px 15px 5px 15px;
  padding: 6px 0px 5px 0px;
}
/* korr?*/
* html #nav a 
{
  padding: 5px 15px 5px 15px;
}

#nav li.navMain a
{
  padding: 4px 0px 3px 0px;

}

#nav a:hover,
#nav li.act a
{
/*
  color: #20A091;
  background-color: #BFDFDC;
*/
}
 

* html #nav li.act li a,
* html #nav li li a
{
  background-color: #86C3BB;
  color: black;


}

#nav li 
{
  background-color: #FF9900;
  color: #000;
  float: left;
  padding: 0;
}

#nav li.secondGroup 
{
  background-color: #FFDE00;
}

#nav li.thirdGroup 
{
  background-color: rgb(0,180,0);
}

#nav li.fourthGroup 
{
  background-color: rgb(0,120,240);
}

#nav li.fifthGroup 
{
  background-color: rgb(220,45,0);
}


* html #nav li.navSub 
{
  background-color: #86C3BB;
  color: black;

}

#nav li.act 
{
/*
  background-color: #018172;
  background-color: #EC8600;
  background-color: #FF9900;
*/
}

#nav li ul.navSub 
{

  opacity: 0.90;
  position: absolute;
  left: -999em;
  height: auto;
  width: 14.2em;
  font-weight: normal;
/*
  border-width: 0.1em;
*/
  margin: -1px 0 0 0;
  text-align: left;
  border-bottom: 0px solid #ffffff;
}

* html #nav li ul 
{

/*
  margin: 0 0 0 -100px;
*/
}

*+html #nav li ul.navSub 
{
  position: absolute; 
  left: -999%;
  margin: 0 0 0 -71px;

}

*+html #nav li:hover ul.navSub 
{
  left: auto;

}
 
#nav li li {
  width: 16.4em;
  border-bottom: 1px solid #ffffff;
}
 
#nav li ul.navSub a 
{

  width: 14.25em;
  padding-left: 1.2em;
}
 
* html #nav li ul.navSub a 
{

  width: 16.4em;
  padding-left: 1.2em;
}

#nav li ul.navSub ul.navSub 
{
  /*avoid adding opacity values */ 

  opacity: 1;

  margin: -2.2em 0 0 16.4em;
  border: 0;
}

#nav li ul.navSub ul.navSub ul.navSub {
  margin: -2.1em 0 0 16.4em;
}
 
#nav li:hover ul ul, 
#nav li:hover ul ul ul
{
  left: -999em;
}
 
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul
{
  left: auto;
}
 
#nav li:hover 
{
/*
  background-color: #018172;
*/
}

#nav li:hover a 
{
/* layer background */
/* don't work in ie6 */
/*
  background-color: #A3C6A5;
  background-color:#86C3BB;
*/
  color: black;
}

#nav ul li a:hover {
  /*
  background-color: #018172;
  background-color: #EC8600;
  background-color: #FF9900;
  */
/*
  color: #B2D9D4;
*/
  color: #ffffff;
}

#nav li.secondGroup ul li a {
  background-color: #FFDE00;

}

#nav li.thirdGroup ul li a {
  background-color: rgb(0,180,0);

}

#nav li.fourthGroup ul li a{
  background-color:  rgb(0,120,240);

}
#nav li.fifthGroup ul li a {
  background-color: rgb(220,45,0);

}

#nav li.secondGroup ul li a:hover {
  background-color: #FFDE00;
  color: #ffffff;
}

#nav li.thirdGroup ul li a:hover {
  background-color: rgb(0,180,0);
  color: #ffffff;
}

#nav li.fourthGroup ul li a:hover {
  background-color:  rgb(0,120,240);
  color: #ffffff;
}
#nav li.fifthGroup ul li a:hover {
  background-color: rgb(220,45,0);
  color: #ffffff;
}

#nav li a:hover
{
/*
  background-color: #018172;
  background-color: #EC8600;
  background-color: #FF9900;

background-color:#86C3BB;
*/
/*
color: #B2D9D4;
*/
}


* html #nav li.navMain a:hover
{
  color: black;
}

* html #nav li.navSub a:hover
{
  color: #ffffff;
}


/* IE 7*/
*+html #nav li ul {
  opacity: 0.90;
/*
  filter:alpha(opacity=92);
*/
  margin: -1px 0 0 0;
}

/* IE 7*/
*+html #nav li ul ul {
  margin: -2.2em 0 0 16.4em;
  border: 0;
}

/* IE 7*/
*+html #nav li ul ul ul
{
  margin: -2.2em 0 0 16.4em;
}


#nav a.menuparent  
{
  background: url(/fileadmin/templates/images/menu-arrow.gif) no-repeat 183px 9px;
  /*background-color:#86C3BB;*/
}

#nav li.secondGroup a.menuparent  
{
  background-color:#FFDE00;
}
#nav li.thirdGroup a.menuparent  
{
  background-color:rgb(0,180,0);
}
#nav li.fourthGroup a.menuparent  
{
  background-color:rgb(0,120,240);
}
#nav li.fifthGroup a.menuparent  
{
  background-color:rgb(220,45,0);
}

/*
#mainMenuInnerWrapper
{
  position: absolute;
  bottom: 31px;
  left: 16px;
border: 0px solid red;

}

.mainEntry,
.mainEntryAct
{
border: 0px solid red;
  height: 18px;
}
li.freeLine
{
  margin-top: 10px;
}

.secEntry
{
  position: absolute;
  top: 0px;
  left: 107px
}

.secEntry li
{
  height: 18px;
}  
*/  
  
/* ===============================
   =Footer
=============================== */
#footer {
  clear: both;
  height: 18px;
  background-color: rgb(255,255,255);
}
.firstGroup #footer {
  background-color: rgb(255,153,0);
}
.secondGroup #footer {
  background-color: rgb(255,222,0);
}
.thirdGroup #footer {
  background-color: rgb(0,180,0);
}
.fourthGroup #footer {
  background-color: rgb(0,120,240);
}
.fifthGroup #footer {
  background-color: rgb(220,45,0);
}



/* =====================================
   =TopMenu => MetaMenu & Language Menu
===================================== */
#topMenu {
  position: absolute;
  top: 14px;
  width: 764px;
  width: 985px;
  text-align: right;
  z-index: 11;
}

  #topMenu a {
    padding: 0 5px;
    color: #000;
    font-size: 11px;
    font-weight: normal;
  }

  #topmenu a:hover {
    background: #fdd01f;
  }
  
  #metaNavi {
    float: right;
  }

/* ========================================

  =3. FORMULARE

========================================= */ 
input {
  font-size: 1em;
  padding: 2px;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 1em;
  padding: 2px;
  border: 1px solid #eb8600;
  width: 200px;
  height: 80px;
}

label {
  width: 180px;
  float: left;
}

#adresse {
  margin: 0 0 1.5em 0;
}

  #adresse input {
    width: 200px;
    border: 1px solid #eb8600;
  }
  
  #adresse p {
    margin: 0 0 0.5em 0;
  }
  
  #adresse .plz, 
  #adresse .hnr {
    width: 50px;
  }

  #adresse .ort,
  #adresse .strasse {
    width: 140px;
  }

#radioBoxen p {
    margin: 0 0 0.5em 0;
}

  #radioBoxen .radioKat2 {
    margin-left: 20px;
  }

#adresse .submit {
  width: 206px;
  background: #fff;
  color: #eb8600;
  font-weight: bold;
}

.bildergalerie {
  float:left; 
  margin-right:5px; 
  margin-top:5px;
}


fieldset.tx-powermail-pi1_fieldset {
    background-color: transparent;
    border: 0;
    padding: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
  color: #000000;
}

#c3470 #tx-powermail-pi1_fieldset_1 legend,
#c3470 #tx-powermail-pi1_fieldset_2 legend,
#c3470 #tx-powermail-pi1_fieldset_3 legend,
#c3470 #tx-powermail-pi1_fieldset_4 legend,
#c3470 #tx-powermail-pi1_fieldset_5 legend {
  display: none;
}
#c3470 #tx-powermail-pi1_fieldset_1 fieldset legend,
#c3470 #tx-powermail-pi1_fieldset_2 fieldset legend,
#c3470 #tx-powermail-pi1_fieldset_3 fieldset legend,
#c3470 #tx-powermail-pi1_fieldset_4 fieldset legend,
#c3470 #tx-powermail-pi1_fieldset_5 fieldset legend {
  display: block;
}
#c3470 .radioKat2 {
  /*margin-left: 20px;*/
  color: #515151;
}
#c3470 .powermail_check  {
  margin-bottom: 10px;
}
#powermaildiv_uid50 {
  margin-bottom: 20px;
}

.powermail_submit,
.tx-powermail-pi1_confirmation_submit,
.tx-powermail-pi1_confirmation_back
{
  width: 206px;
  background: #fff;
  color: #eb8600;
  font-weight: bold;
  border: 1px solid #EB8600;
}
.error {
  background-color: #DC2D00;
  border: 1px solid #DC2D00;
}




/* ========================================
  =3. FORMULARE => Newsletter-Abo
========================================= */ 
#newsletter_subsribe {
  background-color: rgb(0, 120, 240);
  margin: 0 0;
  padding: 15px 14px 15px 15px;
  color: #fff;
  width: 191px;
}
#newsletter_subsribe h1 {
  font-size: 12px;
  margin: 0 0 12px 0;
}
#newsletter_subsribe p {
  font-size: 11px;
  margin: 0 0 12px 0;
}
#newsletter_subsribe input {
  border: 0;
  margin: 0;
}
#newsletter_subsribe input.nl_input_text {
  width: 172px;
}
#newsletter_subsribe input[type="text"] {
  width: 172px;
  border: 0;
  margin: 0 0 0px 0;
}
#newsletter_subsribe .submit {
  width: 176px;
  background: rgb(255, 153, 0);
  color: #000;
  font-weight: bold;
  font-size: 11px;
  border: 0;
  margin:15px 0 5px;
}
#newsletter_subsribe p.profileLink {
  margin: 12px 0 0 0;
}
#newsletter_subsribe div.error {
  font-size: 11px;
  margin: 0 0 5px 0;
  padding: 2px;
  background: rgb(220, 45, 0);
  width: 172px;
}
/* ===============================
   =Members & Staff
=============================== */

.adr_member {
  width: 100%;
  margin: 0 0 15px 0;
}

.adr_staff {
  width: 100%;
  padding: 15px 0;
  background-color: #FEF8F1;
}
.adr_staff_alternate {
  width: 100%;
  padding: 15px 0;
  background-color: #FAEAD8;
}

.firstGroup .adr_staff {
  background-color: rgb(247, 228, 188);
}
.secondGroup .adr_staff {
  background-color: rgb(247, 244, 189);
}
.thirdGroup .adr_staff {
  background-color: rgb(224, 242, 192);
}
.fourthGroup .adr_staff{
  background-color: rgb(204, 225, 246);
}
.fifthGroup .adr_staff {
  background-color: rgb(220,45,0);
}

.firstGroup .adr_staff_alternate {
  background-color: rgb(255, 245, 223);
}
.secondGroup .adr_staff_alternate {
  background-color: rgb(255, 253, 223);
}
.thirdGroup .adr_staff_alternate {
  background-color: rgb(243, 255, 223);
}
.fourthGroup .adr_staff_alternate {
  background-color: rgb(239, 247, 255);
}
.fifthGroup .adr_staff_alternate {
  background-color: rgb(220,45,0);
}




.adr_member .adr_name {
  float:left;
  width: 420px;
}

/*
.adr_staff .adr_name,
.adr_staff_alternate .adr_name {
  float:left;
  width: 360px;
  margin: 0 0 0 5px;
}
*/
.adr_staff .adr_name {
  float:left;
  width: 430px;
  margin: 0 0 0 5px;
}
.adr_staff_alternate .adr_name {
  float:right;
  width: 430px;
  margin: 0 0 0 5px;
}

  #content .adr_name  ul {
    margin: 0 0 1.2em 0;
  }

  
  #content .adr_name   li {
    background: url(../images/icon.gif) no-repeat left 2px;
    padding-left: 15px;
  }


.adr_image {
  float: right;
  margin: 0 55px 0 0;
}

/*
.adr_staff .adr_image,
.adr_staff_alternate .adr_image {
  margin: 0 15px 0 0;
}
*/
.adr_staff .adr_image {
  margin: 0 15px 0 0;
}

.adr_staff_alternate .adr_image {
  float: left;
  margin: 0 0 0 15px;
}

/* ===============================
   =News
=============================== */
.news-single{
  margin-bottom:0px;
  padding:0px;
}
.news-single h2,
.news-latest h2  {
  border-bottom: 0;
  margin: 0;
}

.news-single .news-single-img {
float:left;
margin:0px 0 0 0px;
padding:0;
}
.news-single-prev-article {
  float: left;
}
.news-single-next-article {
  float: right;
}
.news-single-backlink {
  clear: both;
  padding:15px 0;
}
/*
.news-single-item {
margin-bottom:5px;
  padding:0px;
}

.news-image-left{
  float: left;
  width: 240px;
  margin
}

.news-content-right {
  float: left;
}
*/
/* ===============================
   =News
=============================== */

/*
.csc-sitemap
*/

/* ===============================
   =Poll
=============================== */

#content .tx-jkpoll-pi1 ul.tx_jkpoll_pi1_answers
{
  margin: 1.2em 0;
}


#content .tx_jkpoll_pi1_result_votes
{
  margin: 1.2em 0;
}

/* ===============================
   =Countdown
=============================== */
.tx-astcountdown-pi1
{
  padding: 0 0 10px 0;
}

/* ===============================
   =User register
=============================== */
.tx-srfeuserregister-pi1 label {
  float: none;
}

/***********************************************************************
* RESPONSIVE
***********************************************************************/
#mediaQuery
{
  opacity: 0;
  filter: alpha(opacity=0); /* IE 7 and Earlier */
  /* Next 2 lines IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
  filter:alpha(opacity=0);
  z-index: -1000;
  width: 1px;
  height: 1px;
  position:fixed;
  bottom:0;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2)
{
  #selectMenu select
  {
        font-size: 18px;
  }
  
}

@media 
only screen and (max-width: 961px) and (-webkit-max-device-pixel-ratio: 1),
only screen and (max-width: 961px) and (   max--moz-device-pixel-ratio: 1),
only screen and (max-width: 961px) and (   -o-max-device-pixel-ratio: 1/1),
only screen and (max-width: 961px) and (        max-device-pixel-ratio: 1),
only screen and (max-width: 961px) and (-webkit-max-device-pixel-ratio: 2) and (orientation:portrait),
only screen and (max-width: 961px) and (   max--moz-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-width: 961px) and (   -o-max-device-pixel-ratio: 1/1) and (orientation:portrait),
only screen and (max-width: 961px) and (        max-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-height: 641px),
only screen and (max-device-width: 961px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait),
only screen and (max-device-width: 961px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-device-height: 641px)
{ 
/*
  #mediaQuery
  {
    z-index: -1001;
  }

  #wrapper {
    margin-left: 1px;
    width: 740px;
  }
  #topMenu {
    position: absolute;
    top: 14px;
    width: 735px;
    text-align: right;
    z-index: 11;
  }  
  #header {
    background: white;
    height: 170px;
  }  
  #selectMenu 
  {  
    display: block;
    position: absolute;
    top: 45px;
    right: 34px;
  }

  #selectMenu select
  {
    font-size: 18px;
    text-transform: uppercase;
  }
  
  #mainNavi {
    border-bottom: 1px solid white;
    border-bottom: 2px solid white;
    padding: 0px 0 0px 248px;
    padding: 0px 0 0px 0px;
    background: #EB8600;
    background-color: #EC8600;
    background-color: #F90;
    color: white;
    text-align: right;
    height: 25px;
    z-index: 200;
  }
  #headerPic {
    border-bottom: 2px solid white;
    width: 740px;
    overflow: hidden;
  }  
  #breadcrumb {
    margin: 0;
    padding: 2px 15px 2px 15px;
    background: #F90;
  }  
  #content
  {
    margin: 0 0 0 0px;
  }  
*/
}
@media 
only screen and (max-width: 641px) and (-webkit-max-device-pixel-ratio: 1),
only screen and (max-width: 641px) and (   max--moz-device-pixel-ratio: 1),
only screen and (max-width: 641px) and (   -o-max-device-pixel-ratio: 1/1),
only screen and (max-width: 641px) and (        max-device-pixel-ratio: 1),
only screen and (max-width: 641px) and (-webkit-max-device-pixel-ratio: 2) and (orientation:portrait),
only screen and (max-width: 641px) and (   max--moz-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-width: 641px) and (   -o-max-device-pixel-ratio: 1/1) and (orientation:portrait),
only screen and (max-width: 641px) and (        max-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-height: 641px),
only screen and (max-device-width: 641px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait),
only screen and (max-device-width: 641px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:portrait),
only screen and (max-device-height: 641px)
{ 
/*
  #mediaQuery
  {
    z-index: -1001;
  }

  #wrapper {
    margin-left: 1px;
    width: 640px;
  }
  #topMenu {
    position: absolute;
    top: 14px;
    width: 635px;
    text-align: right;
    z-index: 11;
  }  
  #header {
    background: white;
    height: 170px;
  }  
  #selectMenu 
  {  
    display: block;
    position: absolute;
    top: 45px;
    right: 34px;
  }

  #selectMenu select
  {
    font-size: 18px;
    text-transform: uppercase;
  }
  
  #mainNavi {
    border-bottom: 1px solid white;
    border-bottom: 2px solid white;
    padding: 0px 0 0px 248px;
    padding: 0px 0 0px 0px;
    background: #EB8600;
    background-color: #EC8600;
    background-color: #F90;
    color: white;
    text-align: right;
    height: 42px;
    z-index: 200;
  }
  #nav {
    width: 625px;
  }
  #nav li {
    background-color: #FF9900;
    color: #000000;
    float: left;
    height: 42px;
    padding: 0;
  }
  #nav li.navMain {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width: 123px;
  }  
  #headerPic {
    border-bottom: 2px solid white;
    width: 640px;
    overflow: hidden;
  }  
  #breadcrumb {
    margin: 0;
    padding: 2px 15px 2px 15px;
    background: #F90;
  }  
  #content
  {
    margin: 0 0 0 0px;
  }  
*/
}
table.contenttable p
{
  margin: 0;
}
  
table.contenttable td
{
  vertical-align: top;
}