body {
	margin: 0;
	padding: 0;
	background-color: #DADBDC;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 100.01%;
}

img {
  border: 0;
}

#container {
   width: 940px; 
   margin: 0 auto;
   position: relative;
}

#container #head {
   height: 168px;
   background-color: #FFFFFF;
   background-repeat: no-repeat;
   background-position: top center;
}

#container #head #homelink{
   position: absolute;
   display: block;
   height: 41px;
   width: 180px;
   left: 21px;
   top: 24px;
   z-index: 99;
}

#container #head h1 {
   position: absolute;  
   left: 20px;
   top: 25px;
   width: 190px;
   height: 41px;
   margin: 0;
}

#container #head h2 {
   margin: 0;   
}

#container #head h1 span,
#container #head h2 span {
   display:none;
}

#logo140 {
	position: absolute;
	left: 742px;
	top: 15px;
	width: 140px;
	height: 48px;		
}

#logo140 a{
   display: block;
   width: 100%;
   height: 100%;
}

#dekobild {
   position: absolute;
   left: 473px;
   top: 12px;
   width: 236px;
   height: 123px;
}
#dekobild img {
   display: inline; 
   border: none;
   padding: 0;
   margin: 0;
}

/* Hauptmenue */
#container #head #mainmenue {
   position: absolute;
   left: 226px;
   top: 140px;	
}

#container #head #mainmenue ul{
   margin: 0;
   padding: 0;
}

#container #head #mainmenue li{
   float: left;
   margin: 0 12px 0 0;
   padding: 0;
   list-style-type: none;
}

#container #head #mainmenue li a {
   font-size: 0.8em;
   color: #4F5151;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 6px;
}

#container #head #mainmenue li a:hover,#container #head #mainmenue li a.aktiv {
   color: #FF8000;
   border-bottom: 1px solid #A7A8A8;
}

/* Seitenmenue */
#container #navi {
   float: left;
   font-size: 0.8em;
   margin-top: 40px;
   margin-left: 41px;
   margin-right: 21px;
   width: 140px;
   padding: 13px 0 1px 0;
   border-top: 0px solid #FF8000;
   text-align: right;
}

/* #container .navistartseite {
   margin-top: 7px !important;
   margin-left: 21px !important;
   width: 160px !important;
}


#container .navistartseite ul.startsubnavi li a{
   padding-right: 16px !important;
}

#container .navistartseite ul.startsubnavi li a,
#container .navistartseite ul.startsubnavi li a:hover{
   background-position: 100px 22px !important;
}
 */
#container #navi ul {
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
}

#container #navi ul li a {
   border-top: 1px dotted #969593;
   display: block;
   color: #4F5151;
   padding: 6px 40px 6px 6px;
   text-decoration: none;
   font-weight: bold;
}

#container #navi ul li.nolink{
   border-top: 1px dotted #969593;
   display: block;
   color: #4F5151;
   padding: 6px 40px 6px 6px;
   text-decoration: none;
   font-weight: bold;
}

#container #navi ul li a.firstnavi {
   border-top: none;
}
#container #navi ul li a:hover {
   color: #FF8000;
   background-repeat: no-repeat;
   background-position: 118px 9px;
}

#container #navi ul li a.aktiv {
   color: #FF8000;
  background-repeat: no-repeat;
   background-position: 118px 9px;
}

#container #navi ul li ul.subnavi {
   color: #FF8000;
   font-weight: normal;
   margin-bottom: 12px;
}

#container #navi ul li ul.subnavi li a{
   border-top: none;
   border-bottom: none;
   font-size: 0.8em;
   color: #96999C;
   padding: 2px 40px 2px 12px;
}

#container #navi ul li ul.subnavi li.active a,
#container #navi ul li ul.subnavi li a:hover{
   color: #FF8000;
   background-repeat: no-repeat;
   background-position: 120px 5px;
}


/* Seitenmenue , 2. Generation */

#container #navi2 {
   float: left;
   font-size: 0.8em;
   margin-top: 24px;
   margin-left: 41px;
   margin-right: 21px;
   width: 140px;
   padding: 13px 0 1px 0;
   border-top: 0px;
   text-align: right;
}

