@charset "utf-8";

/* CSS Document */



/* MINIMUM RESET

------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL

------------------------------------- */



body {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #4a4a4a;

	background: #f8f8f8;

	margin: 0;

	padding: 0;

	height: 100%;

}



.clear { clear: both; }



h1 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #0057ce; border-bottom: 1px dotted #c8c8c8; padding: 6px; clear: both; }



p { line-height: 2.5em; }



/* CONTAINER

-------------------------------------- */



#container {

	background: #f8f8f8 url(img/bg.gif) repeat-y;

	background-position: center;

	width: 900px;

	display: block;

	margin: auto;

	padding-left: 11px;

	padding-right: 11px;

}



#footer {

	/*background: url(img/fo_bg.gif) repeat-x;*/
	background-color: #0A81F1;

	width: 900px;
	min-height: 120px;

	display: block;

	padding-top: auto;
	padding-bottom:10px;

}



#navi-left {

	margin: auto;

	float: left;

	background: top url(img/navi-bg.gif) no-repeat;

	width: 5px;

	height: 40px;

}



#navi-bg {

	margin: auto;

	float: left;

	background: left -42px url(img/navi-bg.gif) repeat-x;

	width: 890px;

	height: 40px;

}



#navi-right {

	margin: auto;

	float: left;

	background: right -84px url(img/navi-bg.gif) no-repeat;

	width: 5px;

	height: 40px;

}



/* Menu-Item

------------------------------------- */



.text-shadow { text-shadow: #000 1px 1px 2px; }



.nav-item li, .nav-item a { display: block; float: left; }



.nav-item a {

	text-shadow: #00437d 1px 1px 2px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #fff;

	text-decoration: none;

	height: 17px;

	margin: 5px 0 5px 0;

	padding: 8px 14px 5px 14px;

}



.nav-item a:hover {

	border: 1px solid #2f94f3;

	background: url(img/nav-hover_bg.gif) repeat-x;

	height: 18px;

	margin: 4px 0 5px 0;

	padding: 7px 13px 4px 13px;

}



/* LANGUAGES

------------------------------------- */



.nav-lang {

	background: url(img/lang_bg.gif) no-repeat;

	width: 51px;

	height: 22px;

	float: right;

	margin: 9px 3px 0 0;

	display: block;

}



.ger-flag {

	background: url(img/ger.flag.gif) no-repeat;

	width: 20px;

	height: 15px;

	border: 0;

	float: left;

	margin: 3px 0 0 5px;

}



.eng-flag {

	background: url(img/eng.flag.gif) no-repeat;

	width: 20px;

	height: 15px;

	border: 0;

	float: right;

	margin: 3px 5px 0 0;

}



/* HEADER

------------------------------------- */



#header {

	background: url(img/header.png) repeat-x;

	width: 900px;

	height: 120px;

	float: left;

	display: block;

}



.roots {

	background: url(img/roots.gif) no-repeat;

	width: 240px;

	height: 79px;

	float: left;

	display: block;

	margin: 2px 0;

}



.logo {

	margin-top: 8px;
	margin-left: 55px;
	float: left;
	width: 184px;
	height: 60px;
	display: block;
}

.green-badge{
	float: right;
	margin-right: 80px;
	margin-top: 4px;
	opacity: 0.4;
}

.green-badge:hover{
	float: right;
	margin-right: 80px;
	margin-top: 4px;
	opacity: 0.8;
}



/* LOGIN AREA

------------------------------------- */



.login {

	background: top url(img/login_bg.gif) no-repeat;

	width: 188px;

	height: 79px;

	display: block;

	float: right;

	margin: 2px 16px 0;

	padding: 16px 13px 0 29px;

}



.user_login {

	background: top url(img/user_login.gif) no-repeat;

	width: 97px;

	height: 21px;

	display: block;

	border: 0;

	padding-left: 23px;

	padding-right: 5px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #717171;

}



.pw_login {

	background: top url(img/pw_login.gif) no-repeat;

	width: 97px;

	height: 21px;

	display: block;

	border: 0;

	margin-top: 8px;

	padding-left: 23px;

	padding-right: 5px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #717171;

}



