/* allgemein */
* {
	border: 0;
	padding: 0;
	margin: 0;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
}
html{
	line-height:1.25em;
	height: 100%;
	border: 0; 		
}
body { 
	height:100%;
	border: 0;
	font-size: 100.1%;
}
* html body {
	 height:100%;
}






/* positions */
#container {
	height: auto;
	min-height:100%;
	margin: 0 auto;
	top:0;
	
	font-size:0.75em;
	width: 970px;
	background-image:url(../img/back-content.jpg);
	background-repeat:repeat-y;
}
#container2 {
	float:left;
	width:970px;
	background-image:url(../img/back-content.jpg);
	background-repeat:repeat-y;
}
#header {
	width:970px;
	padding-left:10px;	
	height:160px;
	background-image:url(../img/header-.jpg);
	background-repeat:no-repeat;
}
#breadcrumb{
	padding-top:22px;
	padding-left:15px;	
	font-size:0.9em;
	color:#666666;
}
#men1{
	padding-top:85px;
	padding-left:15px;	
	color:#666666;
}
#logo{
	padding-top:12px;
	padding-right:20px;	
	width:181px;
	height:148px;
	float:right;
}

#content-container {
	float:left;
	width:940px;	
	padding-left:25px;
	padding-top:15px;
}
#content-left{
	width:735px;	
	float:left;	
	height:100%;
	padding-bottom:15px;
}
#men2{
	width:150px;	
	float:left;	
	height:100%;
}
#content-middle{
	width:560px;	
	float:right;	
	height:100%;	
}
#content-right{
	padding-right:20px;
	width:150px;	
	float:right;	
	height:100%;
	color:#0654aa;
}

#sitefooter {
	clear:both;
	
	margin-top:25px;
	padding-top:5px;
	padding-bottom:15px;
	
	bottom:0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ffffff;
	font-size:0.9em;
}

#footer {
	clear:both;
	margin-top:25px;
	padding-top:15px;
	margin-bottom:0px;
	padding-bottom:15px;
	bottom:0;
	font-size:0.9em;
	
	background-color:#376ac2;
	text-align:center;
	
}

#electronicanddesign{
width:150px;
height:270px;
background-image:url(../img/electronic-and-design.jpg);
}


.ansprechpartner {
	width:250px;
	margin-bottom:40px;
}
.links {
	float:left;
}
.rechts {
	float:right;
}

.block-right {
	color:#0654aa;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}



table{
}
td{
	vertical-align:top;
	text-align:left;
	padding-right:10px;
}
.tablelabel{
	text-align:right;
	font-weight:bold;
}

.messekalender, .legende{
	background-image:url(../img/messekalender-back.jpg);
	background-repeat: repeat-x;
}

.messekalender td, .legende td
{
	vertical-align:middle;	
	height:35px;
}

.legende td{
	padding-right:27px;	
}

.messekalenderhead{
	font-weight:bold;
	font-size:1.2em;
}

h1 {
	font-size:1.2em;
	font-weight: bold;
	padding: 0;
	padding-bottom:20px;
	text-transform: uppercase;
}
h2 {
	font-size:1.2em;
	font-weight: bold;
	padding: 0;
	padding-bottom:0px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
h3{
	font-size:1em;	
}
h4{
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:5px;
}

p {
	text-align:justify;
	padding-bottom:20px;
}
.clearit {
	clear:both;
	padding:0px;
	margin:0px;	
}
.clearitwithline {
	clear:both;
	padding:0px;
	margin:0px;
	padding-bottom:25px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}


a:link, a:visited { color: #fff;	text-decoration: underline; }
a:hover, a:active, a:focus {
	color: #999;
	text-decoration: underline;
}

#breadcrumb a:link, #breadcrumb a:visited { color: #4b4b4b;	text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:active , #breadcrumb a:focus{ color: #0654aa;	text-decoration: underline; }

#sitefooter a:link, #sitefooter a:visited, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#sitefooter a:hover, #sitefooter a:active , #sitefooter a:focus, #footer a:hover, #footer a:active , #footer a:focus{ color: #fff;	text-decoration: underline; }


a:link.downloadlink, a:visited.downloadlink { 
	font-size:1em; 
	color: #fff;	
	text-decoration: underline;
}
a:hover.downloadlink, a:active.downloadlink, a:focus.downloadlink {
	color: #999;
	text-decoration: underline;
}


a:link.cleanlink, a:visited.cleanlink { 
	font-size:1em; 
	color: #fff;	
	text-decoration: none; 
}
a:hover.cleanlink, a:active.cleanlink, a:focus.cleanlink {
	color: #999;
	text-decoration: none;
}


ul {
	margin-bottom:15px;
}
#content-middle ul li { 
	list-style-type:square;
	list-style-position:outside;
	
	margin-left:25px;
}


#content-middle ul li.sub, #content-middle ul li.sub   {
	list-style-type:square;
	list-style-position:inside;
	padding-left:10px;
}
#content-middle ul li.sub2, #content-middle ul li.sub2   {
	list-style-type:square;
	list-style-position:inside;
	padding-left:30px;
}