#container #navi2 ul {
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
}

#container #navi2 ul.subnav li {
   margin: 0;
}

#container #navi2 ul li a {
   display: block;
   color: #96999C;
   font-size: 0.9em;
   padding: 6px 6px 6px 6px;
   text-decoration: none;
   font-weight: bold;
}

#container #navi2 ul li.nolink{
   display: block;
   color: #4F5151;
   padding: 6px 40px 6px 6px;
   text-decoration: none;
   font-weight: bold;
}

#container #navi2 ul li a.firstnavi {
   border-top: none;
}
#container #navi2 ul li a:hover {
   color: #FF8000;
}

#container #navi2 ul li a.aktiv {
   color: #FF8000;
}



#container .rechtsstart {
top: 335px !important;
}

#container #rechts {
   position: absolute;
   left: 736px;
   top: 235px;
   padding-bottom: 5px;
   color: #96999C;
   font-size: 0.7em;
   background:transparent; 
   border:1px solid #efefef;
   padding: 4px;
   width: 170px;
}

#rechts .rechtsinnen {
   z-index:30;
   position:relative;
}

#rechts p, #rechts h4 {
   width: 158px;
   margin-left: 12px;
   margin-top: 1.5em;
   line-height: 1.5em;
}

#rechts h4 {
  margin-bottom: 0px;
  font-size: 11px;
}

#rechts a {
   color: #96999C;
}

#rechts a:hover {
   color: #FF8000;
}

#rechts ul.file_download_list {
   margin: 0 0 0 24px;
   padding: 0;
}

#rechts ul.file_download_list li {
   margin-bottom: 1.5em;
}

#rechts td.datum {
   color: #FF8000;
   background-color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   text-align: center;
   padding-bottom: 2em;
   width: 80px;
}

#rechts td.event {
    font-size: 0.7em;
}

#rechts span.kalendertag {
   color: #FF8000;
   font-size: 2.4em;
}

#rechts #rechtsloesungen h4{
   margin-bottom: 0px;
   margin-top: 1.5em;
}

#rechts #rechtsloesungen p{
   margin-bottom: 0px;
   margin-top: 0px;
}

#rechts #rechtsloesungen a{
   text-decoration: underline;
}

#rechts img.yt_thumb{
   display: block;
   margin-left: 24px;
   margin-top: 1.5em;
}

#impressumlogos{
   margin-top: 20px;
   margin-bottom: 20px;
}

#impressumlogos img{
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
}
/*
   CONTENT
*/

#container #content {
   margin-top: 36px;
   margin-left: 225px;
   width: 490px;
   min-height: 650px;
   padding: 12px 0 20px 0;
   z-index: 0;
}

#container #content img.float-left{
  display: block;
  float: left;
  padding: 2px;
  margin-right: 16px;
  border: 1px solid #B0B1B1;
}

#container #content img.float-right{
  display: block;
  float: right;
  padding: 2px;
  margin-left: 16px;
  border: 1px solid #B0B1B1;
}

#container #content a {
   color: #000;
}
#container #content a:hover {
   color: #FF8000;
}

#container #content a.editlink {
   color: #FF8000;
   font-size:0.7em;
}

#container #content h3 {
   margin: 0;
   color: #615D5C;
   border-bottom: 1px solid #FF8000;
   font-size: 1em;
   font-weight: normal;
}

#container #content h4 {
   margin: 1.5em 0 1em 0;
   color: #111;
   font-size: 0.9em;
   font-weight: normal;
   border-bottom: 1px solid #DADBDC;
}

#container #content h5 {
   margin: 32px 0 0 0;
}

#container #content a.backlink {
   margin: 16px auto 32px auto;
   display: block;
   color: #BABBBC;
   text-align: center;
}

#container #content p,
#container #content li {
   color: #212121;
   font-size: 0.7em;
/*   font-size: 12px;*/
   line-height: 1.5em;
}

