@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[anatol] Screen Stylesheet
version:   1.0
date:      31/03/08
last doc:  16/04/08
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.it
-----------------------------------------------------------------------------*/
/* 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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
  font-weight:inherit;
  margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

html{
  overflow:auto;  
}

body{
	background:#f1ffe1;
	color:#333;
	font:normal 63.5%/1.3em Arial, Helvetica, sans-serif;
}

ol, ul, li{
	list-style:none;
	margin:3px 0;
	text-align:center;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
}

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

blockquote, q {
	quotes:"" "";
}
/* ENDE Reset */

/* Allgemein */
#alles{
  margin:0 auto;
  position:relative;
  width:100%;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

.abstandLeft{
	padding-left:10px
}

.abstandRight{
	margin-right:20px
}

.abstandOben{
	margin-top:10px
}

.abstandUnten{
	margin-bottom:5px
}

.textcenter{
  text-align:center;  
}

.fett{
  font-size:1.1em;
  font-weight:bold;  
}

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  margin:0 0 30px 0;
  padding:4px;
  text-align:center;
}

h2{
	font:italic 1.8em/1.2em Georgia, "Times New Roman", Times, serif;
}

b{
  padding:0 5px;  
}
/* ENDE Allgemein */

/* Head */
.headBG{
  background:#c4dca7;
  
}

#head{
  background:#c4dca7 url(../images/back-head.jpg) no-repeat;
  height:124px;
  margin:0 auto;
  width:950px;
}

#sprache{
  font-size:1.2em;
  /*margin:89px 0 0 775px;*/
  margin:89px 0 0 837px;
  padding:5px 0;
  position:absolute;
  text-align:center;
  white-space:nowrap;
  word-spacing:3px; 
}

#sprache a:link, #sprache a:visited{
  color:#333;
  text-decoration:none;  
}

#sprache a:hover, #sprache a:active{
  color:#fefefe;
  text-decoration:none;  
}
/* ENDE Head */

/* Navi */
.naviBG{
  background-color:#c4dca7;
  background:#c4dca7 url(../images/BGheader.jpg) no-repeat;
  background-position:top center;
}

.imgLeft{}

.imgRight{}
/*
.BGleft{
  background:#c4dca7 url(../images/BGleft.jpg) no-repeat;
  height:222px;
  background-position:top right;
 }
 
.BGright{
  background:#c4dca7 url(../images/BGright.jpg) no-repeat;
  height:222px;
  background-position:top left;
 }*/

#navi_top{
  background-color:#c4dca7;
  clear:both;
  font-size:1.2em;
  font-weight:bold;
  height:222px;
  letter-spacing:0.1em;
  margin:0 auto;
 width:950px;
}

#navi{
  float:left;
  margin:11px 0 0 0;
  padding:0 0 0 10px;
  width:109px !important;
  width:106px;
}

#navi ul{
  border-left:solid 2px #fefefe;
  list-style:none;
  padding:0 0 0 13px;
}

#navi ul li{
  margin:0 0 22px 0;
  padding:0 0 0 0;
  text-align:left;
}

#navi a:link, #navi a:visited{
  color:#333;  
}

#navi a:hover, #navi a:active{
  color:#fefefe; 
}

#navi_pop{
  background-color:#f1ffe1;
  clear:both;
  font-size:1.2em;
  height:24px; 
  margin:0 auto;
  position:relative;
  width:950px;
}

#navi_pop ul{
  list-style:none;
  position:absolute;
  text-align:right;
  right:0;
}

#navi_pop ul li{
  border-right:solid 1px #333;
  float:left;
  margin:0;
  padding:3px 10px;
  text-align:left;
}

#navi_pop a:link, #navi_pop a:visited{
  color:#333;  
}

#navi_pop a:hover, #navi_pop a:active{
  color:#ffb940; 
}
/* ENDE Navi */

/* Inhalt */
.inhaltBG{
  background-color:#f1ffe1; /*d2d8ed*/
}

#inhalt{
  background-color:#f1ffe1;
  /*height:280px;*/
  margin:0 auto;
  width:950px;
}

#logo{
  margin:60px 0 0 730px;
  position:absolute;
}

#context{
  padding:10px 20px 0 24px;
  width:690px;
}

#context p{
	font-size:1.2em;
	line-height:1.3em;
	margin:15px 0;
}

#context a:link, #context a:visited, #context a:hover, #context a:active{
  color:#db9e34;
}
/* ENDE Inhalt */

/* Footer */
#footer{
  background:#f1ffe1;
  border-top:solid 1px #000;
  clear:both;
  font-size:1.1em;
  margin:0 auto;
  padding:5px 0 10px 0;
  text-align:center;
  width:930px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
  color:#333;
}
/* ENDE Footer */

/* PopUp */
#popUp{
  margin:15px;
  width:500px;
}

#popUp #context{
  width:440px;
}

.popLogo{
  border-bottom:solid 2px #333;
  margin:0 0 20px 0;  
  padding:15px 0;
}

.titel{
  font-weight:bold;  
}

.popUpP{
  width:440px;
}

.preis{
  color:#f00;
  font-weight:bold;
  padding:10px 0 0 0;
}

#popUp ul{
  margin:15px 0 0 0;
}

#popUp ul li{
  font-size:1.2em;
  list-style:square;
  margin:5px 0 0 15px;
  text-align:left; 
}

#popUp ul img{
  border:solid 1px #ccc;
  margin:0 15px 0 0;
  padding:1px;
}

.popUpTable{
   font-size:1.2em;
   margin:20px 0 10px 0;
}

.popUpTable td{
   padding:5px;
   vertical-align:middle;
}

.beschreibung{
  width:170px;
}

.linie{
  border-bottom:solid 1px #333;  
}

.ueberlaufdiv{
  font-size:1.2em;
  margin:20px 40px; 
}

.ueberlaufdiv a:link, .ueberlaufdiv a:visited{
  color:#333;
  text-decoration:underline;  
}

.ueberlaufdiv a:hover, .ueberlaufdiv a:active{
  color:#333;
  text-decoration:underline;  
}
/* ENDE PopUp */

/* Links */
a:link, a:visited{
  text-decoration:none;  
}

a:hover, a:active{
  text-decoration:none;  
}
/* ENDE Links */