/* Grunddefinitionen */

html {
padding:0;
margin:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
background-image:url(../img/content-background.png);
background-repeat:repeat-x;
background-color:#F4F5FB;
font-size:12px;
font-family:Tahoma,Verdana,Arial;
margin:0;
padding:0;
color:#33506c;
}

p {
margin-bottom:0;
line-height:140%;
text-align:justify;
}

a img        {border : 0;}

/* Main Divs */

#box {
	position:relative;
	width:800px;
	margin:auto;
	-moz-box-shadow: 0 0 5px #707070;
	-webkit-box-shadow: 0 0 5px #707070;
	box-shadow: 0 0 5px #707070;
}

ul#language {
	position:absolute;
	left:20px;
	top:187px;
	margin:0;
	padding:2px;
	list-style:none;
	z-index:9999;
}

ul#language li {
margin:2px;
float:left;
}

ul#language li a img {
border:0px;
}

#dummy {
z-index:50;
width:800px;
height:200px;
position:relative;
}

#dummy .divisor_topX {
background-image:url(../img/divisor.png);
height:6px;
width:800px;
position:relative;
top:-206px;
z-index:15;
}

#dummy .divisor_bottomX {
background-image:url(../img/divisor.png);
height:6px;
z-index:15;
width:800px;
position:relative;
top:-12px;
}

.info{
position:absolute;
height:20px;
border:1px solid #FF0000;
z-index:1;
width:788px;
background:#FDE3DF;
text-align:center;
margin-top:-50px;
padding: 5px 5px 5px 5px;
font-size:14px;
color:#000000;
}

#bannerAA {
position:absolute;
z-index:8;
height:200px;
width:800px;
bottom:100px;
}

#information {
	position:fixed;
	top:0px;
	margin:auto;
	width:100%;
	background-image:url(../img/navibar.li.bgr.png);
	background-repeat:repeat-x;
	background:#CFDBEC;
	border-bottom:1px solid #8F97A1;
	color:#000000;
	z-index:999999;
	padding:7px;
	text-align:center;
	text-shadow: 2px #BDBDBD;
}

#information a {
	color:#000000;
	text-decoration:none;
}


ul#navibar {
	position:absolute;
	top:210px;
	right:20px;
	list-style:none;
	margin:0;
	padding:0;
	cursor:default;
	z-index:999;
}

ul#navibar li {
	float:left;
	display:block;
	padding:3px;
	-moz-border-radius: 6px;
     border-radius: 6px;
	 font-size:12px;
	 font-weight:bold;
	 margin-right:3px;
	 cursor:pointer;
}

ul#navibar li a {
color:#2A3F55;
text-decoration:none;
padding-left:3px;
}

ul#navibar li a:hover {
	color:#FFFF55;
}

/* navibar design mit buttons 
ul#navibar {
	position:absolute;
	top:190px;
	right:10px;
	list-style:none;
	margin:0;
	padding:0;
	cursor:default;
	z-index:999;
}

ul#navibar li {
	float:left;
	border:1px solid #FFC300;
	background-image:url(../img/navibar.li.bgr.png);
	background-repeat:repeat-x;
	background-color:#FFFF3C;
	background-position:0px -15px;
	display:block;
	padding:4px 8px 4px 8px;
	-moz-border-radius: 6px;
     border-radius: 6px;
	 font-size:12px;
	 font-weight:bold;
	 margin-right:3px;
	 cursor:pointer;
}

ul#navibar li a {
	color:#000000;
	text-decoration:none;
}

ul#navibar li:hover {
	text-decoration:none;
	border:1ps solid #FFCE3C;
	-moz-box-shadow: 0 0 18px #FFE600;
	-webkit-box-shadow: 0 0 18px #FFE600;
	box-shadow: 0 0 18px #FFE600;
}
*/

/*
#navigation {
position:relative;
font-size:12.33px;
font-weight:bold;
padding: 10px 20px 0px 0px;
float:right;
background:none;
}

#navigation a{
color:#2A3F55;
text-decoration:none;
padding-left:3px;
}

#navigation a:hover {
color:#FFFF55;
}

*/

#content {
width:800px;
}

#content .top {
background-image:url(../img/content,top.png);
height:30px;
}

#content .middle {
background:#B6C5DB;
width:800px;
float:left;
}

