/* 
Triton Water AG
2009, Triquart Neue Medien Hamburg 
*/

body {
	font-size: 10px;
	background-color: #ffffff;
	background-image: url(../images/);
	background-repeat: repeat-x;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	}

a {
	color: #000000;
}
	
/* Centered Website Container */

#wrapper {
	margin: 0 auto; 
	width: 100em;
	background-color: #ffffff;
}

/* Headlines */

.tv_page_2col_1 h1 {
	font-size: 1.8em;
	color: #4c83aa;
	margin: 1.5em 0 1.5em 0;
}

.tv_page_2col_1 h1 {
	font-size: 1.4em;
	color: #4c83aa;
}

.bodytext {
	font-size: 1.1em;
	color: #333333;
}

/* Site Navigation */

#navigation {
	padding-left: 1em;
	height: 4em;
	background-image: url(../images/bg_nav.gif);
	background-repeat: no-repeat;
	float: left;
	width: 99em;
}
	
#mainNavigation{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainNavigation li {
	float: left;
	height: 4em;
	background-image: url(../images/bg_nav_li.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#mainNavigation li a{ 
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #def2f9;
	float: left;
	padding: .9em 1.2em 0 1.2em;
	margin-top: .3em;
	background-color: transparent;
}

#mainNavigation li ul li {
	height: 2.5em;
	background-image: url(../images/bg_nav_sub.gif);
	background-repeat: repeat-x;
	border-left: .1em solid #d7dade;
	border-right: .1em solid #d7dade;
	border-bottom: .1em solid #d7dade;
}

#mainNavigation li ul li a{ 
	text-decoration: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #333333;
	padding: .2em 1.2em;
	background-color: transparent;
	display: block;
	width: 9.2em;
}

ul.menu ul {
	display: none;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	display: none;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
display: none;
    }

li.active {
	background-color: #31638d; 
}

/* Site Header */

#header {
	margin-top: 3.4em;
	height: 15em;
}

.header_link,
.header_link_selected {
	display: block;
	float: left;
	color: #000000;
	text-transform: uppercase;
	padding: 1em;
	border-right: .1em solid #e6eaeb;
	margin: 0;
}



#logo {
	float: left;
	margin-left: 2em;
}

#logo img {
	margin:0;
}

#func_nav {
	text-align: right;
	float: right;	
}

#func_nav a {
	font-size: 1.1em;
	text-decoration: none;
	background-color: #ffffff;
	padding: 1em;
}

#category_image {
	width: 100em;
	float: left;
}

/* Search Field */

#search {
	float: right;
	margin: .7em 1.2em 0 0;
}

#search  input{
	background-image: url(../images/bg_search.gif);
	background-repeat: no-repeat;
	border: 0;
	background-color: #4c83aa;	
	font-size: 1.2em;
	padding: .3em 0 .5em .5em;
	width: 12em;
	margin: 0;
	float: left;
}

#search  input.submit{
	background-image: url(../images/bg_search_submit.gif);
	background-repeat: no-repeat;
	border: 0;
	background-color: #4c83aa;	
	font-size: 1.1em;
	padding: 0;
	width: 2.9em;
	height: 2.3em;
	margin: 0;
}

#search label {
	float: left;
	color: #95bbd2;
	font-size: 1.2em;
	margin: .4em .7em 0 0;
}


/* Site Content */

#contentwrap {
	margin-top: 1em;
}

/* Lists */

.tv_page_2col_1 ul li,
.tv_page_2col_2 ul li {
	font-size: 1.1em;
}

.tv_page_2col_1 ul li ul li,
.tv_page_2col_2 ul li ul li{
	font-size: 1em;
}

/* Cols */

.tv_page_2col_1 {
	padding: 0 1em 0 1em;
	width: 65.5em;
	float: left;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-x;
}

.tv_page_2col_1 img {
	float: left;
	margin: 0 1em 1em 0;
}

.tv_page_2col_2 {
	width: 30.5em;
	float: right;
}

/* Site Footer */

#footer {
	padding: 1em;
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 3em;
	border-top: .1em dotted #cccccc;
}

#footer a {
	color: #333333;
	text-decoration: none;
	border-right: 1px solid #333333;
	margin-right: .5em;
	padding: 0 .5em 0 0;
}

#footer_img {
	text-align: center;
	margin-top: 1em;
}

#footer_img img {
	margin: 0 .5em;
}


/* StopFloat Class */

.stopFloat {
  clear: both;
  float: none;
  display: block;
  overflow: hidden;
  font-size: .1em;
  height: 0em;
  line-height: 0em;
  min-height: 0em;
  max-height: 0em;
}

/* Language Switch */

#language_switch {
	float: left;
	margin: 1.2em 0 0 1em;
}

#language_switch ul {
	margin: 0;
	padding: 0;
}

#language_switch li.active {
	background-color: #ffffff;
}

#language_switch li {
	display: inline;
	list-style-type: none;
	padding:0;
	margin: 0;
}

#language_switch li a {
	background-color: transparent;
	padding: 0;
	margin-left: .5em;
}

/* Contact */

.mailformplus_contactform fieldset {
	border: 0;
	padding: 0;
}

.mailformplus_contactform legend {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}

.mailformplus_contactform label {
	margin: 0 1em 0 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	display: inline-block;
	width: 4em;
}

.mailformplus_contactform select,
.mailformplus_contactform input {
	margin: 0 0 1em 0;
}

.mailformplus_contactform .error {
	color: #ff0000;
	font-size: 1.1em;
}

.news-latest-container {
	background-color: #dff2f9;
	float: left;
	width: 28.5em;
	padding: 1em;
}

.newsheader h2 {
	font-size: 1.4em;
	color: #4c83aa;
	margin: 0 0 1em 0;
	float: left;
}

.news-latest-item {
	font-size: 1.1em;
	margin: 0;	
}

.news-latest-item h2 {
	color: #88919a;
	margin: 0;
	font-size: 1em;
}

.news-all {
	background-image: url(../images/bg_news-all.gif);
	background-repeat: no-repeat;
	float: right;
	display: block;
	width: 8.6em;
	height: 1.9em;
	color: #4a84ac;
	text-decoration: none;
	padding: .6em 0 0 2em;
	margin: 0;
}

.news-latest-item p {
	color: #333333;
	margin: .5em 0 .5em 0;
}

.news-latest-item a {
	color: #88919a;
	text-decoration: underline;
}

/* Teaser */

.cat-teaser-wrap {
	margin-top: 1em;
	float: left;
}

.cat-teaser {
	margin: 1em 0 0 1em;
	float: left;
}

.cat-teaser a {
	text-decoration: none;
	color: #4c83aa;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

.cat-teaser img {
	float: left;
	margin-right: 1em;
}

.col1_blue {
	background-color: #dff2f9;
	padding: 1em;
	margin-bottom: 1em;
}

/* Sub Menu */

.sub-menu {
	font-size: 1.2em;
}

.sub-menu a{
	display: block;
	margin-bottom: .5em;
	text-decoration: none;
	background-image: url(../images/icons/pfeil.png);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding: 0 0 0 1.4em;
	margin-bottom: .3em;
}

.sub-menu h2,
.col1_blue h2,
.sub-menu h1,
.col1_blue h1 {
	font-size: 1.4em;
	color: #4c83aa;
	margin: 0 0 1em 0;
}

.col1_blue a.internal-link{
	background-image: url(../images/icons/pfeil.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 0 0 0 1.4em;
	text-decoration: none;
	}