html { height:100%;}

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.75em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

p {margin:0; padding:0;}
strong {color:#666;}
h1 { font-size:1.2em; color:#006fb4; margin:0;padding:0 0 5px 0;}
h2 { font-size:1em; color:#006fb4; margin:0;padding:0 0 5px 0;}
h3 { font-size:1em; color:#666; margin:0;padding:0 0 5px 0;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}

a:link { text-decoration:none; color:#006fb4;}
a:visited {text-decoration:none; color:#006fb4;}
a:hover { color:#006fb4; text-decoration:none;}
a:focus { color:#006fb4; text-decoration:none;}

.small { font-size:0.8em;}
.red { color:#CC0000; font-size:1.5em; font-weight:bold;}
.border { border:1px solid #666; padding:5px; width:50%; margin:auto;}

/***************************************************** mainboxes ***********************************************************/
#header-print { display:none;}
#wrapper { width:960px; margin: auto; text-align: left; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #fff;}



#header {width:960px; height:120px;border-top:10px solid #fc0; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:auto;}
#logo { width:190px; height:119px;background-image:url(images/logo.gif); background-repeat:no-repeat; float:left; border-top:1px solid #fff;}
#bildleiste { width:770px; height:119px; background-image:url(images/bildleiste.jpg); background-repeat:no-repeat; border-top:1px solid #fff;float:left;}
#bildleiste-en { width:770px; height:119px; background-image:url(images/bildleiste_en.jpg); background-repeat:no-repeat; border-top:1px solid #fff;float:left;}
#bildleiste-leader { width:770px; height:119px; background-image:url(images/leader.jpg); background-repeat:no-repeat; border-top:1px solid #fff;float:left;}

#content { padding:0 30px 0 20px; margin:0px 180px 0px 189px;font-size:95%; border-left:1px solid #ccc; border-right:1px solid #ccc;}


/********************** newsbereich ***************************/

#news {
	width:180px;
	margin:10px 0 0px 0px;	
	background-color:#fff;	
	right:0;
	top:0;
	float:right;
	border-left:1px solid #ccc;	
}
* html #news {margin-left:-3px;}

#news h2 { color:#666;margin-bottom:5px; background-color:#fc0; font-size:1em; padding:2px;}

#news label{ margin:10px 5px 0px 0px; width:5em; float:left; padding-top:2px;}
#news input, textarea, select {border:1px solid #ccc; width:6em; margin-top:10px;}
#news input.button { width:auto; font-size:90%;}

#news br{ clear:left;}

#news ul { list-style:none; margin:0px; padding:0;}
#news ul li {
margin-left:20px;
padding-left:0px;
line-height:1.8em;
list-style-image:url(images/bullet_blue.gif);
}

#news p {line-height:1.5em;}
#news hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:3px;}
#news-content { padding:8px; font-size:90%;}

/*************************************  Hauptmenue ***************************************************/
#menue{
margin:0px;
padding: 0;
height:25px;
background-color:#006fb4;
width:100%;
font-size:0.9em;
float:left;
}

#menue ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin-left:189px;
}

#menue ul li {
display: inline;
float: left;
text-align: center;
padding: .6em 0 .4em 0;
margin: 0;
background-color:#006fb4;  
}

*html #menue ul li {
display: inline;
float: left;
text-align: center;
padding: .6em 0 .6em 0;
margin: 0;
background-color:#006fb4;  
}

#menue ul li a{border-left: 1px solid #fff;padding: .6em 11px .4em 12px;margin: 0;color: #fff;text-decoration: none;}
*html #menue ul li a{padding: .6em 11px .6em 12px;}

#menue ul li a:hover{color: #fff;background: #4ca0d4;} 
#menue a:active{background: #4ca0d4; color: #fff;}
#menue li.active a{background: #4ca0d4; color: #fff;}

/************************	definition linkes menue mit Pfeilen*****************************************/
#menue-container {width:189px;margin:40px 0 0 0;padding:0;font-size:95%;float:left; border-right:1px solid #ccc;}

#left-content { width:175px; padding:5px 6px 5px 8px;}
#left-content h2{ color:#666;margin-bottom:5px; background-color:#fc0; font-size:1em; padding:2px;}

#menue-left ul { list-style:none; margin:0px; padding:0;}
#menue-left ul li {
padding:6px 0px 6px 6px; border-bottom:1px dotted #ccc;
line-height:1.8em;
background:url(images/bullet_yellow.gif) no-repeat 3px 12px;
list-style:none;
}
#menue-left ul li a { padding-left:10px;}

#menue-left ul ul li a {color:#666; padding-left:5px;}

#menue-left ul li a.active { font-style:italic;  text-decoration:underline;}
#menue-left ul ul li a.active { font-style:italic; text-decoration:underline;}

#menue-left ul ul li {
padding:4px 0px 0px 12px; border-bottom:none;
line-height:1.8em;
background:url(images/bullet_yellow.gif) no-repeat 5px 10px;
list-style:none;
}
	
/******************************** Definitionen fr den Inhalt ***************************************/

#content p {line-height:1.5em;}

#content h1 { font-size:110%; color:#006fb4; padding-top:20px;}
#content h2 { font-size:100%; color:#006fb4;}
#content h3 { font-size:100%; color:#666;}


#content img.right { float:right; margin:0 20px 5px 0;}
#content img.left { float:left; margin:0 20px 20px 0;}

.left150 { width:99%; float:left; margin-bottom:15px;}
.left150 img { float:left; margin-right:15px;}

#content .img-expl-160 { padding-bottom:5px; line-height:1.5em; float:left; width:160px; margin-right:20px;}
#content .img-expl-160 img{float:left;}/*im einsatz  products examples*/

#content .img-expl-250 { padding-bottom:5px; line-height:1.5em; float:left; width:240px; margin-right:20px;}/*im einsatz  products processcontrol*/
#content .img-expl-250 img{float:left;}

.anschrift-abstand {width:100px; margin-right:0px; float:left;}

#content .container-left220 { float:left; width:220px; margin-top:10px;}
#content .container-left180 { float:left; width:180px;}
#content .container-left120 { float:left; width:120px; } /* im einsatz products contiheater advantages und family*/
#content .container-right220 { width:220px; margin-left:230px; margin-top:10px;}/* im einsatz products contiheater family*/


.anker {
background-image: url(images/icon_anker.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
float:right;
}

.back {
background-image: url(images/icon_back.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
}
.top {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:1em;
float:right;
}

.print {
background-image: url(images/icon_print.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right:20px;
}

.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 0px 1px 20px;}


#content table,td {border: 1px solid #ccc; border-collapse: collapse;}
#content table{border:none;border:1px solid #ccc;}
* html #content table {float:left;}

#content thead th, tbody th {background: #f4f4f4;color: #666;padding: 5px 5px;border-left: 1px solid #CCC;}
#content tbody th{background: #f4f4f4;border-top: 1px solid #ccc;text-align: left;}
#content tbody tr td{padding: 5px 5px;color: #666;vertical-align:top;}

#content table.left { float:left; margin-right:20px;}

/************** Formnatierungen Listen im Content Bereich****************/

#content ol li{margin-left:-10px; padding:0;line-height:1.5em; position:relative;}
*html #content ol { margin-left:35px; display:inherit;}

#content ul { list-style:none; padding:0; margin:0 0 0 20px;}
#content ul li {padding:3px 0 3px 0;list-style-image:url(images/bullet_blue.gif);
}

/************** Formulare****************/

#content fieldset { border:none; width:85%;}
#content legend {color:#2b81a6; font-weight:bold;}
#content label {width:10em; margin:0px 10px 0px 0px; float:left; text-align:right;}
#content input {border:1px solid #ccc; width:14em; margin-bottom:5px;}
#content input.button {border:1px solid #ccc; width:7em; font-size:0.9em; color:#666;}
#content textarea {border:1px solid #ccc; width:14em;}
#content select {border:1px solid #ccc; width:14em;}
#content input.checkbox { width:2em; margin-right:15px; float:left;}


/********************** Sitemap***************************/
#sitemap {padding: 1em 1.5em;line-height: 20px;}
#sitemap ul li {padding: 0 0 0 24px; margin: 0; list-style-type: none;}
#sitemap ul li {background: url(images/sitemap/extm.gif) no-repeat 0% 0%;}
#sitemap ul li.last {background: url(images/sitemap/exlm.gif) no-repeat  0% 0%;}

#sitemap ul {padding: 0 0 0 24px; margin: 0 0 0 -24px;list-style-type: none;}
#sitemap ul { background: url(images/sitemap/exim.gif) repeat-y 0% 0%;}
#sitemap ul.last { background-image: none;}
/******************************************************** footer ****************************************************/


#footer {
font-size:1em;
clear:both;
height:25px; 
margin-top:0px;
text-align:center; 
padding-top:5px; 
background-color:#fc0;
}

/******************************************************** eteile  ****************************************************/

#content-eteile { padding:0 30px 0 30px; margin:0px 0px 0px 189px;font-size:95%; border-left:1px solid #ccc;}

#content-eteile table,td {border: 1px solid #ccc; border-collapse: collapse;}
#content-eteile table{border:none;border:1px solid #ccc;}
* html #content-eteile table {float:left;}

#content-eteile thead th, tbody th {background: #eaeef2;color: #666;padding: 5px 5px;border-left: 1px solid #CCC;}
#content-eteile tbody th{background: #f4f4f4;border-top: 1px solid #ccc;text-align: left;}
#content-eteile tbody tr td{padding: 5px 5px;color: #666;vertical-align:top;}
#content-eteile tfoot td {background: #eaeef2;color: #666;padding: 5px 5px;border-left: 1px solid #CCC;}


#content-eteile p {line-height:1.5em;}

#content-eteile h1 { font-size:110%; color:#006fb4; padding-top:20px;}
#content-teile h2 { font-size:100%; color:#006fb4;}
#content-teile h3 { font-size:100%; color:#666;}


/*Formulare*/

#content-eteile fieldset { border:none; width:85%; padding:10px;}
#content-eteile legend {color:#2b81a6; font-weight:bold;}
#content-eteile label{width:12em; margin:3px 10px 0px 0px; float:left; text-align:right;}
#content-eteile input {border:1px solid #ccc; width:14em;}
#content-eteile input.button {border:1px solid #ccc; width:8em; font-size:0.9em; color:#666;}
#content-eteile textarea {border:1px solid #ccc; width:14em;}
#content-eteile select {border:1px solid #ccc; width:14em;}
#content-eteile input.checkbox {border:1px solid #ccc; width:1em;}

#content-eteile input.amount {border:1px solid #ccc; width:3em;}
#content-eteile input.order {border:1px solid #ccc; width:7em; font-size:0.8em;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* common styling */
.menu-top { height:30px; position:relative; font-size:90%; z-index:1000; margin:auto; margin-top:15px; width:960px; }
.menu-top ul li a, .menu-top ul li a:visited {
display:block; text-decoration:none; color:#000;width:70px; text-align:left; color:#666; height:30px;
line-height:30px; overflow:hidden;
padding-left:30px;
border-right:1px solid #ccc;
}
.menu-top ul {padding:0; margin:0; list-style: none; background-color:#FFFFFF; margin-left:430px;}
.menu-top ul li {float:left; position:relative; padding-left:5px;}
.menu-top ul li ul {display: none; }

/* specific to non IE browsers */
.menu-top ul li:hover a {color:#666;}
.menu-top ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:60px;}
.menu-top ul li:hover ul li ul {display: none;}
.menu-top ul li:hover ul li a {display:block;}
.menu-top ul li:hover ul li a:hover { color:#09c;}
.menu-top ul li:hover ul li:hover ul {display:block; position:absolute; left:60px; top:0;}


.menu-top ul ul li { height:30px; background-color:#fff;}
.menu-top ul ul { margin-top:5px; margin-left:0px;}


.menu-top ul ul li#german a{
background-image: url(images/brd_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu-top ul ul li#english a{
background-image: url(images/uk_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}

.menu-top ul ul li#korean a{
background-image: url(images/kr_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu-top ul ul li#chinese a{
background-image: url(images/cn_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}	
.menu-top ul ul li#japanese a{
background-image: url(images/jp_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}

.menu-top ul li#english a{
background-image: url(images/uk_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu-top ul li#german a{
background-image: url(images/brd_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu-top ul li#korean a{
background-image: url(images/kr_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu-top ul li#chinese a{
background-image: url(images/cn_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}	
.menu-top ul li#japanese a{
background-image: url(images/jp_flag.gif);
background-repeat: no-repeat;
background-position: left center;
}