@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[by-experience] Screen Stylesheet
version:   1.0
date:      15/10/09
last doc:  04/01/10
author:    Alexander Pichler
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Allgemein */
body{
	background:transparent url(../images/background2.jpg) 0 0 repeat;
}

.alles{
  margin:0 auto;
  width:960px;
}

h2{
  border-bottom:solid 1px #e2eaf0;
  color:#3a6e09;
	font:bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 0 5px;
}

h3{
  color:#3a6e09;
}
	
.clear{
	clear:both;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.info{
  background:#effbc2;
  border:solid 1px #a0c800;
  font-size:1em;
  font-weight:bold;
  margin:20px 0;
  padding:1px;
  text-align:center;
}

.zeiger{
 cursor:default;
 color:#333;
 text-decoration:none;
}
/* ENDE Allgemein */


/* Background */
#nestedbg{
	background:url(../images/bg4.png) 0 0 repeat-x;
}
/* ENDE Background */


/* Head */
#sprache{
  font-size:1.1em;
  padding:5px 0 0;
  text-align:right;
}

#sprache a:link, #sprache a:visited{
  border-right:1px solid #3b3c3d;
	color:#333; 
  margin:0 0 0 5px;
	padding:7px 6px 0 6px;
	text-decoration:none;
}

#sprache a:hover, #sprache a:active{
	color:#333;
	text-decoration:underline;
}

.logo{
  margin:20px 0 0;
}
/* Ende Head */


/* Navi */
#navi{
	background:#333;
	font-size:1.2em;
	height:23px;
  margin:6px 0 0;
  padding:10px 0 0 20px;
}

#navi ul li{
  background:#333;
  float:left;
  margin:0 10px 0 0;
  padding:0 10px 0 0;
}

#navi ul li ul{
  border-bottom:solid 1px #fefefe;
  width:172px;
}

#navi ul li ul li{
  padding:5px 10px;
  text-align:left;
}

#navi a:link, #navi a:visited{
	color:#fefefe; 
	text-decoration:none;
}

#navi a:hover, #navi a:active{
	color:#fefefe;
	text-decoration:underline;
}
/* ENDE Navi */


/* Inhalt */
#main{
  background:#fefefe;
  color:#555; /*8e8f90*/
	font-size:1.2em;
	padding:0 20px 15px;
}

#inhalt{
  background:url(../images/bgnavi.png) 0 0 repeat-y;
  _height:300px;
  min-height:300px;
}

.context{
  float:left;
  font-size:1.1em;
	line-height:1.6em;
  padding:8px 0 0;
  width:670px;
}

.context img{
  margin:0 10px 10px 0;
}

.context a:link, .context a:visited{
	color:#a60000;
  text-decoration:none;
}

.context a:hover, .context a:visited{
	color:#a60000;
	text-decoration:none;
}

.kontakt{
  margin:0;
}

.kontakt .textbox{
  width:440px;
}

.kontakt .textarea{
  display:block;
  height:150px;
  margin:0 0 20px;
  width:440px;
}

.addthis_button{
  display:block;
  margin:27px 0 0 786px;
  width:130px;
}

.addthis_button_blog{
  margin:20px 0 15px 545px
}
/* ENDE Inhalt */


/* Produkte */
.produkte{
  background:#3a6e09;
	height:310px;
	margin:0 0 20px;
}
/* ENDE Produkte */


/* Untermenu */
.untermenu{
	float:left;
	margin:0 23px 0 0;
	padding:14px 0 0;
	width:219px;
}

.untermenu ul li{
	font-weight:bold;
	border-bottom:1px solid white;
	padding:10px;
}

.untermenu a:link, .untermenu a:visited{
	color:#0e7fc7; 
	text-decoration:none;
}

.untermenu a:hover, .untermenu a:active{
	color:#0e7fc7;
	text-decoration:underline;
}

.untermenu_2{
  display:block;
  margin:10px 0 0;
}

.untermenu_2 a{
  display:block;
  line-height:1.5em;
}

#active2{
  text-decoration:underline;
}

.info_box{
  background:#cddce5;
  border:solid 1px #fefefe;
  font-size:0.9em;
  line-height:1.4em;
  margin:20px auto 15px;
  padding:5px;
  width:187px;
}

.info_box img{
  margin:5px 5px 0 0;
}
/* ENDE Untermenu */


/* Schnell Info */
#fast_view{
  background:url(../images/bg_foo.png) 0 0 repeat;
  _height:82px;
	margin:20px 0 10px;
	min-height:82px;
}

#fast_view p{
  border-right:1px dotted #cdcdcd;
	float:left;
	_height:72px;
  line-height:1.4em;
  margin:2px 0 0 10px;
	min-height:72px;
  padding:7px 12px 0;
  text-align:left;
  width:205px;
}

#fast_view p strong{
  display:inline-block;
  font-size:1.1em;
  padding:0 0 8px;
}

#fast_view p img{
  float:left;
  margin:0 10px 0 0;
}

#fast_view a:link, #fast_view a:visited{
	color:#0e7fc7;
  text-decoration:none;
}

#fast_view a:hover, #fast_view a:active{
	color:#0e7fc7;
  text-decoration:underline;
}
/* ENDE Schnell Info */


/* Footer */
#footer{
	clear:both;
	font-size:1.1em;
	padding:0 0 20px;
	text-align:center;
}

#footer a:link, #footer a:visited{
	color:#333;
  text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#333;
	text-decoration:underline;
}
/* ENDE Footer */