@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[wellmondo] Screen Stylesheet
version:   1.0
date:      22/09/09
last doc:  17/12/09
author:    Hannes Pirhofer
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Allgemein */
body{
	background:url(../images/background_wiese.jpg) 0 0 repeat;
	background-color:#f1fbde;
}

#alles{
	margin:40px auto;
	width:920px;
}

.clear{
	clear:both;
}

.info{
  background:#ddd;
  border:solid 1px #999;
  clear:both;
  color:#555;
  font-size:11px;
  margin:0 0 15px;
  padding:4px;
  text-align:center;
  width:97%;
}
/* ENDE Allgemein */


/* Head */
#head{
	width:917px;
}

.box_left{
	float:left;
	margin:0 35px 0 0;
	padding:10px 0 0 5px;
}

.box_middle{
	float:left;
}

.box_middle a{
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px;	
}

.sprache{
	margin:10px 0 0 850px;
	position:absolute;
	z-index:10;
}

.sprache img{
	padding-right:5px;
}

.head_bottom{
	background:url(../images/head_bottom.png) 0 0 no-repeat;
	height:309px;
}

.head_bottom .nr{
	color:#558A99;
	font-size:2.4em;
	margin:27px 0 0px 28px;
	padding:0 0 3px 0;
}

.slogan{
	color:#558a99;
	background:#f2e0b6;
	font-size:1.2em;
	height:15px;
	margin-left:15px;
	padding:2px 0 0 5px;
	width:364px;
}

.head_lang{
	float:left;
}

.search_field{
	float:left;
  margin:0 5px 0 10px;
  width:250px;
}

.head_search{
	margin:0 0 0 460px;
}

.head_search input{
	float:left;
}

.head_search img{
	margin-bottom:10px;
	vertical-align:top;
}

.head_navi{
	padding:20px 0 12px 0;
	margin:0 94px 0 451px;
}

.navi a{
	font-size:1.4em;
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
}

.head_top{
	background:url(../images/head_top.gif) no-repeat;
	height:70px;
}


	/* Navi */
	.navi{
		height:30px;
		margin-top:17px;
	}
	/* ENDE Navi */
/* ENDE Head */


/* Inhalt */
#inhalt{
	background:url(../images/background_rep.gif) repeat-y;
}

#inhalt .ih_left{
	float:left;
	margin:-125px 0 0;
	padding:0 0 0 10px;
	position:relative;
	width:240px;
	z-index:10;
}

#inhalt .ih_left .produkte{
	border:1px solid #cec1a5;
	width:211px;
}

#inhalt .ih_left .warenkorb{
	border:1px solid #cec1a5;
	height:158px;
	margin:20px 0 0 0;
	width:211px;
}

#inhalt .ih_left .login{
	border:1px solid #cec1a5;
	margin:50px 0 0 0;
	width:211px;
}

#inhalt .ih_right{
	float:left;
	padding:50px 0 0 20px;
	width:630px;
}

#inhalt .ih_right .beschreibung h2{
	color:#558a99;
	font-size:18px;
	padding:0 0 30px 13px;
}

#inhalt .ih_right .beschreibung img{
	border:2px solid #fbba25;
	float:left;
	margin:0 25px 25px 0;
	padding:10px;
}

#inhalt .ih_right .beschreibung .text{
	color:#333;
	font-size:1.2em;
	line-height:1.6em;
	padding:0 50px 50px 0;
}

.text ul li{
  margin:0 0 0 15px;
	list-style:circle;
}

#inhalt .more_infos{
	font-size:1.1em;
	margin:100px 0 20px 15px;
	width:341px;
}

#inhalt .more_infos span{
	color:#558a99;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-right:5px;
}

#inhalt .preis{
	display:block;
  font-size:1.5em;
  margin:50px 0 0 490px;
}

#inhalt .preis .iva{
  font-size:0.6em;
}

#inhalt .buy{
  margin:-26px 0 0;
}

.preis .title{
	background:#FBBA25 none repeat scroll 0 0;
	color:#FFEEFF;
	font-size:1.3em;
	padding:4px 0 4px 10px;
	font-weight:bold;
}

.preis .title b{
	margin-left:85px;
}

.preis .title td{
	padding:0 10px;
}

.preis table td{
	vertical-align:middle;
	text-align:center;
}

.produkte tr td{
	color:#333;
	font-size:1.2em;
	padding:5px 0;
	vertical-align:middle;
	width:211px;
}

.produkte .title{
	background:#fbba25;
	color:#fef;
	font-size:1.4em;
	font-weight:bold;
	padding-left:15px;
}

.produkte .hauptlink{
	font-weight:bold;
	padding-left:15px;
}

.produkte .hauptlink orange{
	color:#fbba25;
}

.produkte .unterlink{
	padding-left:30px;
}