.login_but {

	background: top url(img/login_but.gif) no-repeat;

	width: 50px;

	height: 30px;

	display: block;

	border: 0;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #fff;

	padding-bottom: 4px;

	cursor: pointer;

	margin-top: -42px;

	margin-left: 135px;

	text-shadow: #001e3b 1px 1px 2px;

}



/* domain

------------------------------------- */



#domain {

	background: url(img/domain_bg.gif) no-repeat;

	width: 320px;

	height: 32px;

	display: block;

	float: left;

	margin-top: 4px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #4a4a4a;

}



.domain_input {

	background: url(img/domain_input.gif) no-repeat;

	width: 132px;

	height: 21px;

	display: block;

	float: left;

	border: 0;

	margin-top: 6px;

	margin-left: 6px;

	padding: 0 4px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #4a4a4a;

}



.tld {

	margin-top: 6px;

	margin-left: 6px;

	float: left;

}



.check {

	background: top url(img/check.gif) no-repeat;

	width: 60px;

	height: 21px;

	display: block;

	margin-top: 6px;

	margin-left: 6px;

	padding-bottom: 2px;

	border: 0;

	float: left;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #fff;

	cursor: pointer;

	text-shadow: #002e59 1px 1px 2px;

}





/* products

------------------------------------- */



#products {

	background: url(img/products.png) no-repeat;

	width: 740px;

	height: 130px;

	float: left;

	display: block;

	padding-left: 85px;

	padding-right: 80px;

}



.bold {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: center;

	margin-bottom: 16px;

	text-shadow: #00458f 1px 1px 2px;

}



.products {

	float: left;

	margin-top: 12px;

	width: 240px;

	display: block;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	color: #fff;

	height: 100px;

	text-shadow: #00458f 1px 1px 2px;

}



.einsteiger {

	background: bottom left url(img/einsteiger.png) no-repeat;

	border-right: 1px dotted #fff;

}



.profi {

	background: bottom left url(img/profi.png) no-repeat;

	border-right: 1px dotted #fff;

}



.premium {

	background: bottom left url(img/premium.png) no-repeat;

}



.pItems {

	background: left top url(img/ok.png) no-repeat;

	padding-left: 20px;

	height: 18px;

	margin-top: 5px;

	margin-left: 90px;

	text-shadow: #00458f 1px 1px 2px;

}



.eumon {

	color: #9bcaff;

	margin-top: -77px;

	margin-left: 160px;

	text-shadow: #0055b0 1px 1px 1px;

}



/* SUBNAVI

------------------------------------- */



.sub-navi {

	width: 190px;

	float: left;

	display: block;

	padding: 0 20px;

}



.sub-navi ul { margin-bottom: 16px; }



.sub-navi li {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	margin-left: 8px;	

}



.sub-navi li a {

	border-bottom: 1px dotted #c8c8c8;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #474747;

	padding: 6px;

	margin-left: 8px;

	width: 160px;

	display: block;

	text-decoration: none;

}



.content {

	width: 900px;

	float: left;

	display: block;

	margin-right: 10px;

}


.ctext {
	width: 650px;
	float: right;

	display: block;

	margin-right: 15px;
}


.subn_top {

	background: top left url(img/subn_top.gif) no-repeat;

	width: 190px;

	height: 30px;

	display: block;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #003b93;

	padding: 6px 0 0 10px;

	border: 0;

}



/* FOOTER

------------------------------------- */



.footy, .footy-last {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #fff;

	float:left;

	height: 100px;

	margin: auto;

	margin: 10px;

	padding: 0px;

	padding-left: 12px;

	padding-right: 12px;

}



