#print {
position: relative;
float: left;
width: 80%;
text-align: left;
font-size: 80%;
font-weight: bold;
}

#print A {
font-weight: bold;
text-decoration: none;
}

/******************************/
/************* MAIN **********/
/******************************/


* { 
	margin:0; 
	padding:0;
}

html {height:100%}




BODY { 
    min-height: 101%; 
    font-size: 100.01%; 
    font-family: Arial, Helvetica, sans-serif;
    background-color: #c5dce8;
    color: #f5f6f6; 
    text-align: left; 
} 

a, a:link{
text-decoration: underline;
color: #003a77;
font-weight: normal;
}

FIELDSET, 
IMG { 
border:0; 
}

SELECT, 
INPUT,
TEXTAREA { 
font-size: 99% 
}

FIELDSET {
PADDING-RIGHT: 0.5em; 
 PADDING-LEFT: 0.5em; 
PADDING-BOTTOM: 1em; 
MARGIN: 0px; 
PADDING-TOP: 0.5em; 
border: none !important;
}

LABEL {
DISPLAY: block; 
FONT-WEIGHT: bold; 
FONT-SIZE: 0.9em; 
PADDING-BOTTOM: 0.5em; 
COLOR: #003A77; 
PADDING-TOP: 0.5em
}

TABLE {
font-size: 100%;
}

TD, TH {
vertical-align: top;
    padding: 0.3em;
}

th {
	text-align: left;
}

/* Tabellen aus dem Editor class=contenttable   addes kh 10.10.06 */

table.contenttable {
                width: 650px;
	font-size: 100%;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}
table.contenttable td, table.contenttable th{
	vertical-align: top;
                padding: 0.3em;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
}


table.contenttable th{
    text-align: left;
	color: #FFFFFF;
	background-color: #333333;
}

/***********************************************/
/********** Startseite***********/
/***********************************************/
#start_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 580px;
	width: 996px;
	margin-top: -290px;
	margin-left: -500px;
	border-color: #003A77;
	border-style: solid;
	border-width: 2px;
	background-color: #003a77;
	background-image: url(../media/start/bg_start_soft.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#weiterl {
	position: relative;
	height: 580px;
	width: 996px;
	margin-top: -82px;
}

* html #weiterl {
	margin-top: -238px;
}

#start_wrapper #navlanguage {
position: absolute;
top: 220px;
right: 35px;
width: 160px;
height: 20px;
}



#start_wrapper #navlanguage A {
text-decoration: none;
}

#logo_start {
	position: relative;
	left: 322px;
	top: 25px;
	width: 600px;
}

#start_bildleiste {
	position: relative;
	left: 0px;
	margin-left: -29px;
	top: 189px;
	float: left;
	height: 160px;
	width: 100%;
}


#start_bilder img{
	float: left;
	margin-left: 30px;
	border: 0;
}

#start_shopbutton {
position: absolute;
top: 439px;
right: 70px;
width: 160px;
height: 73px;
width: 73px;
}

/***********************************************/
/********** Seiten ***********/
/***********************************************/
#seite_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 582px;
	width: 1001px;
	margin-top: -290px;
	margin-left: -500px;
	background-color: #eff8fd;
	color: #003A77;
	background-image: url(../media/seite/de_bg_seite.jpg);
}




#navlanguage {
	position: absolute;
	right: 80px;
	top: 40px;
	height: 60px;
	width: 250px;
	font-size: 73%;
}

#navlanguage A {
color: #003A77;
font-weight: normal;
text-decoration: none;
}



#contentwrapper {
	position: absolute;
	height: 420px;
	width: 820px;
	top: 160px;
	left: 80px;
}



/***********************************************/
/********** um contentleft und contentright***********/
/***********************************************/

#content {
	position: relative;
	top: 0px;
	left: 0px;
	height: 420px;
	overflow: auto;
	line-height: 140%;
                width: 820px;
}

/***********************************************/
/********** contentleft ***********/
/***********************************************/

#contentleft {
	position: relative;
	float: left;
	width:400px;
	font-size: 85%;
	line-height: 130%;

}