#container #content p.anmeldung{
   color: #FF8000;
   font-weight: bold;
}

#container #content p.anmeldung a{
   color: #FF8000;
}

#container #content p.anmeldung a:hover{
   color: #CACACA;
}

#container #content li {
   margin-bottom: 0.75em;
}

#container #content hr {
   color: #4F5151;
   border: 1px solid #4F5151;
}

#container #content div.bildfloaterdiv{
   float: left;
   width: 210px;
   color: #212121;
   font-size: 0.7em;
   line-height: 1.5em;
   margin-bottom: 1.5em;
   margin-right: 32px;
}

#container #content div.bildfloaterdiv img{
   padding: 2px;
   border: 1px solid #B0B1B1;
}

#container #content div.bild {
   margin: 1em auto 1em auto;
   text-align: center;
   font-size: 0.6em;
   color: #181818; 
}

#container #content div.bild img{
	margin: 0;
	border: 1px solid #F0F1F1;
}

#container #content div.bild p{
   font-size: 10px;
   color: #868583;
}

#container #content div#tagcloud {
   padding-bottom: 8px;
   margin-bottom: 36px;
}

#container #content div#tagcloud a{
   color: #666;
}

#container #content div#tagcloud a:hover{
   color: #FF7500;
}

#container #content div#tagcloud h4{
   color: #666;
}


#container #content div.box {
   float:left; 
   width: 215px; 
   margin-top: 23px; 
   margin-right: 18px; 
   border: 1px dotted #666; 
   padding: 4px; 
   height: 10em;
}

#container #content div.box h4 {
   color: #4F5151;
   font-size: 0.8em;
   font-weight: bold;
   padding: 2px 0 2px 0;	
   margin: 2px 0;	
}

#container #content .startseitenitem {
   margin-top: 12px;
   margin-bottom: 1em;
}

#container #content .startseitenitem p{
   margin: 6px 0 0 0;
}

#container #content .startseitenitem h3{
   margin: 0;
}
#container #content .startseitenitem h4{
   margin: 1.5em 0 1em 0;
}

#container #content #textbox {
   width: 490px;
   margin: 53px 0;
   padding: 0 12px 0px 12px;
   border: 0px dotted #212121;
}

#container #content #textbox h2 {
   margin: 2px 0;
   color: #4F5151;
   font-size: 1.2em;
   font-weight: normal;
}

#container #content #textbox h3 {
   color: #212121;
   font-size: 0.8em;
   font-weight: bold;
}

#container #content #textbox h4 {
   font-weight: bold;
   margin: 1em 0 1em 0;
}

#container #content #textbox div.topic {
   float: left;
   width: 226px;
   margin-top: 23px;
   margin-right: 18px;
   border: 1px dotted #666;
   padding: 4px;
}

#container #content div.anmeldebox{
  margin: 18px 0 0 0;
  clear: right;
  border: 1px solid #B0B1B1;
  background-color: #F0F1F1;
  padding: 3px;
}

#container #content div.anmeldebox p{
  padding: 0;
  margin: 0;
}

#container #content div.webinarbox{
  background-image: url(http://zentrale.comsol.ag/images/css/anmeldung-symbol.png);
  background-repeat: no-repeat;
  background-position: 4px center;
}

#container #content div.anmeldebox p{
  padding-left: 25px;
}

#container #content fieldset {
   font-size: 0.8em;
   margin-top: 18px;
   border: 0;
}
#container #content fieldset p{
   font-size: 12px;
}
#container #content fieldset legend {
   display:none;
}

#container #content table.kalender {
   margin-bottom: 2em;
   width: 100%;
}
#container #content table.kalender td.datum {
   font-size: 0.8em;
   color: #FF8000;
   background-color: #fff;
   font-weight: bold;
   text-align: center;
   padding-bottom: 2em;
   width:80px;
}

#container #content table.kalender td.event a{
   font-size: 0.8em;
   font-weight: normal;
}

#container #content table.kalender td.datum_voll {
   font-size: 0.8em;
   color: #B0B1B1;
   background-color: #fff;
   font-weight: bold;
   text-align: center;
   padding-bottom: 2em;
   width:80px;
}

