body {
	font: 70%/160% Tahoma, Arial, Helvetica, sans-serif;
	color: #030304;
	/*color: #030304;*/
	background: #3c4653 url(images/bg4.jpg) repeat-y center top;
	margin: 0 auto 0 auto;
	padding: 0;
}

.title {
	clear: both;
	color: #6f5e47;
	margin: 0;
	font: normal 145% Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

h1 {
	clear: both;
	color: #6f5e47;
	margin: 0;
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

h2 {
	clear: both;
	color: #91A4A9;
	margin: 5px 0px 10px;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.title2 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #91a4a9;}
	
.title3 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000;}

p { margin: 15px 0px 14px;}

.vision {
	font-style: normal;
	text-align: inherit;}

a, strong a {
	color: #DA033B;
	/*color: #b25d19;*/
	text-decoration:none;
	outline: none;
	font-weight: normal;
}
a:visited {
	color: #DA033B;
	/*color: #b25d19;*/
}
a:hover {
	text-decoration:none;
	color: #000000;
}


hr {color: #E0D5C7;}

.web { color: #6f5e47;}

.title1 { color: #df0101;}

.icon {
	float: left;
	width: 54px;
	margin: 10px 15px 20px 0;
	padding: 0;
}

.ic {
	float: left;
	width: 16px;
	margin: 3px auto;
	padding: 0;
}

.screens {
	float: left;
	margin: 0;
	padding: 2px;
	border: #cdbea7 1px solid;
}

.temp {
	float: left;
	width: 143;
	margin: 30px 30px 30px 0;
	
	padding: 5px;
}

/*-----------------bestell button start-----------------*/



.best { 
	float:right;
	width:144px; 
    height:34px; 
    margin:0;
	background: url(images/best.gif) no-repeat;
 }
    
.best:hover {
	width:144px; 
    height:34px; 
    margin:0;
	background: url(images/best2.gif) no-repeat;

}
  

/*-----------------bestell button end-----------------*/


/*-----------------bestell button ENstart-----------------*/



.besten { 
	float:right;
	width:144px; 
    height:34px; 
    margin:0;
	background: url(images/best1_en.gif) no-repeat;
 }
    
.besten:hover {
	width:144px; 
    height:34px; 
    margin:0;
	background: url(images/best2_en.gif) no-repeat;

}
  

/*-----------------bestell button EN end-----------------*/




.prw {
	float: left;
	width: 143;
	margin: 5px 20px 30px 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #e5e5e5; 
}





#bdy {

	width: 980px;
	border: 0; 
	background-color: #ffffff;
	padding: 0;
	margin: 0 auto;
	/*height: auto;*/
	position: relative;
	/*text-align: left;*/
	clear: both;

}

#header {

	margin: 0 auto;
	padding: 0px;
	height: 461px;
	width: auto;
}

#lognav {
	background: url(images/wr_header_slo.jpg) no-repeat right top;
	margin: 0;
	padding: 0px;
	height: 136px;
	width: auto;
}

#lognaven {
	background: url(images/wr_header_slo2.jpg) no-repeat right top;
	margin: 0;
	padding: 0px;
	height: 136px;
	width: auto;
}

.logo {
	/*position: absolute;*/
	margin:0 auto;
	/*float: left;*/
	background: url(images/wr_logo.jpg) no-repeat left top;
	height: 136px;
	top: 0;
	left: 0;
	position: absolute;
}

.packages {
	/*position: absolute;*/
	margin:0;
	/*float: left;*/
	background: url(images/packages_start.jpg) no-repeat left top;
	height: 325px;
	width: 980px;
	top: 136px;
	left: 0;
	position: absolute;
}

.packages_en {
	/*position: absolute;*/
	margin:0;
	/*float: left;*/
	background: url(images/packages_start_en.jpg) no-repeat left top;
	height: 325px;
	width: 980px;
	top: 136px;
	left: 0;
	position: absolute;
}

.hdrpic {
	/*position: absolute;*/
	margin:0;
	/*float: left;*/
	background-color: #000;
	height: 325px;
	width: 980px;
	top: 136px;
	left: 0;
	position: absolute;
}

.corp {
	/*position: absolute;*/
	margin:0 auto;
	/*float: left;*/
	background-color: #000;	
	height: 325px;
	width: 980px;
	top: 136px;
	left: 0;
	position: absolute;
}

.enterp {
	/*position: absolute;*/
	margin:0 auto;
	/*float: left;*/
	background: url(images/enterprise_ed.jpg) no-repeat left top;
	height: 325px;
	width: 980px;
	top: 137px;
	left: 0;
	position: absolute;
}
#pckgs_start {
	background-color: 000;
	margin: 0 auto;
	padding: 0px;
	height: 325px;
	width: auto;
}

/*#pckgs_start {
	background: url(images/packages_start.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 0px;
	height: 325px;
	width: auto;
}*/

#container {

	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	height: auto;
	width: 980px;
	background: url(images/cnt_bg.jpg) no-repeat center top;

}

