html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	background-color: #6aa4d9;
	background-image: url(images/bg_verlauf_kachel.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #003D8B;
}

a:link, a:visited {
	text-decoration: none;
	color: #003D8B;
}

a:hover {
 	text-decoration: underline;
}

fieldset {
	border: 0;
}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin: 4px 0 0 0;
}

h2 {
	font-size: 1.2em;
	margin: 16px 0 -10px 0;
}

h3 {
	font-size: 1.2em;
	margin: 16px 0 -10px 0;
	color: #c21002;
}

label {
	font-size: 1.2em;
	display: block;
	width: 80px;
	float: left;
	padding-right: 5em; 
}

input, select, textarea {
	font-size: 1.0em;
	border-top: 1px solid #75736e;
	border-left: 1px solid #75736e;
	border-right: 1px solid #f2f0ee;
	border-bottom: 1px solid #f2f0ee;
	background-color: #e9f4fc;
	margin-bottom: 5px;
}
textarea {
	font-size: 1.4em;
}

img {
	border: 0;
}

p.bodytext {
	font-size: 1.2em;
	line-height: 1.4em;
}

p.bodytext a:link, p.bodytext a:visited {
	color: #c21002;
}

ul {
	font-size: 1.2em;
}

.alt {
	background-color: #f5f5f5;
}

.tmpl_container_verlauf {
	height: auto;
	min-height: 100%;
	background: transparent url(images/bg_verlauf.jpg) no-repeat top left;
}

.tmpl_container_luftblasen {
	height: auto;
	min-height: 100%;
	background: #6aa4d9 url(images/bg_luftblasen.jpg) no-repeat top left;
}

* html #tmpl_container {	/* IE-Hack */
	height: 100%;
}

/* Kopfzeile START */
#tmpl_header {
	width: 100%;
	height: 110px;
	background-image: url(images/bg_header.jpg);
}

#tmpl_slogan {
	margin: 0 0 0 600px;
	height: 100px;
	width: 400px;
}

.tmpl_slogan_wasFuerEinWasser {
	background-image: url(images/logo_wasFuerEinWasser.jpg);
}

.tmpl_slogan_wasFuerEinSortiment { 
	background-image: url(images/logo_wasFuerEinSortiment.jpg);
	display:block;
}

#tmpl_header #tmpl_navigation {
	float: left;
	padding-top: 12px;
	font-size: 1.7em;
	color: #fff;
}
#tmpl_header #tmpl_navigation ul {
	font-size: 1.0em;
	list-style-type: none;
	margin: 0;
	margin-left: -25px;
}
#tmpl_header #tmpl_navigation ul#layer2 {
	clear: both;
	padding-top: 6px;
}
#tmpl_header #tmpl_navigation ul li {
	float: left;
	padding-right: 20px;
}
#tmpl_header #tmpl_navigation ul li a:link,
#tmpl_header #tmpl_navigation ul li a:visited {
	color: #fff;
}

#tmpl_header #tmpl_navigation ul#layer1 li .active,
#tmpl_header #tmpl_navigation ul#layer2 li .active {
	color: #284379;
}
/* Kopfzeile ENDE */


/* Banner START */
#tmpl_banner {
	width: 100%;
}

.tmpl_banner_verlauf {
	background: #6aa4d9 url(images/bg_banner_verlauf.jpg) no-repeat left;
	height: 226px;
}

.tmpl_banner_luftblasen {
	background: #6aa4d9 url(images/bg_banner_luftblasen.jpg) no-repeat left;
	height: 251px;
}

/* Banner Bilder START */
#banner_img_left {
	float: left;
	margin-left: 87px;
	width: 400px;
	height: 226px;
	display: inline; /* IE Fix: Double Bug */
}
#banner_img_right {
	margin-left: 24px;
	float: left;
	width: 400px;
	height: 226px;
}
#banner_img_center {
	margin-left: 87px;
	width: 824px;
	height: 226px;
}
#banner_img_leftText { }
/* Banner Bilder ENDE */

/* Banner ENDE */


/* Seitentitel START */
#tmpl_pageTitle {
	margin: 20px 0px 0px 272px;
	width: 640px;
	text-align: right;
	color: #333366;
	font-size: 2.0em;
}
/* Seitentitel ENDE */