#men1 ul { }
#men1 ul li { display: inline; padding-right:10px; color:#666666; }
#men1 ul li a:link, #men1 ul li a:visited {
	text-decoration: none;
	color:#646464;
	text-transform: uppercase;
	font-weight:bold;
}
#men1 ul li a:hover, #men1 ul li a:active, #men1 ul li a:focus, #men1 ul li a:link.activeMen1, #men1 ul li a:visited.activeMen1 { color:#0654aa; }



#men2 ul { }
#men2 ul li { 
	list-style-type:none;
	padding-left:15px;	
	background-image:url(../img/arrow-1.jpg);
	background-repeat:no-repeat;
}
#men2 ul li a:link, #men2 ul li a:visited {	
	text-decoration: none;
	color:#fff;
	line-height:25px;
}
#men2 ul li a:hover, #men2 ul li a:active, #men2 ul li a:focus, .activeMen2 { font-weight:bold }




.men3 { 
	padding-left:10px; 
	font-size:0.9em; 
}
.activeMen3 { padding-left:10px; font-weight:bold; font-size:0.9em; }

.hideicon{visibility:hidden;}

#content-right ul { }
#content-right ul li {
	list-style-position:outside;
	list-style-image: url(../img/arrow-2.jpg);
	margin-left:15px;
}
#content-right ul li a:link, #content-right ul li a:visited {	
	text-decoration: none;
	color:#646464;
	line-height:20px;
}
#content-right ul li a:hover, #content-right ul li a:active, #content-right ul li a:focus, .activecontent-right { 
	color:#646464; font-weight:bold }


#men2 p {
	text-transform: uppercase;
	font-weight:bold;	
}
#content-right h2 {
	font-size:1.0em;
	padding: 0;	
	padding-bottom:10px;
	text-transform: uppercase;
	text-transform: uppercase;
	font-weight:bold;	
	color:#646464;
}

#content-right p {
	color:#646464;
	padding-bottom:10px;
}