#lft {
	margin:50px 20px 20px 10px;
	padding:0;
	width:277px;
	float:left;
}

#content {
	margin:50px 30px 20px 30px;
	padding:0;
	float:left;
	width:415px;

}

.matrix {
	background-color: #cccbb4;
	border: 1px solid #ab926d;
	width: 413px;
	
	}
	
.feat {
	background-color: #ffffff;
	font: bold 100% Tahoma, Arial, Helvetica, sans-serif;
	width: auto;
	padding: 3px 0 3px 5px;
	}

.kleindruck {
	
	font: normal 90% Tahoma, Arial, Helvetica, sans-serif;
	width: auto;
	padding: 0 0 3px 5px;
	}

.ftop {
	background-color: #ffffff;
	font: bold 100% Tahoma, Arial, Helvetica, sans-serif;
	width: auto;
	padding: 3px 0 3px 5px;
	}

.feat2 {
	background-color: #cccccc;
	font: bold 110% Tahoma, Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px 5px 5px 5px;
	}
	
.feat3 {
	background-color: #e4ffca;
	font: bold 110% Tahoma, Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 0 0 0 5px;
	}
	
.flite {
	background-color: #87d30e;
	color: #000000;
	font-weight: bold;
	width: 70px;
	padding: 0 0 0 5px;
	}
	
.fcorp {
	background-color: #f68123;
	color: #ffffff;
	font-weight: bold;
	width: 70px;
	padding: 0 0 0 5px;
	}
	
.fent {
	background-color: #5da7ed;
	color: #ffffff;
	font-weight: bold;
	width: 70px;
	padding: 0 0 0 5px;
	}
	
.fnames {
	background-color: #fff2f5;
	width: 110px;
	padding: 3px 0 3px 5px;
	}
	

.fnotes {font: normal 90% Tahoma, Arial, Helvetica, sans-serif;}
	
	
	
.subhnav {
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:410px;
}



.topic {
	margin:0 0 20px 0;
	padding:0;
}

#ryt {
margin: 50px 15px 20px 10px;
padding: 0;
float:right;
width: 165px;
height: auto;

}	

.clearer {
font-size: 0;
line-height: 0;
display: block;
margin: 0;
padding: 0;
clear: both;
height: 0;
width: auto;
}

#footer {
	margin: 0 0 10px 0;
	clear: both;
	width: 980px;
}

#footwrap {
	width: 980px;
	margin: 0 auto;	
	
}

.sigl {
	margin: 30px 0 3px 10px;
	font-size: 90%;
	float:left;
	color: #666666;
}

.sigl a {

	text-decoration: none;
	color: #000000;
}

.sigl a:visited, a:active{

	text-decoration: none;
	color: #000000;
}

.sigl a:hover{

	text-decoration: none;
	color: #666666;
}


.sigr {		
	margin: 30px 33px 3px 0;
	font-size: 90%;
	float:right;
	color: #666666;
}

.topnav {

	margin: 10px 0 0 0; 
	font-size:0.9em; 
	font-weight: normal;
	color:#000; 
	background:transparent;
	float: right;
}

.topnav a { 
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

.topnav a:visited{
text-decoration: none;
color: #000000;
}
.topnav a:hover{
text-decoration: none;
color: #df013b;
}

.sbx {
	/*position: absolute;*/
	margin: 48px 0 0 34px;
	/*float: left;*/

	height: 162px;
	top: 0;
	left: 0;
	position: absolute;
}





#frm {
	margin: 162px 0 0 0;
	top: 162px;}


/*-------------- form start -----------------------*/


label {
margin: 10px 10px 10px 0;
color: #52646b;
float: left;
width: 50px;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

select {
margin: 10px 0 10px 6px;
border: 1px solid #d0c6b3;
background-color: #f5f3ed;
color: #1c1000;

width: auto;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input, textarea {
margin: 4px 0 0 10px;
border: 1px solid #d0c6b3;
width: 205px;
height: 23px;
/*margin-left: 35px;*/
background-color: #f5f3ed;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #7b7061;
float: right;

}

textarea {
margin: 10px 0 0 0;
border: 1px solid #d0c6b3;
width: 207px;
height: 120px;
background-color: #f5f3ed;
overflow: auto;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #7b7061;
}

#iform .sbutton {
	border: 1px solid #d0c6b3;
	padding: 2px 0 2px 2px;
	margin: 10px 0 0 0;
	width: 70px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1c1000;
	background-color: #ecebe5;
}

#iform .sbutton:hover {
	background-color:#d1cec1;
	border: 1px solid #baafa1;}

#iform .bbutton {
	padding: 0;
	margin: 20px 0 0 0;
	width: 144px;
	height:34px;
	background: url(images/best.gif) no-repeat;
 }
    
#iform .bbutton:hover {
	width:144px; 
    height:34px; 
	background: url(images/best2.gif) no-repeat;

}

#iform .bbutten {
	padding: 0;
	margin: 20px 0 0 0;
	width: 144px;
	height:34px;
	background: url(images/best1_en.gif) no-repeat;
 }
    