/* Logo START */
#tmpl_logo {
	float: left;
	width: 130px;
	height: 110px;
	background-image: url(images/logo_badDriburgerNaturquellen.gif);
	display: inline; /* IE Fix: Double Bug */
}

.tmpl_logo_verlauf {
	margin: 67px 0 0 72px;
}

.tmpl_logo_luftblasen {
	margin: 356px 0 0 53px;
}

.tmpl_logo_luftblasen_detail {
	margin: 128px 0 0 53px;
}
/* Logo ENDE */


/* Fu�zeile START */
#tmpl_footer {
	clear: both;
	width: 100%;
	height: 20px;
	background-color: #86BBE9;
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	/*background-image: url(css/images/bg_footer1.jpg);*/
}
/* Fu�zeile ENDE */


/* Suche (wird nur auf der Startseite angezeigt) START */
#tmpl_header #tmpl_start_search {
	margin-top: -24px;
	padding-left: 15px;
	font-size: 1.5em;
	color: #fff;
}
#tmpl_header #tmpl_start_search input {
	width: 180px;
	border: 1px solid #fff;
	background-color: #68a5dc;
	font-size: 0.8em;
	color: #fff;
	padding: 2px;
}
/* Suche ENDE */


/* Brotkrumen-Navigation (wird nur auf Folgeseiten angezeigt) START */
#tmpl_breadcrumb {
	margin-top: -25px;
	padding-left: 15px;
	font-size: 1.2em;
	font-weight: bold;
}
/* Brotkrumen-Navigation ENDE */


/* CSS-Klassen f�r das Template tmpl_start_2bannerTeaser.html, tmpl_start_1bannerTeaser.html */
#tmpl_teaser_container {
	margin: 24px 0 0 70px;
	float: left;
	width: 640px;
	height: 281px;
	padding-bottom: 20px;
}
#tmpl_teaser_container .teaser {
	float: right;
	margin-left: 13px;
	width: 162px;
	height: 281px;
	background-color: #fff;
}
#tmpl_teaser_container .teaser .teaserHeadline {
	float: right;
	margin: 8px 10px 8px 0;
	width: 152px;
	text-align: right;
	font-size: 1.9em;
}
#tmpl_teaser_container .teaser .teaser_bildMitLink_content {
	clear: both;
	width: 142px;
	height: 231px;
	margin: 0 10px 0 10px;
}
#tmpl_teaser_container .teaser .teaser_bildMitLink_image { }
#tmpl_teaser_container .teaser .teaser_bildMitLink_link {
	margin-top: 5px;
}
#tmpl_teaser_container .teaser .teaser_bildMitText_text {
	padding-left: 5px;
	line-height: 1.3em;
}
/* ENDE */


/* CSS-Klassen f�r das Template tmpl_fs_2bannerText.html */
#tmpl_content {
	float: left;
	background-color: #fff;
	margin: 8px 0px 0px 70px;
	width: 628px;
	margin-bottom: 20px;
	padding: 6px;
}
/* ENDE */


/* CSS-Klassen f�r das Template tmpl_start_1bannerTeaser.html */
#tmpl_banner_subtext_container {
	margin-top: 10px;
	height: 55px;
	background-color: #fff;
	filter: alpha(opacity=72);
	-moz-opacity: 0.72;
	padding: 4px;
}
#tmpl_banner_subtext {
	width: 950px;
	font-size: 1.8em;
	line-height: 1.5em;
	padding-left: 15px;
}
#tmpl_banner_subtext a:link, #tmpl_banner_subtext a:hover, #tmpl_banner_subtext a:visited {
	color: #DE252D;
	background: transparent url(images/doppelpfeil_rechts_rot.gif) no-repeat right;
	padding-right: 25px;	
}
/* ENDE */