.footy { border-right: 1px dotted #fff; }



.footyf, .footy-lastf {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	font-weight: bold;

	line-height: 1.8;

	text-shadow: #003564 1px 1px 2px;

}



.footy a, .footy-last a {

	line-height: 1.6;

	margin-left: 3px;

	margin-top: 1px;

	padding-top: 2px;

	padding-left: 12px;

	padding-right: 12px;

	background: left url(img/arrow.png) no-repeat;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	text-decoration: none;

	color: #fff;

	text-shadow: #003564 1px 1px 2px;

}

.copy{
	margin: 0px auto; 
	text-align:center;
	width: 350px;
}

.copy a{
	text-decoration: none;
	color: #474747;
}

.fnav{
	margin-top: 10px;
	margin-left: 110px;
	width: 900px;
}

.whuta{
	color: #474747; 
	text-decoration: none;	
}

.whuta:hover{
	text-decoration: underline;
}

.adinp{
	width: 530px;
	margin: 10px auto;
	min-height: 20px;
	color: #484848;
	font-size: 11px;
}

.adimg{
	margin: 0px auto;
}

#p1{
	margin-left:20px;
}

#i1{
	margin-left:60px;
}

#p2{
	margin-left:20px;
	margin-top: 10px;
}

#i2{
	margin-left:45px;
}

#p3{
	margin-left:20px;
	margin-top: 10px;
}

#i3{
	margin-left:120px;
	margin-top: -20px;
}

#p4{
	margin-left:20px;
	margin-top: 20px;
}

#i4{
	margin-left:120px;
	margin-top: -20px;
}

#p5{
	margin-left:20px;
	margin-top: 20px;
}

#i5{
	margin-left:120px;
	margin-top: -10px;
}

#i6{
	margin-left:130px;
}

#i7{
	margin-left:50px;
}

