/* CSS Document */
@font-face {
    font-family: "myfont";
    src: url(europe.ttf);
}

* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

html{
	height:100.01%;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#e8e8ea;
	background-color:#f0f0f0;
	height:100.01%;
	text-align:center;
}

#wrapper {
	width:995px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffff;
	border-left:1px solid #e8e8ea;
	border-right:1px solid #e8e8ea;
	text-align:left;
}

/**********************/
/* page-head **********/
/**********************/
#page-head {
	background-image:url(../images/banner_bg.gif);
	background-repeat:repeat-x;
	height:129px;
}

#banner {
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:129px;
}

#banner h1 {
	position:absolute;
	top:28px;
	right:25px;
}

#banner h1 img{
	padding:15px;
}

/**********************/
/* page-body **********/
/**********************/

#page-body {
	margin-top:30px;
	margin-bottom:15px;
	background-image:url(../images/page_body_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	overflow:hidden;
	height:1%;
}

/*++++++++++++++++++++*/
/* navigation ++++++++*/
/*++++++++++++++++++++*/
#navigation {
	float:left;
	display:inline;
	padding:0 20px;
	height: 100%;
	width:160px;
	/*margin-top:-7px;*/
}

#navigation ul{
	font: 11px tahoma;
	list-style:none;
	color:#666666;
}

#navigation li {
}

#navigation ul ul{
	padding-left:2px;
}



#navigation ul ul li a {
	background-image:url(../images/link.png);
	background-repeat:no-repeat;
	padding-top:0px;
	padding-left:10px;
}
#navigation ul ul ul li a {
	background:none;
	padding-left:5px;
}

.active a {
	color:#888888;
}

#navigation a {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	text-decoration:none;
	font-weight:bold;
}

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


#navigation .first a{
	padding-top:0;
}

#navigation img {
	width:160px;
}

#videoblock a {
	display: block;
	width:145px;
	float:left;
	margin-bottom:20px;
}
/*++++++++++++++++++++*/
/* sidebar +++++++++++*/
/*++++++++++++++++++++*/

#sidebar {
	float:right;
	display:inline;
	width:271px;
	padding:0 41px 0 27px;
}

#sidebar .item {
	float:left;
	display:inline;
	width:241px;
	padding:0 15px 15px 15px;
	border-bottom:1px solid #666666;
	margin-bottom:15px;
	font-size:100%;
}

#sidebar .last {
	border-bottom:none;
	padding-top:0;
	margin-bottom:0;
}

#sidebar .item img {
	float:left;
	display:inline;
	/*width:85px;*/
	/*height:85px;*/
}

#sidebar .item .teaser_content {
	margin-left:100px;
}

#sidebar .item h2 {
	margin-bottom:6px;
	margin-top:-7px;
	margin-top:0;
}

#sidebar .item h2 img{
	/*width:auto;*/
	/*height:auto;*/
	float:none;
}

#sidebar .item .teaser_content {
	line-height:1.6em;
}

#sidebar .werbung{
	float:left;
	display:inline;
	display:none;
	width:256px;
	padding:15px 0 15px 15px;
	border-top:1px solid #666666;
}

#sidebar .werbung a {
	width:69px;
	float:left;
	margin-right:15px;
	display:inline;
}

/*++++++++++++++++++++*/
/* content +++++++++++*/
/*++++++++++++++++++++*/

#content {
	margin-left:231px; /*navigation=259+border=1+margin-left=30*/
	margin-right:370px; /*sidebar=339+border=1+margin-right=30*/
}

/* IE/WIN 3px gap*/
* html #content {
	margin-left:227.9px;
	margin-right:366.9px;
	height:1%;
}

#content img {
	margin-bottom:22px;
}
#content h2 img{
	margin-bottom:0;
	margin-bottom:-1em;
}

#content h2.top img{
	margin-top:-8px;
}

#content h3{
	margin-top:1em;
	font-weight:bold;
}

#content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-top:1em;
	line-height:2em;
}

#content p a {
	font-weight:normal;
}

#content .produktbild{
	float:left;
	width:100px;
	height:200px;
	margin-bottom:1em;
	margin-right:1em;
}

/**********************/
/* page-foot **********/
/**********************/

#page-foot{
	background-color:#e8e8ea;
	background-image:url(../images/foot_bg.gif);
	background-repeat:repeat-x;
	clear:both;
	color:#666666;
	font-size:9px;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:30px;
	height:1%;
}

/*++++++++++++++++++++*/
/* meta-navigation +++*/
/*++++++++++++++++++++*/

#meta-navigation {
	float:left;
	display:inline;
}

#meta-navigation ul{
	list-style:none;
}
#meta-navigation li {
	padding:0 6px;
	border-left:1px solid #666666;
	display:inline;
}
#meta-navigation li.first {
	margin-left:20px;
	padding-left:0;
	border-left:0;
}
#meta-navigation a {
	text-decoration:none;
	color:#666666;
}

/*+++++++++++++++++++++++++*/
/* copyright & newsletter++*/
/*+++++++++++++++++++++++++*/

#copyright {
	float:right;
	display:inline;
	margin-left:100px;
}

#copyright a {
	font-size: 14px;
}

#newsletterlink {
	float:left;
	display:inline;
	margin-left:100px;
}

#newsletterlink a {
	font-size:12px;
}

a{
	color:#666666;
	outline:none;
}

/* CSS Document */

#faq {

}

#faq .show {
	border:1px solid #dddddd;
	margin-bottom:1em;
	margin-top:1em;
	padding:0 1em 1em 1em;
}