/* CSS-Klasse f�r das Template tmpl_sortiment_start.html */
#tmpl_header_bar {
	height: 25px;
	background-color: #fff;
	filter: alpha(opacity=28);
	-moz-opacity: 0.28;
}
#tmpl_productLine_container {
	float: left;
	margin: 0 0 0 51px;
	width: 564px;
}
#tmpl_productLine_container .productLine {
	width: 548px;
	height: 125px;
	background-color: #fff;
	padding: 12px 8px;
	font-size: 1.0em;
	margin: 0 0 10px 0;
}
#tmpl_productLine_container .productLine img {
	padding: 0 8px;
	margin-top: -11px;
}
#tmpl_productLine_container .productLine .productHeadline {
	font-size: 1.2em;
	font-weight: bold;
}
#tmpl_productLine_container .productLine .productTeaser {}
#tmpl_sidebar {
	float: left;
	margin: 0 0 0 12px;
	width: 159px;
	padding: 4px;
}
#tmpl_sidebar .sidebarItem {
	background-color: #fff;
}
#tmpl_sidebar h1 {
	background-color: #fff;
	padding: 3px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 14px 0 0;
}
/* ENDE */


/* CSS-Klassen f�r das template tmpl_sortiment_fs.html */
#tmpl_banner #banner_text_container {
	float: left;
	width: 367px;
	height: 200px;
	margin-top: 25px;
	padding: 0 16px;
	position: relative;
}
#tmpl_banner #banner_text_right  {
	position: absolute;
	bottom: 0;
}
#tmpl_banner #banner_text_right #banner_text_headline {
	font-size: 1.2em;
	font-weight: bold;
}
#tmpl_productLine_content {
	float: left;
	margin: 15px 0 20px 88px;
	width: 602px;
	background-color: #fff;
	padding: 8px;
}
/* ENDE */


/* CSS-Klassen f�r die Sortiments�bersicht */
#tmpl_productLine_container .productLine.bottleHori {
	background-image: url(images/productLine_bg_bottleHorizontal.jpg);
}
#tmpl_productLine_container .productLine.bottleTransRight {
	background-image: url(images/productLine_bg_bottleTransRight.jpg);
}
#tmpl_productLine_container .productLine.bottleGreenLeft {
	background-image: url(images/productLine_bg_bottleGreenLeft.jpg);
}
#tmpl_productLine_container .productLine.bubblesBlueLeft {
	background-image: url(images/productLine_bg_bubblesBlueLeft.jpg);
}
#tmpl_productLine_container .productLine.bubblesOrangeRight {
	background-image: url(images/productLine_bg_bubblesOrangeRight.jpg);
}
#tmpl_productLine_container .productLine.bubblesYellowRight {
	background-image: url(images/productLine_bg_bubblesYellowRight.jpg);
}
#tmpl_productLine_container .productLine.fruitApple {
	background-image: url(images/productLine_bg_fruitApple.jpg);
}
#tmpl_productLine_container .productLine.fruitOrange {
	background-image: url(images/productLine_bg_fruitOrange.jpg);
}
#tmpl_productLine_container .productLine.fruitLemon {
	background-image: url(images/productLine_bg_fruitLemon.jpg);
}
/* ENDE */


/* CSS-Klassen f�r die H�ndlersuche */
table.distributorSearch {
	border: 0;
	margin-top: 10px;
}
table.distributorSearch TD {
	padding: 0 0 5px;
}
table.distributorSearch select {
	width: 120px;
}
/* ENDE */


/* CSS-Klassen f�r tt_news */
.news-latest-morelink {
	padding-bottom: 20px;
}
.news-latest-morelink a:link, .news-latest-morelink a:visited,
.news-single-backlink a:link, .news-single-backlink a:visited {
	color: #c21002;
}
.news-latest-container h2, .news-single-item h2 {
	margin: 8px 0 0 0;
}
.news-latest-date, .news-single-timedata {
	font-size: 1.1em;
}
.news-latest-item {
	margin-top: 10px;
}
.news-latest-item img, .news-single-item img {
	padding: 0 0 5px 5px;
	border: 0;
}

/* ENDE */

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.center {
	text-align: center;
}

.csc-textpic-caption {
	padding-top: 8px;
}

.available {
	background-image: (images/sortiment_haken.gif);
}

#tmpl_content.noMargin {
	margin-top: 0px;
}
#tmpl_logo.unten {
	margin-top: 355px;	
}

.contactPaddingBottom {
	padding-bottom: 25px;
}