/********** um jedes Contentelement***********/
.contentleftContent {

}

/********** nach jedem Contentelement***********/

.contentleftContentAbschluss {
height: 20px;
clear: both;
}

/***********************************************/
/********** contentright***********/
/***********************************************/

#contentright {
	position: relative;
	float: right;
	width:400px;
	font-size: 85%;
	line-height: 130%;

}


/********** um jedes Contentelement***********/

.contentrightContent {

} 

/********** nach jedem Contentelement***********/

.contentrightContentAbschluss {
height: 20px;
clear: both;
}


#contentleft h3,
#contentright h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin-bottom: 25px;

}


#contentleft p,
#contentright p 
 {

}


LI {
padding:0; 
list-style: none; 
}

/******************************/
/************* NAV **********/
/******************************/

#navholder {
display: block;
position: absolute;

left: 0px;
top: 66px;
width: 100%;
z-index: 9999;
}
 
/* common styling */
#nav    {
display:block; 
font-size: 73%;


margin: 0;
padding: 0;

padding-left: 72px;

float: left;

}
 
#nav ul {
padding:0; 
margin:0;
}
 
#nav ul li {
float:left;
position:relative;
margin:0;
padding:0;
margin-right: 10px;
}
 
#nav ul li a, 
#nav ul li a:visited {
display:block; 
text-decoration:none; 
font-weight:bolder;
width:130px; 
height:30px; 
color:#003a77;
background-color: #fbfafa;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
line-height:1em;
}
 
html #nav ul li a, 
#nav ul li a:visited {
width:142px;
w\idth:126px;
}
 

#nav ul li ul {
display: none;
}
 
table  {
border-collapse:collapse;
font-size:1em;
 }
 
/* specific to non IE browsers */

html #nav ul li a.act:link,
html #nav ul li a.act:visited  {
background-color: #003a77;
color: #ffffff;
} 

html #nav ul li a.actifsub:link,
html #nav ul li a.actifusb:visited,
html #nav ul li a.actifsub,
html #nav ul li:link a.actifsub,
html #nav ul li:hover a.actifsub,
html #nav ul li:visited a.actifsub 
  {
background-color: #003a77;
color: #ffffff;
} 



#nav ul li:hover a    {
background-color: #003a77;
color: #ffffff;
}
 
/******************************/
/************* NAV EBENE 1**********/
/******************************/

#nav ul li:hover ul   {
display:block; 
position:absolute; 
top:35px;
left:0px; 
width:170px;
}
 
#nav ul li:hover ul li ul {
 display: none;  /* triggering durch hover*/
}
 
#nav ul li:hover ul li a {
display:block; 
height:auto; 
line-height:1em; 
padding:5px 0 5px 5px; 
width:170px;
border-left:10px solid #003a77; 
color: #003a77;
background-color: #fbfafa;
}

#nav ul li:hover ul li a.act {
background-color: #003a77;
color: #ffffff;
}
								
 
#nav ul li:hover ul li a:hover {
color: #ffffff;
background-color: #003a77;
border-left:10px solid #ffffff; 

}

/******************************/
/************* NAV EBENE 2**********/
/******************************/
								
#nav ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:185px; 
top:0;
width:170px;
}

/***********************************************/
/********** menu ***********/
/***********************************************/


#navhelp {
font-family:Arial, Helvetica, sans-serif;
position: relative;
font-size: 80%;
top: 0;
right: 0;
float: right;
width: 185px;
}



#navhelp ul
{
	list-style-type:none;
}


#navhelp li

{
	float:left; 
	position:relative;
}


#navhelp li a, 
#navhelp li a:visited {
	text-decoration:none;
	color:#003A77;
	display:block;
	line-height:22px;
	width:70px;
	padding-left:3px;
	padding-right:3px;
}


/***********************************************/
/********** userdef***********/
/***********************************************/

.hide {
display: none;
}

.clear {
clear: both;
display: none;
height: 0px !important;
}

.csc-textpic-caption {
padding: 5px !important;
font-size: 90% !important;
line-height: 110% !important;
border-left: 2px solid #003A77;
margin-left: 15px !important;
}