.produkts a:link, .produkts a:visited { color:#fff;	text-decoration: underline; }
.produkts a:hover, .produkts a:active , .produkts a:focus{ color: #fff;	text-decoration: underline; font-weight:bold }
.produkts{
	color:#646464;
	float:right; 
	width:100%; 
	background-color:#6a98cb; 
	margin-bottom:15px;
	border:1px solid #a3c0df;
	background-image:url(../img/window-back.jpg);
	background-repeat:repeat-x;
}
.produkts h2{
	background-color:#3876ba;
	padding:15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
}
.produkts p{
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;
}
.produkts table{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;
	color:#646464;
}

.produktspicdiv{
		float:left;
}

.playvideo-1{
	position:absolute;
	top:0px;
	left:5px;	
}
.playvideo-1a{
	position:relative;
	
	width:152px;
	height:32px;
	line-height:32px;
	
	padding:0;
	margin:0;
}

.playvideo-2{
	position:absolute;
	top:0px;
	left:5px;	
}
.playvideo-2a{
	position:relative;
	
	width:560px;
	height:32px;
	line-height:32px;
	
	padding:0;
	margin:0;
}


.produktspic {
	border:1px solid #FFFFFF;

}
.produkttext {
	float:right; 
	width:408px;
}
.standortetext {
	float:right; 
	width:358px;
}
.logoslider{
	width:150px;
	float:left;
}



/* Bilder*/
img {	
	margin:0;
	padding:0;
}
.pic-right {
	border:1px solid #FFFFFF;
	float:right;
	margin-left:25px;
	margin-bottom:25px;	
}
.downloadpic{
	margin-right:22px;	
}

.img-margin-right-10{
	margin-right:10px;	
}
.img-margin-right-20{
	margin-right:20px;	
}
.img-margin-left-10{
	margin-left:10px;	
}
.img-margin-left-20{
	margin-left:20px;	
}
.img-margin-bottom-20{
	margin-bottom:20px;	
}
.picborder{
	border: 1px solid #FFFFFF;	
}
.picmarginright{
	margin-right:15px;
}
.picmarginbottom{
	margin-bottom:15px;
}
.product{
	margin:0;
	padding:0;
	margin-right:15px;
}
.productright{
	margin:0;
	padding:0;
}

.services-and-products{
	margin:0;
	padding:0;
	margin-right:15px;
}

/* Formular  */
form{padding:0px; margin:0px; padding-top:12px}
.label{
	width:108px;
	float:left;
	font-size:12px;
	margin:5px 0;
	padding-right:10px;
	text-align:right;
}
.input_line{
	width:436px;
	margin:5px 0;
	background-color:transparent;
	font-size:1em;
	padding: 2px;
	margin-bottom:10px;
	border: 1px solid #fff;
}

.input_option{
	width:441px;
	margin:5px 0;
	background-color:#0654aa;
	font-size:1em;
	margin-bottom:10px;
	border:1px solid #fff;
}

.note{
	width:436px;
	line-height:0.9em;
	font-size:0.8em;
	padding-left: 118px;
	margin-bottom:10px;
}

textarea{height:100px; overflow:auto}
.formsend{
	width:440px;
	margin: 0 0 5px;
	padding: 2px;
	font-weight:bold;
	text-align: left;
}


/*  ---------------------

		
		OLD 


---------------------- 

table{
}
td{
	vertical-align:top;
	text-align:left;
}





ul { 
	list-style-type: none; 
}
ul.vitaliste {
	list-style-type:square;
	list-style-position: inside;
}


ul li {
	line-height:20px;
	margin-bottom:10px;
}
 
ul.vitaliste li {
	line-height:20px;
	margin-bottom:5px;
}

 

ul.vitaliste li {
	color:#018284;
}

#men1 ul { }
#men1 ul li {
	display: inline;
	margin-left:20px;
	line-height:20px;
}
#men1 ul li a:link, #men1 ul li a:visited, #men2 ul li a:link, #men2 ul li a:visited { text-decoration: none; line-height:20px;  }
#men1 ul li a:hover, #men1 ul li a:active, #men1 ul li a:focus, #men2 ul li a:hover, #men2 ul li a:active, #men2 ul li a:focus { text-decoration: none; line-height:20px; }

.submenu{
	padding-left:20px;
	background-image:url(../img/submenu.jpg);
	background-repeat:no-repeat;
}

a:link.activeNav, a:visited.activeNav {
	font-weight:bold;
	color: #018284;
}

ul.impressumlisteul {
	padding:0px;
	margin:0px;
	list-style-type:square;
	list-style-position: inside;
}
ul li.impressumliste  {
	line-height:20px;
	margin-bottom:0px;
}

.lister{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
	text-align:left;
	padding-bottom: 25px;
}
.lister li{
	line-height:16px;
	padding-bottom:10px;
}
.img_auflistung{
	margin-right:25px;
	border: 1px solid #b4dadc;
}
.pic {
	border: 1px solid #b4dadc;
}
.picrandrechts {
	margin-right:19px;
}
.referenzen {
	margin-bottom:20px;
	float:left;
	width:140px;
	height:140px;
}


.small_left{
	margin-right:25px;
	border: 1px solid #018284;	
	float:left;
}


p {
	margin:0px;
	padding:0px;
	padding-bottom: 25px;
	text-align: justify;
}
.listenanfang { 
	font-weight:bold;
	font-size:1.25em;
	color: #018284; 
}
.listentrenner{
	clear:both;
	margin:0;
	padding:0;
}
p.ohneabstand { padding-bottom: 0px; }