#content .bottom {
background-image:url(../img/content,bottom.png);
height:30px;
width:800px;
float:left;
font-size:10px;
text-align:center;
}

#content .trenner {
background-image:url(../img/content,trenner.png);
height:30px;
width:800px;
float:left;
}

#content .middle {
background:#B6C5DB;
width:800px;
float:left;
}

.footer {
background-image:url(../img/content,bottom.png);
background-repeat:repeat-x;
height:30px;
width:800px;
float:left;
}

.credits {
	margin:auto;
	width:800px;
	padding:10px 0px 20px 0px;
	font-size:10px;
	color:#BAC4E2;
	text-align:center;
}

.credits a {
	color:#405886;
	text-decoration:none;
}

.credits a:hover {
	color:#223048;
}

.data_img {
position:absolute;
width:350px;
background:#B6C5DB;
top:50px;
left:0px;
}

.colA {
width:360px;
float:left;
display: inline;
padding-top:20px;
}

.colB {
width:430px;
background:#B6C5DB;
float:right;
padding-top:20px;
}
* html .colB {padding-top:10px;}            /* IE 6 */



.footerX {
background-image:url(../img/divisor.png);
height:6px;
z-index:40;
width:800px;
position:absolute;
bottom:0px;
}

.infobar {
background-image:url(../img/inteligence,infobar.png);
width:280px;
height:30px;
padding: 10px 20px 0px 0px;
font-size:14px;
color:#ffffff;
}



.product_bucket1{
height: 170px;
width:360px;
background-image:url(../img/product_bucket,bgr,gr1.png);
}


.product_object1{
}

.pimage{
padding: 3px 3px 3px 3px;
border: 1px solid #B7B7B7;
background:#EBEBEB;
float:left;
margin-left:20px;
margin-top: 20px;
display: inline;
width:140px;
}

.pimage:hover {
	-moz-box-shadow: 0 0 18px #FFE600;
	-webkit-box-shadow: 0 0 18px #FFE600;
	box-shadow: 0 0 18px #FFE600;
}


.pimage .overwrite {
position:relative;
width:140px;
height:35px;
bottom:2px;
margin-bottom:9px;
background:#ebebeb;
border-top: 1px solid #B7B7B7;
/*filter:alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;*/
z-index:30;
}

.pimage .extdata {
position:relative;
width:140px;
height:45px;
bottom:48px;
margin-bottom:-69px;
text-align: left;
display: block;
width: 130px;
padding: 5px 5px 5px 5px;
z-index:77;
}

.pimage_big{
padding: 3px 3px 3px 3px;
height:443px;
width:308px;
border: 1px solid #b7b7b7;
background:#EBEBEB;
float:left;
margin-left:20px;
margin-bottom:10px;
display: inline;
}

.pimage_big .overwrite {
position:relative;
width:308px;
height:35px;
bottom:2px;
margin-bottom:9px;
background:#ebebeb;
border-top: 1px solid #B7B7B7;
z-index:30;
}

.pimage_big .extdata {
position:relative;
width:308px;
height:45px;
bottom:49px;
text-align: left;
display: block;
width: 298px;
padding: 5px 5px 5px 5px;
z-index:77;
}


.gallery {
width:327px;
margin:0px 15px 0px 15px;
float:left;
}

/* IE 6 */
* html .gallery {
width:335px;
margin:0px 7.5px 0px 7.5px;
}  

.thumb1{
height:231px;
width:308px;
display:block;
border: 1px solid #B7B7B7;
padding:3px;
background:#EBEBEB;
float:left;
margin: 5px 5px 5px 5px;
float:left;
}

.thumb2{
height:166px;
width:145px;
border: 1px solid #B7B7B7;
padding:3px;
background:#EBEBEB;
margin: 5px;
float:left;
}

/* IE 6 */
* html .thumb2 {
margin:5px;
height:163px;
}  

.caption {
position:relative;
height:12px;
bottom:21px;
display: block;
padding:5px 0px 2px 8px;
background:#EBEBEB;
font-size:10px;
font-weight:bold;
color:#2A3F55;
text-transform:uppercase;
border-top:1px solid #B7B7B7;
}

/* IE 6 */
* html .caption {
bottom:2px;
padding:5px 0px 0px 8px;
}  



.pname{
padding-top:2px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#000000;
}