#faq span{
	cursor:pointer;
	font-weight:bold;
	font-weight:normal;
	color:#999999;
	color:#666666;
	text-decoration:none;
}

#faq .item strong {
	font-weight:bold;
	color:#999999;
	text-decoration:underline;
}
#faq .item .frage a:hover{
	/*text-decoration:underline;*/
}



#faq .show .frage {
	/*border-bottom:1px solid #dddddd;*/
}

#faq .item .antwort {
	display:none;
}

#faq .show .antwort{
	display:block;
}
/* CSS Document */

#tipps {
	padding-top:15px;

}

#tipps .tipp {
	/*border:1px solid #eeeeee;*/
	/*padding:0 1em 0 1em;*/
	line-height:1em;
}

#tipps .tipp p{
	margin-top:0;
}

#tipps .show p{
	margin-top:1em;
}

#tipps .show {
	border:1px solid #eeeeee;
	padding:0 1em 1em 1em;
	margin:15px 0;
}

#tipps .tipp_text {
	/*padding-left:1em;*/
}

#tipps .ersteller {
	/*text-align:right;*/
}

#tipps span{
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;
	color:#999999;
	border-bottom:1px solid #eeeeee;
}

#tipps .tipp_text {
	display:none;
}


#tipps .show .tipp_text {
	display:block;
}

#tipps .ersteller {
	display:none;
}
#tipps .show .ersteller {
	display:block;
}

 <!-- label { float:left; margin:5px; display:block; width:150px; } input { width: 180px; margin:5px; border: 1px solid #999999; } textarea { border:1px solid #999999; margin:5px; } -->
 /* CSS Document */

#kontakt {
	float:left;
	display:inline;
	width:394px;
	font-size:12px;
	margin-top:1em;
}

#kontakt label,
#kontakt input,
#kontakt textarea,
#kontakt select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	display:inline;
	width:232px;
	margin-bottom:1em;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#ffffff;
	color:#666666;
}

#kontakt label {
	width:132px;
}
#kontakt .submit{
	border-top-color:#cccccc;
	border-left-color:#cccccc;
	background-color:#f7f7f7;
	outline:none;
}

#kontakt .submit {
	width:160px;
}

#kontakt br {
	clear:both;
}

#kontakt input,
#kontakt textarea {
	border:1px solid #666666;
}

#kontakt textarea {
	height:234px;
}

/*IE Scroll*/

#kontakt textarea {
  scrollbar-base-color:#f0f0f0;
  scrollbar-3d-light-color:#f7f7f7;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#999999;
  scrollbar-face-color:#f0f0f0;
  scrollbar-highlight-color:#f7f7f7;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color:#f7f7f7;
}

/* CSS Document */

#newsletter {
	float:left;
	display:inline;
	width:394px;
	font-size:12px;
	margin-top:1em;
}

#newsletter label,
#newsletter input,
#newsletter textarea,
#newsletter select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	display:inline;
	width:212px;
	margin-bottom:1em;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#ffffff;
	color:#666666;
}

#newsletter select{
	margin-left:5px;
}
#newsletter .submit{
	border-top-color:#cccccc;
	border-left-color:#cccccc;
	background-color:#f7f7f7;
	outline:none;
}

#newsletter label,
#newsletter .submit {
	width:160px;
}

#newsletter br {
	clear:both;
}

#newsletter input,
#newsletter textarea,
#newsletter select {
	border:1px solid #666666;
}

#newsletter textarea {
	height:234px;
}

/*IE Scroll*/

#newsletter textarea {
  scrollbar-base-color:#f0f0f0;
  scrollbar-3d-light-color:#f7f7f7;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#999999;
  scrollbar-face-color:#f0f0f0;
  scrollbar-highlight-color:#f7f7f7;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color:#f7f7f7;
}

#newsletter .Anrede {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0;
	width:20px;
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#ffffff;
	color:#666666;
}


.SauberesTrinkwasserLabel{
	float:left;
	display:inline;
	width:241px;
	padding:0 15px 15px 15px;
	border-top:1px solid #666666;
	padding-top:15px;
	font-size:100%;
}

DIV.ipadform{width:374px; min-height:320px; padding:10px; background:#6D7A8D url('../images/form_bg.png') no-repeat top right}
/*DIV.ipadForm .title*/
DIV.ipadform .formtitle, DIV.ipadform .formsubtitle{color:#ffffff; padding:0; margin:0; font-weight: bold; font-size: 22px}
DIV.ipadform .formsubtitle{width:230px; border-bottom: 1px solid #ffffff; padding-bottom: 5px}
DIV.ipadform .info{width:230px;font-size: 11px; padding-top: 20px; color:#ffffff; font-weight: bold}
DIV.ipadform FORM{padding-top:30px; width:195px}
DIV.ipadform FORM INPUT{margin:5px 0; height:15px; line-height:15px; border:none; font-size: 12px; color:#959292}
DIV.ipadform FORM INPUT[type=text]{background: url('../images/inp_bg.png') no-repeat left center;padding:0 10px; width:171px;}
DIV.ipadform FORM INPUT[type=submit]{background: url('../images/submit_bg.png') no-repeat bottom center; height:auto; width:62px; text-align: center; cursor:pointer}

DIV.ipadform .error{margin-top:15px}
DIV.ipadform .error SPAN{font-weight:bold}
DIV.ipadform .error UL{list-style: none}
DIV.ipadform .error UL LI{padding:3px 0}