#iform .bbutten:hover {
	width:144px; 
    height:34px; 
	background: url(images/best2_en.gif) no-repeat;

}



.intouch {
	position: relative;
	clear: both;
}

#submitbutton {
	width: 70px;
}

#bestell {
	width: 146px;
	height: 37px;
	border: hidden;
}

br{
clear: left;
}

.anf {
margin: 20px auto;
}



/*-------------- form end -----------------------*/



/*-------------- right navigation start -----------------------*/
.rnavi {

	list-style: none;
	margin: 20px 0 0 0;
	padding: 5px 0 5px 0;
	font: bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #d56200;
	}

.rnavi li {

	list-style: none;
	margin: 0;
	
}

.rnavi li a {
	font: bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 25px;
	color: #d56200;
	text-decoration: none;
	background-image: url(images/arw_ryt.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}

.rnavi li a:visited {

	color: #d56200;
	text-decoration: none;
}

.rnavi li a:hover {
	
	color: #000000;
	text-decoration: none;
	
	
}

/*-------------- right navigation end -----------------------*/


/*-------------- Boxed points start -----------------------*/
.bxd {

	list-style: none;
	margin: 20px 0 0 0;
	padding: 5px 0 5px 0;
	}

.bxd li {

	padding: 5px 0 5px 25px;
	font: normal 110% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background-image: url(images/bx_butt.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	
}

.bxd li a {

	padding: 5px 0 5px 25px;
	color: #d56200;
	text-decoration: none;
	background-image: url(images/bx_butt.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}

.bxd li a:visited {

	color: #d56200;
	text-decoration: none;
}

.bxd li a:hover {
	
	color: #000000;
	text-decoration: none;
	
	
}


/*-------------- Boxed points end -----------------------*/


/*-------------- Boxed 2 points start -----------------------*/
.bxd2 {

	list-style: none;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;
	}

.bxd2 li {

	padding: 5px 0 5px 25px;
	color: #000;
	text-decoration: none;
	background-image: url(images/bx_butt2.gif);
	background-repeat: no-repeat;
	background-position: center left;
	display: list-item;
	
}

.bxd2 li a {

	padding: 5px 0 5px 25px;
	color: #d56200;
	text-decoration: none;
	background-image: url(images/bx_butt2.gif);
	background-repeat: no-repeat;
	background-position: center left;
	display: list-item;
}

.bxd2 li a:visited {

	color: #d56200;
	text-decoration: none;
}

.bxd2 li a:hover {
	
	color: #000000;
	text-decoration: none;
	
	
}


/*-------------- Boxed 2 points end -----------------------*/





/*-------------- Businesswahl start -----------------------*/
.biz {

	list-style: none;
	margin: 20px 0 0 0;
	padding: 5px 0 5px 0;
	}
	

.biz li {

	list-style: none;
	margin: 0;
	
}

.biz li a {
	font: bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 25px;
	color: #59646e;
	text-decoration: none;
	background-image: url(images/bx_butt.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}

.biz li a:visited {

	color: #59646e;
	text-decoration: none;
}

.biz li a:hover {
	
	color: #d56200;
	text-decoration: none;
	
	
}

.biz li a:current {
	
	color: #d56200;
	text-decoration: none;
	
	
}


/*-------------- Business wahl end -----------------------*/

/*-------------- Businesswahl start -----------------------*/
.top {

	list-style: none;
	margin: 75px 0 0 138px;
	padding: 0 0 0 35px;
	float:left;
	width: 140px;
	display: block;
	}
	


.top li {

	list-style: none;
	margin: 0 0 0 25px;
	
}

.top li a {
	font: normal 100% Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 5px 25px;
	color: #fff;
	text-decoration: none;
	background-image: url(images/arw_lumi.gif);
	background-repeat: no-repeat;
	background-position: left;
	

}

.top li a:visited {

	color: #fff;
	text-decoration: none;
}

.top li a:hover {
	
	color: #bcd350;
	text-decoration: none;
	
	
}


/*-------------- Business wahl end -----------------------*/
.kipya {

	margin: 200px 0 0 0;
	padding: 0;
	height: 100%;
	}

.snavi {

	margin: 20px 0 0 0;
	padding: 5px 0 5px 0;
	font: normal 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}


.snavi a {
	
	color: #DA033B;
	text-decoration: none;
	
}

.snavi a:visited {

	color: #DA033B;
	text-decoration: none;
}

.snavi a:hover {
	
	color: #000000;
	text-decoration: none;
	
}

.ryt_tx{
margin: 0 0 10px 0;
color: #6f5e47;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrap {

	padding-left: 0px;

	padding-bottom: 10px;

	padding-right: 0px;

	padding-top: 0;

	width: 1000px; 
	background-color: #ffffff;
	margin: 0 auto;
	/*height: auto;*/
	position: relative;
	/*text-align: left;*/
	clear: both;

}


div#jwrap {
			width: 619px;
			margin: 50px auto;	
		}

/*-------------- lightbox start -----------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #eee; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.pls{ color: black; font-size: 9px; }

/*-------------- lightbox end -----------------------*/