.price{
padding-top:2px;
font-size:14px;
color:#000000;
}

.pgroup{
font-size:10px;
font-weight:bold;
color:#2A3F55;
text-transform:uppercase;
}



.ext1{
color:#33506c;
}


#impress {
width:790px;
height:20px;
padding:5px 5px 5px 5px;
position:static;
float:left;
margin-bottom:30px;
text-align:center;
font-size:10px;
}





/* ext Divs */


.imagebar {
position:relative;
width:800px;
background:#B6C5DB;
height:160px;
top:-12px;
float:left;
}

.imagebar .box {
height:160px;
width:160px;
float:left;
}

.imagebar .box a img {
border:0;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.imagebar .box a:hover img {
color:#FFFF1C;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

/* Fonts */

.textborder{
padding-left:20px;
float:left;
}

* html .textborder{padding-left:16px;}  /* IE 6 */


.title{
font-size: 27px;
color:#FCFCFC;
font-weight: normal;
font-weight:500;
margin-bottom:0px;
text-shadow: 0px 0px 1px #8C8C8C;
}

.title2{
font-size: 27px;
color:#FCFCFC;
font-weight: normal;
font-weight:500;
margin-bottom:0px;
}



.subtitle{
font-size: 17px;
color:#2A3F55;
margin-top:-2px;
text-shadow: 0px 0px 1px #d4d4d4;
}

* html .subtitle {padding-left:10px;}            /* IE 6 */


.category{
font-size: 17px;
color:#2A3F55;
margin-top:20px;
text-shadow: 0px 0px 1px #d4d4d4;
}



ul.list       {padding: 0px 20px 0px 30px; line-height : 170%;margin-bottom:20px;list-style-type:circle;}
ul.list li    {width: 300px;font-size: 14px;color:#2A3F55;}
ul.list li a  {color:#2A3F55;text-decoration:none;}
ul.list li a:hover {color:#ffffff;}



.tagger{
text-align: left;display: block;width: 250px;font-size: 14px;color:#FFFFFF;padding-left:0px;margin-top:5px;
 line-height : 140%; margin-bottom:20px;
}

.tagger a{
color:#FFFFFF;
text-decoration:none;
text-shadow: 0px 0px 1px #8CA4C6;
}

.tagger a:hover{
color:#2A3F55;
text-shadow:none;
}

.comment{
font-size: 10px;color:#2A3F55;padding-left:60px;margin-top:-15px;
}

.text{
margin-top:5px;
line-height:140%;
text-align:justify;
font-size:14px;
width:365px;
margin-bottom:10px;
}

.text a{
text-decoration:none;
color:#FFFFFF;
text-shadow: 0px 0px 1px #8C8C8C;
}

.form {
margin-top:20px;
margin-left:60px;
}



.form2 {
margin-top:20px;
margin-left:40px;
}

.fieldtitle{
font-face:Tahoma;
font-size:14px;
padding-bottom:8px;
padding-left:5px;
font-weight:300;
}

form input{
	font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 14px;
	cursor: default;
	margin-top: -6px;
	width:260px;
	margin-bottom:13px;
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#fbfbfb;
}

.tear {
font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 14px;
	cursor: default;
	width:260px;
	height:260px;
	    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#fbfbfb;
	margin-bottom:20px;
}

select {
font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 14px;
	cursor: default;
	width:270px;
	    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F4FAFB;
	margin-bottom:20px;
}

.button {
font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 2px 2px;
	border: 5px #000066;
	font-size: 14px;
	cursor: default;
	 -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F4FAFB;
	margin-bottom:20px;
	width:190px;
		margin-top: -6px;
		margin-left: 8px;
}


.button:hover {
background-color:#EEF12B;
}

.input2{
	font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 14px;
	cursor: default;
	margin-top: -6px;
	width:180px;
	margin-bottom:13px;
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F4FAFB;
			margin-left: 8px;
}

.input2:hover {
background-color:#EEF12B;
}

.form_element2{
	font-family: "Tahoma", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 14px;
	cursor: default;
	margin-top: -6px;
	width:294px;
	margin-bottom:13px;
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F4FAFB;
			margin-left: 8px;
}

.form_element3{
	padding: 3px 5px;
	margin-top: -6px;
	margin-bottom:13px;
	    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
			margin-left: 8px;
}