#print {
text-align: left;
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: #F6D6A9;
    color: #000000; 
    text-align: left; 
} 

a, a:link{
text-decoration: underline;
color: #000000;
font-weight: normal;
outline-style:none;
}

a:hover {
text-decoration: underline;
color: #000000;
}

a:focus {
color: #000000;
}

a:active{
color: #000000;
}

fieldset, img { 
border:0; 
}

select, input, textarea { 
font-size: 99% 
}


H1, H2, H3, H4, H5, H6 {
padding-bottom: 10px;
}

table {
	font-size: 100%;
}

td, th {
	vertical-align: top;
    padding: 0.3em;
}


th {
    text-align: left;
}

/* Tabellen aus dem Editor class=contenttable*/

table.contenttable {
	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;
}

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: #000000; 
	PADDING-TOP: 0.5em
}


/**************************************************************/
/* Startseite */
/**************************************************************/

#start_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 580px;
	width: 996px;
	margin-top: -290px;
	margin-left: -500px;
	border-color: #E28500;
	border-style: solid;
	border-width: 2px;
	background-image: url(../media/start/bg_start.jpg);
	overflow: hidden;
}

#weiterl {
	position: relative;
	height: 580px;
	width: 996px;
	margin-top: -120px;
}

#start_wrapper #navlanguage {
        height: 20px;
        width: 140px;
        float: left;
        margin-left: 50px;
        margin-top: -110px;
}

#start_wrapper #navlanguage A {
color: #e3e3e3;
}


#logo_start {
	position: relative;
	left: 609px;
	top: 25px;
	width: 306px;
	margin-top: -562px;
}

#start_shopbutton {
	position: relative;
	left: 687px;
	top:404px;
	height: 73px;
	width: 73px;
}

#start_saarmesse{
	position: absolute;
	left: 200px;
	top:487px;
	height: 73px;
	width: 440px;
}

#start_bildleiste {
	position: relative;
	left: 776px;
	height: 580px;
	width: 140px;
	background-image:url(../media/start/verlauf_start.jpg)
}

#start_bilder {
	padding-top: 123px;
}

#start_bilder img{
	margin-top:11px;
	border: 0;
}

* html #start_bilder img{
	margin-top:13px;
	border: 0;
}

/**************************************************************/
/************ Seiten ********************************************/
/**************************************************************/

#seite_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 589px;
	width: 1000px;
	margin-top: -290px;
	margin-left: -500px;
	background-color: #FBFAFA;
	color: #000000;
	background-image: url(../media/seite/preziehs_bg_seite.jpg);

}


#seite_wrapper #navlanguage {
	height: 94px;
	width: 70px;
	position: absolute;
	left: 30px;
	top: 100px;
}

#navlanguage a, #navlanguage a:link{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 83%;
}

#navlanguage img {
        margin-top: 10px;
}

#seite_shopbutton {
	height:73px;
	width:73px;
	position: absolute;
	left: 280px;
	top: 107px;
}


#contentwrapper {
	position: absolute;
	top: 230px;
	left: 310px;
	height: 356px;	
}



#content {
	position: relative;
	top: 0px;
	left: 0px;
padding-right: 10px;
	height: 330px;
	width: 608px;
	overflow: auto;
	font-size: 83%;
	line-height: 140%;
	
}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin-bottom: 10px;
    line-height: 120%;
}


#content img 
{
	border-bottom-color: #E28500;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

LI 			{
padding:0; 
list-style: none; 
}

/******************************/
/************* NAV **********/
/******************************/

#navholder {
display: block;
position: absolute;

left: 0px;
top: 35px;
width: 100%;

}
 
/* common styling */
#nav    {
display:block; 
font-size: 73%;


margin: 0;
padding: 0;

padding-left: 80px;

z-index: 9999;



}
 
#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:120px; 
height:30px; 
color:#e28500;
background-color: #fbfafa;
border-left:10px solid #e28500; 
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
line-height:1em;
}
 
html #nav ul li a, 
#nav ul li a:visited {
width:131px;
w\idth:115px;

 }
 
#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: #e28500;
color: #ffffff;
border-left:10px solid #ffffff; 
} 

#nav ul li a.actifsub,
#nav ul li:link a.actifsub,
#nav ul li:hover a.actifsub,
#nav ul li:visited a.actifsub   {
background-color: #e28500;
color: #ffffff;
border-left:10px solid #ffffff; 
} 

#nav ul li:hover a    {
background-color: #e28500;
color: #ffffff;
border-left:10px solid #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:160px;
border-left:10px solid #e28500; 
color: #e28500;
background-color: #fbfafa;
}
								


 
#nav ul li:hover ul li a:hover {
color: #ffffff;
background-color: #e28500;
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;
}



/**************************************************************/
/************ USER def / Typo3 Klassen ********************************************/
/**************************************************************/

.hide {
display: none;
}

.clear {
clear: both;
display: none;
height: 0px !important;
}


.csc-textpic-caption {
background-color: #F6D6A9;
padding: 5px !important;
font-size: 90% !important;
line-height: 120% !important;
}




/**********************************************
**********Europakarte*******************
************************************************/
#europakarte {
	position: relative;
	top: 0px;
	left: 0px;
	width: 590px;
	height: 500px;
}
#infofenster_de, #infofenster_fr, #infofenster_be, #infofenster_bg, #infofenster_dk, #infofenster_nl {
	position: absolute;
	top: 50px;
	left: 350px;
	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:590px; height:380px; background-image: url(../media/unternehmen/karte_europa_preziehs_kl.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:144px; top:180px; width:50px; height:0; padding-top:70px; background-image: url(../media/unternehmen/punkt_de.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#bg {left:253px; top:277px;  width:46px; height:0; padding-top:33px; 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_gr.gif); background-repeat: no-repeat; background-position: 400px 400px;}*/
a#fr {left:77px; top:222px;  width:64px; height:0; padding-top:72px; background-image: url(../media/unternehmen/punkt_fr.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#be {left:121px; top:207px;  width:19px; height:0; padding-top:15px; background-image: url(../media/unternehmen/punkt_be.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#nl {left:131px; top:186px;  width:20px; height:0; padding-top:19px; background-image: url(../media/unternehmen/punkt_nl.gif); background-repeat: no-repeat; background-position: 400px 400px;}
a#dk {left:148px; top:5px;  width:126px; height:0; padding-top:170px; 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: #ABCB80;
}
.bg2 {
background-color: #EA8A6B;
}
.bg3 {
background-color: #BBE6FF;
}
.bg4 {
background-color: #BDDC73;
}
.bg5 {
background-color: #F3B98E;
}
.bg6 {
background-color: #7FC6E8;
}
.bg7 {
background-color: #ffec97;
}

.csc-frame-rulerAfter {
height: 1px;
border-bottom: 1px solid #000000;
}


@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 !important;
	margin-left: 0px !important;
	background: none !important;
	color: #000000;

}

#contentwrapper {
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	height: 100%;	
}

#content {
	position: relative;
	top: 0px !important;
	left: 0px !important;
                padding-right: 0px;
	height: 100%;
	width: 100%;
	overflow: auto;
	font-size: 83%;
	line-height: 140%;
	
}


}