#container #content span.kalendertag {
   color: #FF8000;
   font-size: 2.4em;
}

#container #content span.kalendertag_voll {
   color: #B0B1B1;
   font-size: 2.4em;
}

#container #content span.kalendertaguhrzeit {
   color: #FF8000;
   font-weight: normal;
   font-size: 0.9em;
}

#container #content span.kalendertaguhrzeit_voll {
   color: #B0B1B1;
   font-weight: normal;
   font-size: 0.9em;
}

#container #content br.clear {
   clear: both; 
   margin: 0; 
   padding: 0;
}

#container #content #uebersicht p{
   margin: 0.5em 0;
}

#container #content #uebersicht h4{
   margin-bottom: 0;
   margin-top: 2em;
}

#container #content #bestellform input.zemText{
   width: 230px;
}

#container #content #bestellform div.bestellformdetaildiv{
   margin-left: 24px;
   padding: 8px;
   background-color: #FAFBFC;
   border: 1px solid #CACACA;
}

#container #content #bestellform div.bestellformdetaildiv p{
   color: #FF7500;
   border-bottom: 1px solid #FF7500;
}

#container #content #bestellform div.bestellformdetaildiv li{
   font-size: 11px;
}

#container #content #bestellform td p, #container #content #bestellform td label{
   padding: 4px;
   margin: 0;
   font-size: 12px;
}

#container #content #bestellform td p a{
   font-size: 9px;
}

#container #content #bestellform td p input.zemCheckbox{
   margin: 0;
   padding: 0;
}

#subfooterstart {
   clear: both;
   margin: 0 auto 0 auto;
   width: 940px;
   padding-left: 40px;
   line-height: 1.5em;
}


#subfooter {
   clear: both;
   margin: 0 auto 0px auto;
   width: 940px;
   padding-left: 40px;
   line-height: 1.5em;
}

#subfooter img{
	display: block;
	margin-top: 18px;
}

#footer {
   position: relative;	
   clear: both;
   margin: 0 auto 22px auto;
   width: 940px;
   height: 54px;
   background-position: -1px 0px;
   background-repeat: no-repeat;
}

#footer span#comsol {
	display: block;
	position: absolute;
	top: 6px;
	right: 250px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

#footer a#impressum{
	display: block;
	position: absolute;
	top: 6px;
	left: 20px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
}

.attributename,.required,.attributeinput {
font-size: 11px;
}

.required {
color: #FF8000;
}

/* Verlinkungen Exzerpt und "Weiter" */
h4 a{
   text-decoration: none;
}

h4 a:hover{
   text-decoration: underline;
}

p.weiterbox {
   text-align: right;
   margin-top: -10px;
}

a.weiterlink {
   color: #ff8000 !important;
   padding-left: 9px;
   background-image: url(http://zentrale.comsol.ag/images/css/weiterlink-h-7.png);
   background-repeat: no-repeat;
   background-position: center left;
   text-decoration: none;
}

a.weiterlink:hover {
   background-image: url(http://zentrale.comsol.ag/images/css/weiterlink-7.png);
   text-decoration: underline;
}

a.nodecoration {
   text-decoration: none;
}

a.nodecoration:hover {
   text-decoration: underline;
}

div.welt {
   margin: 0 auto 20px auto; 
   padding: 5px 0 5px 0;
   width: 264px;
   height: 400px;
   background-color: #F0F1F1;
}

div.welt img{
   display: block;
   margin: 2px auto 2px auto;
   border: 1px solid #CFCFCF;
}

div.welt p{
   width: 242px;
   margin: 12px auto 24px auto;
}

div.welt h4{
   width: 242px !important;
   margin: 12px auto 12px auto !important;
}

div#infokasten {
   border: 1px solid #F80000; 
   background-color: #F2F2F2;
   padding: 4px;
}

div#infokasten p{
   padding: 0 26px 0 26px;
}

/*  */

#feedbackform p{
font-size: 12px;
line-height: 1.5em;
}