.jobbox{
	width: 280px;
	height: 320px;
	border: 1px solid #484848;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}



.jb-top{
	widht:280px;
	height: 30px;
	background-image: url(./img/jbox.png);
	background-repeat: no-repeat;
}

.jb-top p{
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;
	width: 270px;
}

.jbb1{
	margin-left: 15px;
}

.jobbox li{
	background: left url(img/arrw.png) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
}

.jobbox p{
	padding-left: 10px;
	width: 270px;
	margin-top: 0px;
	line-height: 1.6em;
}
.jobbox1{
	width: 280px;
	height: 320px;
	border: 1px solid #484848;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
}


.jb-top1{
	widht:280px;
	height: 30px;
	background-image: url(./img/jbox.png);
	background-repeat: no-repeat;
}

.jb-top1 p{
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;
	width: 270px;
}

.jbb1{
	margin-left: 15px;
}

.jobbox1 li{
	background: left url(img/arrw.png) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
}

.jobbox1 p{
	padding-left: 10px;
	width: 270px;
	margin-top: 0px;
	line-height: 1.6em;
}

.ptab{
 	width:	600px;
 	background-color: transparent;
 	border: 1px solid #484848;
}

.ptab1{
	background-color: #fff;
	height: 20px;
	text-align: center;
	border: 1px solid #484848;
	color: #000;
}

.ptab1 td{
	width: 600px;
	
}

.ptab11{
	background-image: url(./img/thead.png);
	height: 30px;
	width: 600px;
	text-align: center;
	color: #fff;
}


.ptab2{
	background-color: #e3e1e1;
	height: 20px;
	text-align: center;
	border: 1px solid #484848;
}

.ptab2 td{
	width: 500px;
}

.ppic1{
	margin-top: 0px;
}

.bestellen {
	background: url(img/table_bg.gif) repeat-x #fff;
	border: 1px solid #999999;
	border-left: 2px solid #008dff;
	border-right: 2px solid #008dff;
	padding: 3px;
	margin: 0 12px;
}

.bestellen a { text-decoration: none; color: #4a4a4a; }

.tableT { background: url(img/table_bg.gif) repeat-x #fff; }

.tableA { 
	background: #f8f8f8;
}

.tableA:hover { background-color:#0CF }

.tableA li { list-style-type: circle; margin-left: 18px; }

.tableA td, .tableB td, .tableT td { padding: 4px; }

.tableB { background: #fff; }

.jobbox2{
	width: 280px;
	height: 250px;
	border: 1px solid #484848;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

.jobbox2 li{
	background: left url(img/arrw.png) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
}

.jobbox2 p{
	padding-left: 10px;
	width: 270px;
	margin-top: 0px;
	line-height: 1.6em;
}

.pslink{
	color:#484848;
	font-size: 10px;
	float: right;
	margin-right: 15px;
	margin-top: 20px;
	marign-bottom: 20px;
}

.op-hv{
	margin-left: 5px;
	filter:alpha(opacity=40); /* für IE6 + */
  	opacity: 0.4 /* CSS3 Standard */
}

.op-hv:hover{
	margin-left: 5px;
	filter:alpha(opacity=100); /* für IE6 + */
  	opacity: 1 /* CSS3 Standard */
}

.lads{
	width: 900px;
	height: 80px;
	margin: 0px auto;
}

.lads ul li{
	float: left;
}
	
.lads li{
	margin-left: 10px;
}

.lads-img{
	filter:alpha(opacity=40); /* für IE6 + */
  	opacity: 0.4 /* CSS3 Standard */
}

.lads-img:hover{
	filter:alpha(opacity=100); /* für IE6 + */
  	opacity: 1 /* CSS3 Standard */
}

.productbox{
	width: 280px;
	height: 230px;
	border: 1px solid #CCC;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	background-image: url(img/produkt-bg.png);
}



.pb-top{
	widht:280px;
	height: 35px;
	background-image: url(img/produkt-head.png);
}

.pb-top p{
	color: #0258af;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 10px;
	width: 270px;
	text-shadow:#FFF 0px 1px;
}

.pbb1{
	margin-left: 15px;
}

.productbox li{
	background: left url(img/arrw.png) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
}

.productbox p{
	padding-left: 10px;
	width: 270px;
	margin-top: 0px;
	line-height: 1.6em;
}

.productbox1{
	width: 280px;
	height: 230px;
	border: 1px solid #CCC;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	background-image: url(img/produkt-bg.png);
}


.pb-top1{
	widht:280px;
	height: 35px;
	background-image: url(img/produkt-head.png);
}

.pb-top1 p{
	color: #0258af;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 10px;
	width: 270px;
	text-shadow:#FFF 0px 1px;
}

.productbox1 li{
	background: left url(img/arrw.png) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
}

.productbox1 p{
	padding-left: 10px;
	width: 270px;
	margin-top: 0px;
	line-height: 1.6em;
}


.award-list{
	float: left;
	margin-top: 15px !important;
	width: 650px !important;
}

.award-list ul li{
	float: left;
	list-style: none;
	margin-left: 10px;
	margin-top: 10px;
}


.award-head{
	font-weight: bold;
	margin-top: 20px;
	float: left;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 995px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #FFF;
}

.ann-head{
	width:900px;
	height: 34px;
	float: left;
}

.ann-head-lft{
	float: left; 
	height: 34px;
	width: 23px;
	background-image: url(./img/ann-head-lft.png);
	background-repeat: no-repeat;
	margin-left: 15px;
}

.ann-head-rgt{
	float: left; 
	height: 34px;
	width: 22px;
	background-image: url(./img/ann-head-rgt.png);
	background-repeat: no-repeat;
}

.ann-head-mid{
	float: left; 
	height: 34px;
	width: 825px;
	background-image: url(./img/ann-head-mid.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	text-align: left;
}	

.ann-head-mid b{
	color: #fff;
	font-size: 12px;
	
}

/* Slider */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #0057ce }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 620px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 620px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background-color: #0078FF; color: #fff; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }
	
	.panel-wrapper a{
		color: #0078FF;
		text-decoration: none;
	}
	
	.panel-wrapper a:hover{
		text-decoration: underline;
	}
	
	.panel-wrapper .whuta2{
		color: #474747 !important; 
		text-decoration: none;
	}
	
	.panel-wrapper .whuta2:hover{
		text-decoration: underline;
	}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #c0c0c0; color: #000; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
.live-order-button{
	background-image: url(./img/buy_n.png);
	background-repeat: no-repeaT;
	background-color: #fff;
	border: 0px;
	height:41px;
	width: 116px;
}

.live-order-button:hover{
	background-image: url(./img/buy_h.png);
	background-repeat: no-repeaT;
	background-color: #fff;
	border: 0px;
	height:41px;
	width: 116px;
}