/**********************************************
**********Europakarte*******************
************************************************/
#europakarte {
	position: relative;
	top: 0px;
	left: 0px;
	width: 620px;
	height: 500px;
}
#infofenster_de, #infofenster_fr, #infofenster_be, #infofenster_bg, #infofenster_dk, #infofenster_nl {
	position: absolute;
	top: 100px;
	left: 387px;
	width: 230px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	visibility: hidden;
}
#infofenster_de{
	height: 250px;
	background-image: url(../media/unternehmen/logos_de.gif);
	z-index: 10;
}
#infofenster_fr{
	height: 70px;
	background-image: url(../media/unternehmen/logos_fr.gif);
	z-index: 11;
}
#infofenster_be{
	height: 90px;
	background-image: url(../media/unternehmen/logos_be.gif);
	z-index: 12;
}
#infofenster_bg{
	height: 70px;
	background-image: url(../media/unternehmen/logos_bg.gif);
	z-index: 13;
}
#infofenster_dk{
	height: 70px;
	background-image: url(../media/unternehmen/logos_dk.gif);
	z-index: 14;
}
#infofenster_nl{
	height: 70px;
	background-image: url(../media/unternehmen/logos_nl.gif);
	z-index: 15;
}
#imap {display:block; width:600px; height:488px; background-image: url(../media/unternehmen/karte_europa_de.gif); background-repeat: no-repeat; position:relative;}
#imap a#titlex {display:none;}

a#de, a#fr, a#fr1, a#bg, a#nl, a#be, a#dk {
	display:block;
	overflow:hidden;
	position:absolute;
	visibility: visible;
}

* html a#de, * html a#fr, * html a#fr1, * html a#bg, * html a#nl, * html a#be, * html a#dk {height:240px; he\ight:0;}

a#de {left:180px; top:238px; width:60px; height:0; padding-top:80px; background-image: url(../media/unternehmen/punkt_de.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#bg {left:320px; top:363px;  width:60px; height:0; padding-top:40px; background-image: url(../media/unternehmen/punkt_bg.gif); background-repeat: no-repeat;  background-position: 400px 400px;}
a#fr1 {left:85px; top:270px;  width:70px; height:0; padding-top:40px; background-image: url(../media/unternehmen/punkt_fr1.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#fr {left:95px; top:290px;  width:80px; height:0; padding-top:100px; background-image: url(../media/unternehmen/punkt_fr.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#be {left:155px; top:270px;  width:20px; height:0; padding-top:20px; background-image: url(../media/unternehmen/punkt_be.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#nl {left:162px; top:247px;  width:28px; height:0; padding-top:25px; background-image: url(../media/unternehmen/punkt_nl.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#dk {left:188px; top:10px;  width:157px; height:0; padding-top:230px; background-image: url(../media/unternehmen/punkt_dk.gif); background-repeat: no-repeat; background-position: 400px 400px;}

a#de:hover, a#fr:hover, a#fr1:hover, a#bg:hover, a#nl:hover, a#be:hover, a#dk:hover {background-position: 0 0;}

/**********************************************
********** Vertriebsgebiete *******************
************************************************/

.bg1 {
background-color: #85b819;
}
.bg2 {
background-color: #f29c96;
}
.bg3 {
background-color: #cbe7f5;
}
.bg4 {
background-color: #c9dc99;
}
.bg5 {
background-color: #fabd3b;
}
.bg6 {
background-color: #009ee1;
}
.bg7 {
background-color: #fbdd8e;
}
.bg8 {
background-color: #f8e85a;
}

@media print {

#navholder {
display: none;
}

#navlanguage {
display: none;
}

#print {
display: none;
}

#seite_wrapper {
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	color: #000000;
                background: none;
}


#contentwrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px !important;
	left: 0px !important;
}

#content {
	position: relative;
	top: 0px !important;
	left: 0px !important;
	height: 100%;
	overflow: auto;
	line-height: 140%;
                width: 100%;
}

#contentleft {
width: 50%;
}


#contentright {
width: 50%;
}

}