#zemContactForm{
}

#zemContactForm .hidden, #zemContactForm .hiddenfile{
display: none;
margin: 0;
height: 10px;
}
#zemContactForm #hidden, #zemContactForm #hiddenfile{
visibility: hidden;
margin: 0;
}

.zemContactForm{
}

.zemContactForm .hidden, .zemContactForm .hiddenfile{
display: none;
margin: 0;
height: 10px;
}
.zemContactForm #hidden, .zemContactForm #hiddenfile{
visibility: hidden;
margin: 0;
}

/* gd-Form */

#gdform{
margin: 0;
padding: 0;
}

#gdform #zemContactForm select{
border: 1px solid #CCCBCB;
width:; 180px;
}

#gdform #zemContactForm input, #gdform #zemContactForm textarea{
border: 1px solid #CCCBCB;
width: 378px;
margin: 0 0 18px 0;
}

/* Quicklinks */
div#quicklinks {
position: absolute;
top: 164px;
left: 473px;
border: 2px solid #FF8000;
background-color: #FFFFFF;
width: 408px;
z-index: 999;
}

div#quicklinks a#schliesslink {
display: block;
position: absolute;
font-size: 10px;
color: #F80000;
text-decoration: none;
right: 2px;
top: 2px;
}

div#quicklinks div{
float: left;
/* width: 150px; */
min-height: 250px;
padding: 4px;
}

div#quicklinks div h3{
font-size: 13px;
font-weight: normal;
letter-spacing: 2px;
border-bottom: 1px solid #CECDCF;
color: #8E8E8E;
margin: 26px 18px 0 18px;
}

div#quicklinks div ul{
margin: 0 0 18px 0;
padding: 0;
list-style-type: none;
}

div#quicklinks div a{
   padding-left: 9px;
   font-size: 12px;
   color: #8E8E8E;
   background-image: url(http://zentrale.comsol.ag/images/css/weiterlink-8.png);
   background-repeat: no-repeat;
   background-position: center left;
   text-decoration: none;
}

div#quicklinks div a:hover {
   background-image: url(http://zentrale.comsol.ag/images/css/weiterlink-h-7.png);
   color: #ff8000;
}

div#quicklinks div#qlinks{
/* width: 248px;
border-right: 1px solid #CECDCF; */
}

div#quicklinks div#qlinks li{
display: block;
width: 114px;
float: left;
margin: 9px 0 9px 18px;
line-height: 1em;
min-height: 100px;
}

div#quicklinks div#qlinks a{
padding-left: 0;
background-image: none;
font-size: 11px;
}

#druckfooter {
display: none;
}

div#randompics {
position: absolute;
/* background-color: #CACACA; */
left: 222px;
top: 85px;
width: 716px;
height: 156px;
}

div#randompics img{
float: left;
margin-right: 3px;
}

/* Tag-Cloud */
a.tagSize1{
 font-size: 10px;
}

a.tagSize2{
 font-size: 11px;
}

a.tagSize3{
 font-size: 12px;
}

a.tagSize4{
 font-size: 13px;
}

a.tagSize5{
 font-size: 14px;
}

a.tagSize6{
 font-size: 15px;
}

a.tagSize7{
 font-size: 16px;
}

a.tagSize8{
 font-size: 17px;
}

/* Formular Handbuchbestellung */
p.hbbestellung label{
  display: block;
  width: 296px;
  float: left;
}

p.hbbestellung input{
  padding: 0;
  font-size: 10px;
  height: 12px;
}

/* Infokasten */

div#infokasten{
  padding: 0;
  border: none;
  background-color: transparent;
}

#container #content div#infokasten h3{
  width: 475px;
  margin: 0 0 0 -1px;
  padding: 4px 8px 4px 8px;
  background-color: #FF8000;
  color: #FFFFFF;
}


div#infokasten table,
div.infokasten table{
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  background-color: #F2F2F2;
}

div#infokasten table tr,
div.infokasten table tr{
  margin: 0;
  padding: 0;
}