.login{
	background:#f2e0b6;
	padding:0 0 10px;
}

.login table{
	width:100%;
}

.login th{
	background:#fbba25;
	color:#fef;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 0 5px 15px;
	text-align:left;
}

.login input{
	margin:11px 0 0 15px;
}

.registrieren{
	margin:120px 0 0 15px;
}

.registrieren b{
	color:#5f909e;
}

.registrieren a{
	color:#333;
	font-size:1em;
	font-weight:bold;
	line-height:1.3em;
	text-decoration:none;
	letter-spacing:0.2em;
}

.registrieren a:hover, .registrieren a:active{
	color:#5f909e;
	text-decoration:none;
}

.warenkorb{
	color:#333;
	font-size:1.2em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.warenkorb .title{
	background:#fbba25;
	color:#fef;
	font-size:1.15em;
	font-weight:bold;
	padding:5px 0 5px 15px;
}

.warenkorb .info_waren{
	background:#f2e0b6;
}

.warenkorb .info_waren table{
	margin:15px 0;
}

.warenkorb .warenkorb_anzeigen{
	border-top:1px solid #c8c8c8;
	height:auto;
	padding:10px 0 0 15px;
}

.warenkorb{
	background:#fefefe;
	font-size:1.2em;
	height:135px;
	width:562px;
}

.warenkorb th{
	border-bottom:1px solid #AAA29A;
	font-weight:bold;
  height:20px;
  padding:5px 30px;
  text-align:left;
}

.warenkorb td{
  padding:5px 15px;
}

.warenkorb .right{
	text-align:right;
}

.warenkorb .totale{
	border-top:solid 1px #333;
	height:20px;
}

.warenkorb .iva{
  display:block;
  font-size:0.9em;
}

.warenkorb .tbMenge{
  width:25px;
}

.reg_text{
  display:block;
	font-size:1em;
	padding:0 0 5px;
	width:290px;
}

.error{
  font-size:2.5em;
}

.kasten{
  background:#fefefe;
  border:1px solid #777;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:1.2em;
  height:170px;
  line-height:1.4em;
  padding:15px;
  width:515px;
}

.kasten .daten{
  margin:15px 0 -10px;
}

.kasten .daten strong{
  display:inline-block;
  width:80px;
}

.tabelle td{
  font-size:1.2em;
  padding:10px 0 0 15px;
}

.tabelle2 td{
  font-size:1.2em;
}

.einruck{
  padding:0 0 0 15px;
}
/* ENDE Inhalt */


/* Registrierung */
.reg{
  clear:both;
}

.reg, .box2{
  margin:0 0 0 20px;
  width:475px;
}

.reg label{
  display:inline-block;
  font-size:1.2em;
  margin:0 0 20px;
  width:130px;
}

.reg input{
  width:300px;
}

.agb{
  border:solid 1px #ccc;
  height:150px;
  margin:5px 0 10px;
  overflow:auto;
  padding:5px;
}

.formular_link{
  background:#fbba25;
  display:inline-block;
  float:right;
  font-size:1.2em;
  font-weight:bold;
  margin:-18px 173px 17px 0;
  padding:6px 12px;
}

.formular_link a:link, .formular_link a:visited{
  color:#333;
  text-decoration:none;
}

.formular_link a:hover, .formular_link a:active{
  color:#fefefe;
  text-decoration:none;
}
/* Registrierung */


/* Footer */
#footer{
	background:url(../images/footer.gif) no-repeat;
	font-size:1.2em;
	height:48px;
	padding:30px 0 0 14px;
}

#footer strong{
	font-weight:bold;
}

#footer label{
	margin:0 0 0 213px;
	font-weight:bold;
}
/* ENDE Footer */


/* Links */
.box_middle a:link{
	color:#3f7c8e;
}

.box_middle a:hover, a:active{
	color:#FBBA25;
}

.produkte .unterlink a, .produkte .hauptlink a{
	color:#333;
	text-decoration:none;
}

.produkte .unterlink a:hover, .produkte .unterlink a:active{
	color:#b7cad0;
	text-decoration:none;
}

.produkte .hauptlink a:hover, .produkte .hauptlink a:active{
	color:#333;
	text-decoration:none;
}

.warenkorb a, .warenkorb a:link{
	color:#333;
	text-decoration:none;
}

.warenkorb a:hover, .warenkorb a:active{
	color:#333;
	text-decoration:underline;
}

#inhalt .more_infos a{
	color:#333;
	text-decoration:none;
	font-size:inherit;
}

#inhalt .more_infos a:hover, #inhalt .more_infos a:active{
	color:#b8b8b8;
}

#footer a:link, #footer a:visited{
	color:#333;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#333;
	text-decoration:underlinde;
}
/* ENDE Links */
