body {
	background-color: rgb(0,51,102);
	font-family: 'Arial', serif;
}

/* Start Header */

header, footer, #contentpart {
	position: relative;
	max-width: 1040px;
	margin: auto auto;
	text-align: center;
	background-color: rgb(0,51,102);
}

#contentpart {
	background-color: rgba(255,255,255,1);
}
/*
footer { height: 110px; border-top: solid 20px rgba(0,51,102,1);  background: url(../../graphics/pics/footer2.gif) no-repeat; overflow: hidden; }

*/
footer {
	position: relative; background-color: rgba(255,255,255,0.2);
}


nav {
	max-width: 1040px;
	margin: 20px auto 0 auto;
	text-align: left;
	border-top: solid 0px rgba(255,255,255,1);
	border-bottom: solid 0px rgba(255,255,255,1);
	background-color: rgb(0,51,102);
	background-color: rgba(255,255,255,0.2)
}

img {
	display: block;
	max-width: 100%;
	height: auto;}
	

/* Start Navigation */
.Navigation {
    margin: 0; padding: 0; text-align: center; font-size: 80%; overflow: hidden; border-left: solid 0px rgba(255,255,255,0.4); 
  }
.Navigation li {
    list-style: none; display: inline; margin: 0; padding: 0;
  }
.Navigation a:first-child {
   border-left: solid 0px rgba(255,255,255,1);
  }
.Navigation a:last-child {
   border-right: solid 1px rgba(255,255,255,1);
  }
.Navigation a, .Navigation span {
    float: left; margin: 0em; text-decoration: none; font-weight: bold; color: rgb(255,255,255); background-color: rgba(255,255,255,0.2);
	-webkit-transition: background-color .75s ease;
	-moz-transition: background-color .75s ease;
	-o-transition: background-color .75s ease;
	transition: background-color .75s ease;
  }
.Navigation a:hover, .Navigation span {
    color: white; background-color: rgba(0,204,51,0.4);
  }
.Navigation .navaktiv { background-color: rgba(0,204,51,0.8); color: rgb(255,255,255); }

.Navigation div {
     clear: left;
  }


.Navigation2 {
    margin: 0; padding: 0; font-size: 70%; overflow: hidden;
  }
a.Navigation2 { color: white; margin-right: 1em; }
a.Navigation2:hover { color: rgb(0,204,51); }


.Navigation3{
   	margin: 0; padding: 0; text-align: left; text-indent: 20px;
  }
.Navigation3 li {
    margin: 0; border-bottom: 4px rgb(255,255,255) solid; background: url(../../graphics/pics/contentnav_inaktiv.png) no-repeat; background-position: top right; 
	background-color: rgb(132,132,132); height: 38; overflow: hidden;
  }
.Navigation3 li.oversize {
    font-size: 90%;
  }