div#infokasten table td,
div.infokasten table td{
  margin: 0;
  padding: 8px;
  font-size:  0.7em;
  vertical-align: top;
  border: 1px solid #FF8000;
}

div#infokasten table td ul,
div.infokasten table td ul{
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

div#infokasten table td li, div#infokasten table td li a,
div.infokasten table td li, div.infokasten table td li a{
  margin: 0;
  padding: 0;
  font-size:  1.4em;
}


div#infokasten_termine{
  width: 100%;
  margin: 0;
  padding: 2px;
  border: 1px solid #FF8000;
  background-color: #F2F2F2;
}

#container #content div#infokasten_termine p{
  background-repeat: no-repeat;
  background-position: left center;
  margin: 16px;
  padding: 4px 0 4px 24px;
/*   font-size: 13px; */
}

div#infokasten_termine p.termin_email{
  background-image: url(http://zentrale.comsol.ag/images/css/event-email.png);
/*   background-image: url(http://zentrale.comsol.ag/images/css/event-email-24.png); */
}

div#infokasten_termine p.termin_outlook{
  background-image: url(http://zentrale.comsol.ag/images/css/event-outlook.png);
/*   background-image: url(http://zentrale.comsol.ag/images/css/event-outlook-24.png); */
}

/* "Schoene" Formular */
#container #content div#kastenformular {
  width: 100%;
  margin: 0;
  padding: 0;
}

#container #content div#kastenformular p{
  margin: 0;
  padding: 0;
  font-size: 0.7em;
}

#container #content div#kastenformular form{
  margin: 0;
  padding: 0;
}

#container #content div#kastenformular fieldset{
  border: 1px solid #FF8000;
  background-color: #F2F2F2;
  margin: 0 !important;
  padding: 0 8px 0 8px !important;
  font-size: 0.7em;
}

#container #content div#kastenformular fieldset p{
  margin-top: 6px;
  font-size: 1em;
}

#container #content div#kastenformular fieldset label{
  float: left;
  width: 80px;
}

#container #content div#kastenformular fieldset input{
  width: 250px;
}

#container #content div#kastenformular fieldset div.kastencheckboxen label{
  float: none;
  width: 200px;
}

#container #content div#kastenformular fieldset div.kastencheckboxen input{
  width: 12px;
}

#container #content div#kastenformular fieldset input#zemSubmit{
  margin-top: 18px;
  margin-left: 80px;
}

div.newsartikel{
  margin-bottom: 2em;
  width: 480px;
}

div#referenzenliste{
  margin-top: 64px;
}

div#referenzenliste div{
  float: left;
  width: 150px;
  margin: 0 0 2px 8px;
  padding: 0;
}

div#referenzenliste div img{
  border:1px solid #B0B1B1;
  padding:2px;
}

/* Call-Back-Button */
#rechts div#callbackbtn{
  width: 158px;
  margin-left: 12px;
  margin-top: 1.5em;
  line-height: 1.5em;
  margin-bottom: 32px;
}

#rechts div#callbackbtn fieldset{
  border: none;
}

#rechts div#callbackbtn form.zemContactForm{
  width: 156px;
  margin-left: 12px;
}

#rechts div#callbackbtn input.zemText{
  width: 100px;
  border: 1px solid #DADBDC;
  height: 18px;
  padding-left: 24px;
  background-image: url(http://zentrale.comsol.ag/images/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
}

#rechts div#callbackbtn input.zemSubmit{
  display: none;
  color: #F0F0F0;
  border: 1px solid #DADBDC;
}

div.yt_thumbs{
  margin: 1em auto 1em auto;
  width: 400px;
}

div.yt_thumbs img{
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

div.yt_thumbs_verbose{
  margin: 28px auto 28px auto;
  width: 400px;
}

div.yt_thumbs_verbose div{
  float: left;
  margin: 0;
  padding: 0;
}

div.yt_thumbs_verbose div img{
  margin-top: 3px;
  border: 1px solid #9A9A9A;
}

div.yt_thumbs_verbose div p{
  margin: 0;
  padding: 0;
}