.Navigation3 a {
    display: block;	margin: 0em; padding: 1em 0em; text-decoration: none; font-size: 90%; font-weight: bold; color: rgb(255,255,255);
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation3 a:hover {
	background: url(../../graphics/pics/contentnav_inaktiv.png) no-repeat; background-position: top right; background-color: rgba(0,204,51,0.5);
  }
.Navigation3 li.aktiv {
	margin: 0; font-size: 90%; font-weight: bold; border-bottom: 4px rgba(255,255,255,1) solid; background: url(../../graphics/pics/contentnav_aktiv.png) no-repeat; 
	background-position: top right; background-color: rgb(0,204,51); height: auto; overflow: hidden;
  }
.Navigation3 li.aktivoversize {
    margin: 0; font-size: 80%; font-weight: bold; border-bottom: 4px rgba(255,255,255,1) solid; background: url(../../graphics/pics/contentnav_aktiv.png) no-repeat; 
	background-position: top right; background-color: rgb(0,204,51); height: auto; overflow: hidden;
  }
.Navigation3 .newsstart a {
    display: block;	margin: 0em; padding: 0.5em 0; text-decoration: none; font-weight: normal; color: rgb(255,255,255); font-size: 120%;
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation3 li.newsstart {
	margin: 0; border-bottom: 4px rgb(255,255,255) solid; background-color: rgb(151,190,13); height: 38px; overflow: hidden; background-image: none;
  }
.Navigation3 .newsstart a:hover {
	background-color: rgb(151,190,13); background-image: none;
  }
.Navigation3 p {
    display: block;	margin: 0em; padding: 1em 0em; font-weight: bold; color: rgb(255,255,255);
  }
.Navigation3 li.last {
	margin: 0; border-bottom: 4px rgb(255,255,255) solid; background: url(../../graphics/pics/contentnav_inaktiv.png) no-repeat; background-position: top right; 
	background-color: rgb(151,190,13); height: 38px; overflow: hidden;
  } 
  
.Navigation3sub{
   	margin: 0; padding: 0; text-align: left; text-indent: 40px;
  }
.Navigation3sub li {
    margin: 0; border-bottom: 1px solid rgb(0,204,51); background-color: rgba(132,132,132,0.8); height: auto; overflow: hidden; background-image: none;
  }
.Navigation3sub a {
    display: block;	margin: 0em; padding: 0.5em 0em; text-decoration: none; font-size: 80%; font-weight: bold; color: rgb(50,50,50);
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation3sub a:hover {
	background-color: rgba(0,204,51,0.5);  color: rgb(255,255,255); background-image: none;
  }
.Navigation3sub li.aktiv {
	margin: 0; padding: 0.5em 0; font-size: 80%; font-weight: bold; color: rgb(255,255,255); border-bottom: 1px rgb(0,204,51) solid; background-color: rgba(132,132,132,0.8); overflow: hidden;  background-image: none;
  }
  
.Navigation4sub {
   	margin: 0; padding: 0; text-align: left; text-indent: 5px;
  }
.Navigation4sub li {
    margin: 0 0 0 -20px; border-bottom: 1px solid #fff; background-color: #e0e0e0; height: auto; overflow: hidden; background-image: none;
  }
.Navigation4sub a {
    display: block;	margin: 0em; padding: 0.5em 0.0em; text-decoration: none; font-size: 85%; font-weight: bold; color: #666;
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation4sub a:hover {
	background-color: rgba(0,204,51,0.5);  color: rgb(255,255,255); background-image: none;
  }

 .Navigation5sub {
   	margin: 0; padding: 0; text-align: left; width: 100%
  }
.Navigation5sub li {
    margin: 0 0 0 0; border-bottom: 0px solid #fff; background-color: #e0e0e0; height: auto; overflow: hidden; background-image: none; display: inline;
  }
.Navigation5sub a {
    display: inline-block;	width: 47%; margin: 0em; padding: 0.3em 0.2em; text-decoration: none; font-size: 85%; font-weight: bold; color: #666;
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation5sub a:hover {
	background-color: rgba(0,204,51,0.5);  color: rgb(255,255,255); background-image: none;
  }

.Navigation6sub {
   	margin: 0; padding: 0; text-align: left; text-indent: 5px;
  }
.Navigation6sub li {
    margin: 0 0 0 -20px; border-bottom: 1px solid #fff; background-color: #e0e0e0; height: auto; overflow: hidden; background-image: none;
  }
.Navigation6sub a {
    display: block;	margin: 0em; padding: 0.1em 0.0em; text-decoration: none; font-size: 85%; font-weight: bold; color: #666;
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
  }
.Navigation6sub a:hover {
	background-color: rgba(0,204,51,0.5);  color: rgb(255,255,255); background-image: none;
  }


.marquee {
width:280px;
height:200px;
padding: 20px;
background-color: rgb(67,142,181);
border: 0px solid rgba(0,0,0,0.3);
border-top: 20px solid rgb(67,142,181);
border-bottom: 20px solid rgb(67,142,181);
overflow: hidden;

/* Safari and Chrome  */
overflow-x:-webkit-marquee;
-webkit-marquee-direction: up;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: slow;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: infinite;

/* W3C  */
overflow-x: marquee-line;
marquee-direction: forward;
marquee-style: scroll;
marquee-speed: slow;
marquee-play-count: infinite;
}


/* Standardfonts  */
h1 { color: rgb(0,75,147); font-size: 110%; margin-bottom: 10px; font-style: normal; font-variant: normal; font-weight: bold; }
h2 { color: rgba(0,75,147,1); font-size: 85%; margin: 15px 0 5px 0; font-style: normal; font-variant: normal; font-weight: bold; }
h3 { color: rgba(0,0,0,0.9); font-size: 80%; margin-bottom: 2px; font-style: italic; font-variant: normal; font-weight: bold; }

.h2child { margin-top: 15px; }
.breadcrump {font: 69% sans-serif; color: rgba(255,255,255,1); text-align: left; padding: 5px 0 0 10px }

/* Divers */
.highlight { font-weight: bold; background-color: rgba(0,204,51,0.8); color: rgba(255,255,255,1); padding: 3px; }
#contentwrapper p { color: rgba(0,0,0,0.7); font-size: 85%; margin-bottom: 5px; }
#contentwrapper ul { color: rgba(0,0,0,0.7); font-size: 85%; margin: 0 0 5px 20px; list-style-type: disc; }
#contentwrapper1 p { color: rgba(0,0,0,0.7); font-size: 85%; margin-bottom: 5px; }
#contentwrapper1 ul { color: rgba(0,0,0,0.7); font-size: 85%; margin: 0 0 5px 20px; list-style-type: disc; }
.vortext { font-style:italic; }
.workinggroupbild { float: left; width: 250px; height: 500px; background: url(../../graphics/pics/wg1.png) left 0 no-repeat; }
.workinggrouptext { float: left; width: 410px; height: auto; }
.workinggroupimage{ position: relative; top: 210px; left: 40px; max-width: 60%; }
.workinggroup { position: relative; height: 80px; top: 50px; left: 20px; font-size: 190%; color: rgba(0,75,147,1); font-weight: bold; }
.workinggrouptext p { position: relative; top: 60px; left: 20px; }
p.wgpersonalname { font-weight: bold; margin-top: 20px;}
p.wgpersonalzusatz { font-style: italic; }
.linkleft { float: left; width: 250px; }
.linkright { float: right; width: 410px; }
.linkclearer { clear: both; border-bottom: dashed 1px rgba(0,0,0,0.3); padding: 0.5em 0; margin-bottom: 1em; }
.linklogo { margin-bottom: 10px; }
.orgabox { width: 98%; height: auto; border: solid 1px rgba(255,255,255,0.3); margin-top: 50px; }
.partner { width: 45%; float: left; margin-right: 2%; border: solid 1px rgba(0,0,0,0.3)}
.partnerinside { margin: 10px; }
.partnerclearer { clear: both; }




#newsleft { float: left; width: 200px; overflow: hidden; }
#newsright { float: right; width: 360px; overflow: hidden; }
#newstotal { float: left; width: 560px; overflow: hidden; }
#newspdf { float: right; width: 30px; overflow: hidden; }
.newsspacer { width: 590px; border-top: dotted 1px #rgba(153,153,153,1); }
.newsdate { font-size: 70%; color: rgba(0,0,0,0.9); margin-bottom: 10px; }
.newsbild { width: 200px; overflow: hidden; }
.newsbildtext { font-size: 70%; }
.newshead { font-size: 0.95em; }
.newstext { font-size: 0.85em; padding-bottom: 20px; }
.newsauthor { font-size: 0.85em; }
.newsauthorzusatz { font-size: 0.85em; }
.newstextalllink { font-size: 0.85em; }
.newsclearer { clear: both; border-bottom: dashed 1px rgba(0,0,0,0.8); padding: 0.5em 0; margin-bottom: 1em; }
.refbildbig { float: left; width: 392px; overflow: hidden; }
.refbildbig2 { float: left; width: 587px; overflow: hidden; }
.refbild { float: left; width: 194px; overflow: hidden; margin: 0 0 6px 6px; }
.refclearer { clear: both; }
#refleft { float: left; width: 200px; overflow: hidden; padding-top: 1px; }
#refright { float: left; width: 580px; overflow: hidden; padding: 20px 0 20px 0; }
#refright p { color: rgba(10%,10%,10%,1); font-size: 80%; }
.reftab_1 { font-size: 80%; font-weight: bold; color: rgba(0,75,147,1); text-align: right; padding: 3px; }
.reftab_2 { font-size: 80%; font-weight: normal; color: rgba(0,0,0,1); padding: 3px; }
.refreturnbutton { 
	padding: 6px 15px 6px 15px; 
	font-size: 90%;
	font-weight: bold;
	display: inline;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: solid 2px rgb(0,75,147); 
	background-color: rgba(0,75,147,0.4);
	margin-bottom: 30px;
	}
.refreturnbutton a:link { color: rgb(255,255,255); }
.refreturnbutton a:visited { color: rgb(255,255,255); }
.refreturnbutton a:hover { color: rgba(0,75,147,0.7); }
.refreturnbutton a:active { color: rgb(255,255,255); }

.refremarkbutton { 
	padding: 6px 15px 6px 15px; 
	font-size: 90%;
	font-weight: bold;
	display: inline;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: solid 2px rgb(255,204,102); 
	background-color: rgba(255,204,102,0.8);
	margin-bottom: 30px;
	}
.refremarkbutton a:link { color: rgba(102,51,0,0.6); }
.refremarkbutton a:visited { color: rgba(102,51,0,0.6); }
.refremarkbutton a:hover { color: rgba(102,51,0,1); }
.refremarkbutton a:active { color: rgba(102,51,0,0.6); }
	
.otherref { width: 193px; margin: 30px 0 0 0; padding: 0; overflow: hidden; }
.otherrefhead { font-size: 130%; font-weight: bold; margin-bottom: 1px; color: rgba(255,255,255,1); background-color: rgba(0,75,147,1); padding: 5px;}
.refnav { margin: 0; padding: 10px 2px 2px; background-color: rgba(255,255,255,0.2); }
#scoperefleft { float: left; width: 220px; overflow: hidden; background-color: rgba(0,75,147,1); padding: 2px; }
#scoperefleft p { font-size: 90%; color: rgba(255,255,255,1); }
#scoperefright { float: right; width: 360px; overflow: hidden; }
.scoperefclearer { clear: both; border-bottom: dashed 1px rgba(255,255,255,0.8); padding: 0.5em 0; margin-bottom: 1em; }
.scoperef { width: 220px; margin: 30px 0 0 0; padding: 0; overflow: hidden; }
.scoperefhead { font-size: 140%; font-weight: bold; margin-bottom: 1px; color: rgba(255,255,255,1); background-color: rgba(0,75,147,1); padding: 5px;}
.brotsmall { font-size: 80%; }
.tdbox { padding: 2px;}
.tdbox1 { background-color: rgba(100%,100%,100%,0.5); padding: 2px;}
.tdline {  }
.sowbildgr { float: left; width: 420px; overflow: hidden; }
.sowbildkl { float: right; width: 193px; overflow: hidden; }
.clearer { clear: both; }
			

p.weis { color: rgba(0%,0%,0%,0.8); font-size: 85%; }
p.normal { color: rgba(10%,10%,10%,1); font-size: 80%; }
.small1 { color: rgba(10%,10%,10%,1); font-size: 70%; }
.tabelle { color: rgba(10%,10%,10%,1); font-size: 80%; padding: 5px 10px 5px 5px; }
.tabelle1 { color: rgba(10%,10%,10%,0.8); font-size: 80%; padding: 5px 10px 5px 5px; text-align:left; }
.tabelle3 { font-weight: bold; font-size: 85%; padding: 5px 10px 5px 5px; color: rgb(0,75,147); }
.tablebreak { border-top: solid 1px rgba(255,255,255,0.1); font-size: 1%; }
p.footer { color: rgba(0,0,0,0.8); font-size: 70%; margin-top: 95px; }
.newstickertext { font-size: 120%; font-family: 'Courier New', serif; }
a.newstickertextlink { color: rgb(255,255,255); text-decoration: none; }
.newstickerspacer { border-bottom: dashed 1px rgba(255,255,255,0.2); margin: 20px 5px 20px 5px; }
.eswaleftsidetext  { color: rgba(0,0,0,0.8); font-size: 75%; }
.eswaleftsidetextblock  { color: rgba(0,0,0,0.8); font-size: 75%; text-align:justify; }
.newsblock { margin: 0 5px 0 5px; padding: 0 0 20px 0; }
.newsblockhome { float: left; width: 305px; }
.newsblockspacer {  clear: both; border-bottom: dotted 1px rgba(51,102,158,1); padding: 0 0 5px 0; margin-bottom: 5px; }
.newsblockspacermargin { margin-left: 5px; }
.dlvinylbghome { float: left; width: 305px; height: 200px; background: url(../../graphics/leftside/dlvinylbg2014.png) left 0 no-repeat; margin-top: 10px; }
.dlvinylbg { width: 296px; height: 200px; background: url(../../graphics/leftside/dlvinylbg2014.png) left 0 no-repeat; margin-top: 10px; }
.dlvinylcontent { padding: 140px 0 0 190px; }
p.downloadvortext {margin: 0px 0px 5px 0;}
p.download {height: 22px; text-indent: 25px; background: url(../../graphics/pics/pdf.png) left 0 no-repeat; padding: 2px 0 10px 0; margin-top: 10px; border-bottom: dashed 1px rgba(255,255,255,1) }
.link {text-indent: 20px; background: url(../../graphics/pics/link.png) left 0 no-repeat; }
.aktivstate {text-indent: 25px; background: url(../../graphics/pics/aktivstate.png) left 0 no-repeat; }
p.lowline { margin: 0; padding: 0; }
p.telefon { margin: 0; padding: 0; text-indent: 30px; background: url(../../graphics/pics/telefon.gif) left 0 no-repeat; }
p.fax { margin: 0; padding: 0; text-indent: 30px; background: url(../../graphics/pics/fax.gif) left 0 no-repeat; }
p.email { margin: 0; padding: 0; text-indent: 30px; background: url(../../graphics/pics/email.gif) left 0 no-repeat; }
p.ce { margin: 0; padding: 0; text-indent: 30px; background: url(../../graphics/pics/ce.gif) left 0 no-repeat; }
p.blank { margin: 0; padding: 0; text-indent: 30px; }

a.normal:link { color: rgba(0,51,102,1); text-decoration:underline; }
a.normal:visited { color: rgba(0,51,102,1); text-decoration:underline; }
a.normal:hover { color: rgba(0,51,102,0.5); text-decoration:none;}
a.normal:active { color: rgba(0,51,102,1); text-decoration:underline; }

.download a:link { color: rgba(0,51,102,1); text-decoration:none; font-size: 100%; }
.download a:visited { color: rgba(0,51,102,1); text-decoration:underline; }
.download a:hover { color: rgba(0,51,102,0.5); text-decoration:none;}
.download a:active { color: rgba(0,51,102,1); text-decoration:underline; }

	
/* Mittelbereich Content */
#contentpart { overflow: hidden;  scrollbar-base-color: rgb(185,187,188); scrollbar-arrow-color: rgb(255,255,255); }
#content { position: relative; float: left; width: 69.3%; height: auto; }
#loadcontent { text-align: left; padding-bottom: 1000em; margin-bottom: -1000em; padding-top: 20px; }
#loadcontent1 { text-align: left; padding-bottom: 1000em; margin-bottom: -1000em; padding-top: 20px; background-color: rgba(255,255,255,0.4); }
.pictonavi { padding-left: 95px; height: 142px; background-color: rgb(247,247,247); }
.subnavi { padding-left: 95px; height: 38px; background-color: rgb(247,247,247); overflow: hidden; }
#textandimages { text-align: left; height: 498px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimages_sub { text-align: left; height: 460px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimages_subohnetopnav { text-align: left; height: 580px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimages1 { text-align: left; height: 356px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimages2 { text-align: left; height: 456px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimages3 { text-align: left; height: 540px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimagesohnetopnav { text-align: left; height: 620px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 110px; }
#textandimagesDB { text-align: left; height: 620px; overflow-y: auto; overflow-x: hidden; margin: 20px 30px 20px 20px;  }
.contentimages { float: left; width: 30%; height: auto; margin: 0 30px 10px 0; }
.contentimages img { display: block; max-width: 100%; height: auto; margin: 5px 0; }
.contentimages p { clear: both; font-size: 63%; color: rgb(51,51,51); }
.datenbankselect { float: left; width: 280px; height: auto; margin: 0 30px 10px 0; }
.datenbankselect p { clear: both; font-size: 69%; color: rgb(51,51,51); margin-bottom: 5px; }
.inhalt1 p { font-size: 75%; line-height: 1.5em; color: rgb(51,51,51); margin: 0 20px 20px 0; }
.newsinhalt p { font-size: 75%; font-weight: normal; color: rgb(51,51,51); margin: 0 50px 10px 0; text-align: left; text-indent: 0; padding: 0; line-height: 1.5em; }
.newsinhalt h1 { text-align: left; text-indent: 0; padding: 0; margin: 0;}
p.dbhead { color: rgb(0,75,147); font-size: 120%; margin-bottom: 10px; font-weight: normal; }

.inhalt2 {text-align: left; height: 536px; overflow: hidden; }
.inhalt3 {text-align: left; height: 574px; overflow: hidden; }
.inhalt4 {text-align: left; height: 612px; overflow: hidden; }

#aside { float: left; width: 30.7%; height: auto; min-height: 650px; }
#loadaside { position: relative; padding-bottom: 1000em; margin-bottom: -1000em; text-align: left; }
.ohnetopnav { margin: 0; border-bottom: 4px rgb(151,190,13) solid; background-color: rgb(151,190,13); height: 38px; overflow: hidden; }
.ohnetopnav p { padding: 0.5em 0 0.5em 110px; color: rgb(255,255,255); font-size: 120%; }
.hersteller { float: left; width: 200px; height: 170px; margin: 20px; }
.hersteller p { margin-top: 5px; }
.standardtextbild { float: left; width: 300px; margin: 0 20px 20px 0; }
.standardtextbild p { margin-top: 5px; }
ul.standardlist { margin: -10px 0 0 20px; padding: 0px; font-size: 75%; color: rgb(51,51,51); list-style-type: disc;}
.standardlist li { margin-bottom: 5px;}
.referenzbeispiele { float: left; width: 300px; height: 170px; margin: 20px; }
.referenzbeispiele p { margin-top: 5px; }
.referenzbeispiele a { text-decoration: none; }
.dbselectfeld { width: 240px; font-size: 69%; border: 1px #666666; border-style: solid; color: #333333; background-color: #ffffff; padding: 3px; }
#datenbanktabelle p { margin: 0; padding: 0;}

/* seitliche Navigation */
.infothek {background-color: rgb(151,190,13); }
.infothek p {color: rgba(255,255,255,1); font-weight: bold; padding: 20px;}
	

/* Footerbereich */
#footerbox { position: relative; border-top: solid 1px rgba(100%,100%,100%,0.8); padding: 50px 0 50px 0; width: 100%; background-color: rgba(124,124,124,1); overflow: hidden; }
#footersubnavi { position: relative; max-width: 1000px; margin: auto auto; }
footer img {max-width: 100%;}
.logolisting { clear: both; float: left; width: 100%; overflow: hidden; margin: 1% 0 1% 0; }
#logoliste { float: left; left: 50%; position: relative; margin: 0 auto; }
#logoliste li { float: left; position: relative; right: 50%;  padding: 0 30px;}
#logoliste li a { width: auto; display: block; text-decoration:none; padding: 0; }

#footernavibox { position: relative; width: 100%; overflow: hidden; padding: 30px 0 30px 0;}
#footernavi { overflow: hidden; display: table; margin: auto auto; }
#footersubnavi p { font-size: 85%; color: rgba(255,255,255,1); }
.navigationfooterbox { float: left; width: 16%; padding: 20px 0 0 0; background-color: #transparent; color: #333; }
.navigationfooterbox p { margin: 0 0 3px 0; color: rgba(255,255,255,1); }
.navigationfooter { width: 100%; font-size: 75%; color: #333;	} 
.navigationfooter ul { list-style: none; margin: 0; padding: 0; } 
.navigationfooter li { border-bottom: 1px solid rgba(255,255,255,0.6); margin: 0; } 
.navigationfooter li a:link, .navigationfooter li a:visited { font-size: 100%; display: block; padding: 0.4em 0 0.4em 0.5em; color: rgba(255,255,255,0.6); text-decoration: none; }
.navigationfooter li a:hover { color: rgba(255,255,255,0.9); text-decoration: none; } 
.navigationfooter li.blank { font-size: 100%; display: block; padding: 0.4em 0 0.4em 0.5em; }
.navigationfooter ul ul { margin-left: 12px; margin: 0;  } 
.navigationfooter ul ul li { border-bottom: 1px solid #999; margin: 0; } 
.navigationfooter ul ul a:link, 
.navigationfooter ul ul a:visited { background-color: #ED9F9F; color: #711515; } 
.navigationfooter ul ul a:hover { background-color: #009966; color: #fff; }
.navigationfooter li#aktiv { border-bottom: 1px solid #ffffff; margin: 0; padding: 0.4em 0 0.4em 0.5em; background: rgba(255,255,255,0.5);} 


/* colors */
.white {color: rgb(255,255,255);}
.dudgruen {color: rgb(151,190,13);}
.dudblau {color: rgb(0,75,147);}
.bgdudgruen {background-color: rgb(151,190,13);}
.bgdudblau {background-color: rgb(0,75,147);}
.bghellgrau {background-color: rgb(247,247,247);}
.bgmittelgrau {background-color: rgb(227,228,229);}
.bgdunkelgrau {background-color: rgb(185,187,188);}



/* Desktop CSS starts here */
@media only screen and (min-width: 1040px) {
	body { background-color: rgb(0,51,102); }	
	.Navigation a, .Navigation span { width: 179px; padding: 1.0em 0em; }
	.navleft { float: left; width: 320px; margin-top: 10px; text-align: center; }
	.navright { float: right; width: 720px; }
	#loadaside { width: 320px; }
	#contentwrapper { margin: 20px 60px 40px 60px; }
	#contentwrapper1 { margin: 20px 20px 40px 20px; }	
}



@media only screen and (min-width: 769px) and (max-width: 1039px) {
	header, footer, #contentpart {
	width: 769px;
	overflow: hidden;	
	}
	#headerleiste { display: none; }
	header { background: url(../../graphics/pics/eswaalternativheader.png) left -30px no-repeat; height: 190px; }
	footer { height: 30px; border-top: solid 5px rgba(0,51,102,1); background: none; background-color: rgba(255,255,255,1); }
	p.footer { color: rgba(0,0,0,0.8); font-size: 70%; margin-top: 10px; }
	.Navigation a, .Navigation span { width: 24.8%; height: 30px; padding: 1.0em 0em; }
	.navleft { float: left; width: 30.7%; margin-top: 35px; text-align: center; }
	.navright { float: right; width: 69.3%; }
	.dlvinylbg { width: 235px; height: 200px; background: url(../../graphics/leftside/dlvinylbg2014.png) left 0 no-repeat; margin-top: 10px; }
	.dlvinylcontent { padding: 110px 0 0 150px; }
	nav {
	width: 769px;
	margin: auto auto;
	text-align: center;}
	.Navigation { font-size: 100%; }
	#loadcontent1 { padding-left: 20px; padding-right: 20px; }
	.marquee {
		width:195px;
		}
	#newsleft { float: left; width: 160px; overflow: hidden; }
	#newsright { float: right; width: 334px; overflow: hidden; }
	#newstotal { float: left; width: 494px; overflow: hidden; }
	.tabelle { font-size: 85%;; }
	.tabelle1 { font-size: 85%; }
	.tabelle3 { font-size: 90%; }
	.workinggroupbild { float: left; width: 190px; height: 500px; background: url(../../graphics/pics/wg2.png) left 0 no-repeat; }
	.workinggrouptext { float: left; width: 270px; height: auto; }
	.workinggroupimage{ position: relative; top: 180px; left: 30px; max-width: 60%; }
	.workinggroup { position: relative; height: 80px; top: 50px; left: 20px; font-size: 190%; color: rgba(0,75,147,1); font-weight: bold; }
	.workinggrouptext p { position: relative; top: 60px; left: 20px; }
	.refbildbig { float: left; width: 327px; overflow: hidden; }
	.refbildbig2 { float: left; width: 494px; overflow: hidden; }
	.refbild { float: left; width: 159px; overflow: hidden; margin: 0 0 6px 6px; }
	#refright { float: left; width: 494px; overflow: hidden; padding: 20px 0 20px 0; }
	#refright p { font-size: 85%; }
	.reftab_1 { font-size: 85%; font-weight: bold; color: rgba(0,75,147,1); text-align: right; padding: 3px; }
	.reftab_2 { font-size: 85%; font-weight: normal; color: rgba(0,0,0,1); padding: 3px; }
	#mediaspace { width: 494px; overflow: hidden; }
	.Navigation3{ text-indent: 10px; }
	.Navigation3sub{ text-indent: 10px; }
	.Navigation3 li { margin: 0; border-bottom: 4px rgb(255,255,255) solid; background: none; background-color: rgb(132,132,132); height: 38; overflow: hidden; }
	.Navigation3 a:hover { background: none; background-color: rgba(0,204,51,0.5); }
	.Navigation3 li.aktiv {	margin: 0; font-size: 90%; font-weight: bold; border-bottom: 4px rgba(255,255,255,1) solid; background: none; background-color: rgb(0,204,51); height: auto; overflow: hidden; }
  }


/* Tablett CSS starts here */

@media only screen and (min-width: 481px) and (max-width: 768px) {
	header, footer, #contentpart {
	width: 769px;
	overflow: hidden;	
	}
	#headerleiste { display: none; }
	header { background: url(../../graphics/pics/eswaalternativheader.png) left -30px no-repeat; height: 190px; }
	footer { height: 30px; border-top: solid 5px rgba(0,51,102,1); background: none; background-color: rgba(255,255,255,1); }
	p.footer { color: rgba(0,0,0,0.8); font-size: 70%; margin-top: 10px; }
	.Navigation a, .Navigation span { width: 24.8%; height: 30px; padding: 1.0em 0em; }
	.navleft { float: left; width: 30.7%; margin-top: 35px; text-align: center; }
	.navright { float: right; width: 69.3%; }
	.dlvinylbg { width: 235px; height: 200px; background: url(../../graphics/leftside/dlvinylbg2014.png) left 0 no-repeat; margin-top: 10px; }
	.dlvinylcontent { padding: 110px 0 0 150px; }
	nav {
	width: 769px;
	margin: auto auto;
	text-align: center;}
	.Navigation { font-size: 100%; }
	#loadcontent1 { padding-left: 20px; padding-right: 20px; }
	.marquee {
		width:195px;
		}
	#newsleft { float: left; width: 160px; overflow: hidden; }
	#newsright { float: right; width: 334px; overflow: hidden; }
	#newstotal { float: left; width: 494px; overflow: hidden; }
	.tabelle { font-size: 85%;; }
	.tabelle1 { font-size: 85%; }
	.tabelle3 { font-size: 90%; }
	.workinggroupbild { float: left; width: 190px; height: 500px; background: url(../../graphics/pics/wg2.png) left 0 no-repeat; }
	.workinggrouptext { float: left; width: 270px; height: auto; }
	.workinggroupimage{ position: relative; top: 180px; left: 30px; max-width: 60%; }
	.workinggroup { position: relative; height: 80px; top: 50px; left: 20px; font-size: 190%; color: rgba(0,75,147,1); font-weight: bold; }
	.workinggrouptext p { position: relative; top: 60px; left: 20px; }
	.refbildbig { float: left; width: 327px; overflow: hidden; }
	.refbildbig2 { float: left; width: 494px; overflow: hidden; }
	.refbild { float: left; width: 159px; overflow: hidden; margin: 0 0 6px 6px; }
	#refright { float: left; width: 494px; overflow: hidden; padding: 20px 0 20px 0; }
	#refright p { font-size: 85%; }
	.reftab_1 { font-size: 85%; font-weight: bold; color: rgba(0,75,147,1); text-align: right; padding: 3px; }
	.reftab_2 { font-size: 85%; font-weight: normal; color: rgba(0,0,0,1); padding: 3px; }
	#mediaspace { width: 494px; overflow: hidden; }
	.Navigation3{ text-indent: 10px; }
	.Navigation3sub{ text-indent: 10px; }
	.Navigation3 li { margin: 0; border-bottom: 4px rgb(255,255,255) solid; background: none; background-color: rgb(132,132,132); height: 38; overflow: hidden; }
	.Navigation3 a:hover { background: none; background-color: rgba(0,204,51,0.5); }
	.Navigation3 li.aktiv {	margin: 0; font-size: 90%; font-weight: bold; border-bottom: 4px rgba(255,255,255,1) solid; background: none; background-color: rgb(0,204,51); height: auto; overflow: hidden; }
  }



/* Handy CSS starts here */

@media only screen and (max-width: 480px) {
	header, footer, #contentpart {
	width: 769px;
	overflow: hidden;	
	}
	#headerleiste { display: none; }
	header { background: url(../../graphics/pics/eswaalternativheader.png) left -30px no-repeat; height: 190px; }
	footer { height: 30px; border-top: solid 5px rgba(0,51,102,1); background: none; background-color: rgba(255,255,255,1); }
	p.footer { color: rgba(0,0,0,0.8); font-size: 70%; margin-top: 10px; }
	.Navigation a, .Navigation span { width: 24.8%; height: 30px; padding: 1.0em 0em; }
	.navleft { float: left; width: 30.7%; margin-top: 35px; text-align: center; }
	.navright { float: right; width: 69.3%; }
	.dlvinylbg { width: 235px; height: 200px; background: url(../../graphics/leftside/dlvinylbg2014.png) left 0 no-repeat; margin-top: 10px; }
	.dlvinylcontent { padding: 110px 0 0 150px; }
	nav {
	width: 769px;
	margin: auto auto;
	text-align: center;}
	.Navigation { font-size: 100%; }
	#loadcontent1 { padding-left: 20px; padding-right: 20px; }
	.marquee {
		width:195px;
		}
	#newsleft { float: left; width: 160px; overflow: hidden; }
	#newsright { float: right; width: 334px; overflow: hidden; }
	#newstotal { float: left; width: 494px; overflow: hidden; }
	.tabelle { font-size: 85%;; }
	.tabelle1 { font-size: 85%; }
	.tabelle3 { font-size: 90%; }
	.workinggroupbild { float: left; width: 190px; height: 500px; background: url(../../graphics/pics/wg2.png) left 0 no-repeat; }
	.workinggrouptext { float: left; width: 270px; height: auto; }
	.workinggroupimage{ position: relative; top: 180px; left: 30px; max-width: 60%; }
	.workinggroup { position: relative; height: 80px; top: 50px; left: 20px; font-size: 190%; color: rgba(0,75,147,1); font-weight: bold; }
	.workinggrouptext p { position: relative; top: 60px; left: 20px; }
	.refbildbig { float: left; width: 327px; overflow: hidden; }
	.refbildbig2 { float: left; width: 494px; overflow: hidden; }
	.refbild { float: left; width: 159px; overflow: hidden; margin: 0 0 6px 6px; }
	#refright { float: left; width: 494px; overflow: hidden; padding: 20px 0 20px 0; }
	#refright p { font-size: 85%; }
	.reftab_1 { font-size: 85%; font-weight: bold; color: rgba(0,75,147,1); text-align: right; padding: 3px; }
	.reftab_2 { font-size: 85%; font-weight: normal; color: rgba(0,0,0,1); padding: 3px; }
	#mediaspace { width: 494px; overflow: hidden; }
	.Navigation3{ text-indent: 10px; }
	.Navigation3sub{ text-indent: 10px; }
	.Navigation3 li { margin: 0; border-bottom: 4px rgb(255,255,255) solid; background: none; background-color: rgb(132,132,132); height: 38; overflow: hidden; }
	.Navigation3 a:hover { background: none; background-color: rgba(0,204,51,0.5); }
	.Navigation3 li.aktiv {	margin: 0; font-size: 90%; font-weight: bold; border-bottom: 4px rgba(255,255,255,1) solid; background: none; background-color: rgb(0,204,51); height: auto; overflow: hidden; }
  }





/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: rgb(255,255,255); width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: rgb(255,255,255); margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.diashow {float: left; display: block; max-width: 100%; height: auto; margin-bottom: 20px;}
.diashowr {float: left; display: block; max-width: 100%; height: auto; margin-bottom: 20px;}

/* IFRAME */
#iframe {
max-width: 580px;
height: 600px;
background: transparent;
}
.abstand_iframe { padding: 0px; } 
.scrollbereich { overflow: auto; max-width: 580px; height: 600px; } 
.scrollbarabstand { padding-right: 10px; }