/* CSS Document */
/* AQUARINO Tafelwassersysteme
www.aquarino.de
Start 04. Juni 2007
Letzte Aenderung am 16. Juli 2007
*/
/* Design und Realisierung
www.pixelwebstudio.de
*/
/* Site background colors
Header-Blau: #6F95C4
Navigation-Blau: #003366
Content-Blau: #D5DDE3
Footer-Blau: #6F95C4
Dunkel-Blau: #224E68
Border-Rot: #B21918
Link-Rot: #AF4646
Info-Box-Blau: #3984B0
*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}
/* Layout -------------------------------------------------------------------------------------------------------------- */
#wrapper {
width: auto;
margin: 0 auto;
text-align: left;
}

#header {
float: left;
width: 100%;
height: 125px;
background: #6F95C4 url(../01_images/img_bgr_header.png) top left repeat-x;
}

#navigation {
float: left;
width: 100%;
height: 40px;
background: #003366 url(../01_images/img_bgr_navigation.png) top left repeat-x;
}

#information {
float: left;
width: 100%;
height: 100%;
background: #FFF;
}

#spruch {
float: left;
width: 100%;
height: 40px;
background: #FFF url(../01_images/img_spruch.png) repeat;
}

#effecttop {
float: left;
width: 100%;
height: 10px;
background: #FFF url(../01_images/img_bgr_effect.png) bottom left repeat-x;
}

#content {
float: left;
width: 100%;
height: 100%;
background: #FFF;
}

#effectbottom {
float: left;
width: 100%;
height: 30px;
background: #FFF url(../01_images/img_bgr_infounten.png) bottom left repeat-x;
}

#footer {
float: left;
width: 100%;
height: 100px;
background: #FFF url(../01_images/img_bgr_footer.png) top left repeat-x;
}

/* Rahmenboxen760 ---------------------------------------------------------------------------------------------------- */
#header760 {
float: none;
margin: 0 auto 0 auto;
width: 760px;
height: 125px;
background: #6F95C4 url(../01_images/img_bgr_header_logo.png) top left no-repeat;
}

#navigation760 {
float: none;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
width: 760px;
height: 40px;
background: none;
}

#information760 {
float: none;
margin: 0 auto 0 auto;
width: 760px;
height: 100%;
background: none;
}

#spruch760 {
float: none;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
width: 760px;
height: 40px;
background: none;
}

#content760 {
float: none;
margin: 0 auto 0 auto;
width: 760px;
height: 100%;
background: #FFF;
}

#footer760 {
float: none;
margin: 0 auto 0 auto;
width: 760px;
height: 100px;
background: none;
}

/* Inhaltsboxen -------------------------------------------------------------------------------------------------------- */
.iheaderleft {
float: left; 
margin: 0 -3px 0 0;
padding: 1px 0 0 10px;
text-align: left;
width: 400px;
height: auto;
background: none;
color: #fff;
font-weight: normal;
font-size: 85%;
}
.iheaderright {
float: right; 
margin: 0 0 0 -3px;
padding: 1px 10px 0 0;
text-align: right;
width: 300px;
height: auto;
background: none;
color: #fff;
font-size: 85%;
}

.iinformationleft {
float: left; 
margin: 8px -3px 0 0;
padding: 6px 0 5px 0;
text-align: left;
width: 510px;
height: 100%;
background: none;
color: #333;
font-size: 95%;
border-right: 1px dotted #FFF;
}

.iinformationright {
float: right; 
margin: 8px 0 0 -3px;
padding: 6px 0 0 0;
text-align: left;
width: 210px;
height: 100%;
background: none;
}

.icontentleft {
float: left; 
margin: 5px -3px 0 0;
padding: 5px 0 10px 0;
text-align: left;
width: 520px;
height: auto;
border-right: 1px dotted #D5DDE3;
background: #FFF;
color: #333;
font-size: 100%;
}
.icontentleft760 {
float: left; 
margin: 5px -3px 0 0;
padding: 5px 0 10px 0;
text-align: left;
width: 760px;
height: auto;
background: #FFF;
color: #333;
font-size: 100%;
}

.icontentright {
float: right;
margin: 5px -3px 0 0;
padding: 5px 0 10px 5px;
text-align: left;
width: 215px;
height: auto;
background: #FFF;
color: #333;
font-size: 95%;
}

.ifooterleft {
float: left; 
margin: 0 -3px 0 0;
padding: 5px 0 0 0;
text-align: left;
width: 430px;
height: auto;
background: none;
color: #224E68;
font-size: 85%;
}
.ifooterright {
float: right; 
margin: 0 0 0 -3px;
padding: 5px 0 0 0;
text-align: right;
width: 300px;
height: auto;
background: none;
color: #333;
font-size: 85%;
}

/* p-lines ------------------------------------------------------------------------------------------------------------ */
p.firstleft {
float: left; 
width: 500px;
margin: 0 auto;
padding: 2px 0 2px 2px;
font-size: 95%;
color: #000;
border-bottom: 1px dotted #D5DDE3;
}

p.firstright {
float: right; 
width: 210px;
margin: 0 auto;
padding: 2px 0 2px 2px;
text-align: left;
font-size: 95%;
color: #0099FF;
border-bottom: 1px dotted #D5DDE3;
}

p.firstleftagbs {
float: left; 
width: 758px;
margin: 0 auto;
padding: 2px 0 2px 2px;
font-size: 95%;
color: #000;
border-bottom: 1px dotted #D5DDE3;
}

/* Text-Boxen ------------------------------------------------------------------------------------------------------------ */
.boxheadlines{
float: left; 
margin: 5px -3px 0 0;
padding: 5px 0 0 2px;
text-align: left;
width: 498px;
height: auto;
background: #FFF;
color: #0099FF;
font-weight: bold;
font-size: 110%;
letter-spacing: 2px;
}

.boxallgemein {
float: left; 
margin: 2px -3px 0 0;
padding: 8px 8px 10px 2px;
text-align: left;
width: 490px;
height: auto;
background: #FFF;
color: #2E5B89;
font-size: 100%;
}

.boxrighttext {
float: left; 
margin: 0 auto;
padding: 5px 0 5px 5px;
text-align: left;
width: 195px;
height: auto;
background: none;
border-bottom: 1px dotted #DFE9FA;
color: #333;
font-size: 90%;
}

.boxsidebar {
float: left; 
margin: 10px -3px 0 0;
padding: 5px 0 0 5px;
text-align: left;
width: 205px;
height: auto;
background: none;
}

.boxallgemeinpresse {
float: left; 
margin: 2px -3px 0 0;
padding: 8px 8px 10px 2px;
text-align: left;
width: 490px;
height: auto;
background: #FFF;
color: #2E5B89;
font-size: 95%;
}

.boxallgemeinsitemap {
float: left; 
margin: 2px -3px 0 0;
padding: 5px 10px 10px 2px;
text-align: left;
width: 485px;
height: auto;
background: #FFF;
color: #2E5B89;
font-size: 100%;
}

.boxallgemeinagbs {
float: left; 
margin: 2px -3px 0 0;
padding: 5px 10px 10px 2px;
text-align: left;
width: 745px;
height: auto;
background: #FFF;
color: #2E5B89;
font-size: 100%;
}
.boxheadlinesagbs{
float: left; 
margin: 5px -3px 0 0;
padding: 5px 0 0 2px;
text-align: left;
width: 750px;
height: auto;
background: #FFF;
color: #0099FF;
font-weight: bold;
font-size: 110%;
letter-spacing: 2px;
}

/* Foto-Text-Boxen ------------------------------------------------------------------------------------------------------------ */
.fotoleftunderline{
float: left;
margin: 0 0 5px 0;
padding: 10px 0 12px 0;
width: 500px;
height: auto;
text-align: left;
color: #2E5B89;
font-size: 100%;
border-bottom: 1px dotted #DFE9F4;
}

.fotorightunderline{
float: left;
margin: 0 0 5px 0;
padding: 10px 0 12px 0;
width: 500px;
height: auto;
text-align: right;
color: #2E5B89;
font-size: 100%;
border-bottom: 1px dotted #DFE9F4;
}

.boxrightbild {
float: left; 
margin: 0 auto;
padding: 10px 0 3px 5px;
text-align: left;
width: 195px;
height: auto;
background: none;
color: #333;
font-size: 90%;
}

/* Foto-Effects ------------------------------------------------------------------------------------------------------------------ */
.fotoleft {
float: left;
font-size: 70%;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #FFF;
}

.fotoleftpresse {
float: left;
margin: 10px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #FFF;
}

.fotolefthblau {
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #DFE9FA;
}

.fotoleftdblau {
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #2E5B89;
}

.fotoright {
float: right;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #fff;
}

/* Allgemeines ------------------------------------------------------------------------------------------------------------------ */
body {
	font-size: 75%;
	line-height: 1.6em;
	color: #2E5B89;
	background: #FFF;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

/* Listings ------------------------------------------------------------------------------------------------------------------ */
ol {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 10px;
list-style-type: decimal;
}

ul {
margin: auto 10px 10px;
padding: 0px 0px 0px 10px;
list-style-type: circle;
}

/* Absaetze ------------------------------------------------------------------------------------------------------------------ */
p {
	margin: 0.5em 0;
	clear: both;
}

/* Kleinerer Text */
.s {
	font-size: 0.8em;
}

/* H1-H4 ------------------------------------------------------------------------------------------------------------------ */

h1, h2, h3, h3, h4, h5, h6 {
margin: 0px 0 10px 0px;
}

h1 {
font-size: 140%;
font-weight: normal;
color: #224E68;
}

h2 {
font-size: 120%;
font-weight: normal;
color: #224E68;
}

h3 {
font-size: 110%;
font-weight: normal;
color: #224E68;
}

h4 {
font-size: 105%;
font-weight: lighter;
color: #B21918;
}

/* NAVIGATION ------------------------------------------------------------------------------------------------------------ */
/* Hauptnavigation */
#navcontainer ul
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #FFF;
border-left: 1px solid #24578A;
color: White;
font-weight: bold;
font-size: 0.9em;
letter-spacing: 0.1px;
float: left;
width: 100%;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.6em 1em 0.4em 1em;
color: #FFF;
font-size: 0.9em;
text-decoration: none;
float: left;
border-right: 1px solid #24578A;
}
#navcontainer ul li a:hover
{
padding: 0.6em 1em 0.4em 1em;
background: url(../01_images/img_bgr_navigation_box_current.png) repeat;
color: #FFF;
}
#navcontainer ul li a#current {
color: #99CCFF;
border-right: 1px solid #24578A;
background: url(../01_images/img_bgr_navigation_box_current.png) repeat;
}
#navcontainer a b {
font-size: 0.9em;
text-decoration: none;
color: #99CCFF;
}

/* Containermenu Quickbereich */
.quickcontainer {
float: right;
width: 100%;
height: auto;
margin: 0px;
text-align: left;
padding: 0 0 0 0px;
}
.quickcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 0.9em;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}
.quickcontainer a
{
display: block;
padding: 2px 0px 2px 2px;
width: 100%;
border-bottom: 1px dotted #fff;

}
.quickcontainer a:link
{
padding: 2px 0px 2px 2px;
color: #7AA7D3;
text-decoration: none;
border-bottom: 1px dotted #D5DDE3;
}
.quickcontainer a:hover
{
border-bottom: 1px dotted #D5DDE3;
color: #224E68;
}
.quickcontainer a:visited
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.quickcontainer a:active
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.quickcontainer li#active a
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.quickcontainer a:start {
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.quickcontainer li#start a
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.quickcontainer li#start a:hover
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}

/* Containermenu Information Produkte */
.infoprocontainer {
float: left;
width: 100%;
height: auto;
margin: 0px;
text-align: left;
padding: 0 0 0 0px;
}
.infoprocontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 0.9em;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}
.infoprocontainer a
{
display: block;
padding: 2px 0px 2px 2px;
width: 100%;
border-bottom: 1px dotted #D5DDE3;

}
.infoprocontainer a:link
{
padding: 2px 0px 2px 2px;
color: #224E68;
text-decoration: none;
border-bottom: 1px dotted #D5DDE3;
}
.infoprocontainer a:hover
{
border-bottom: 1px dotted #D5DDE3;
color: #7AA7D3;
}
.infoprocontainer a:visited
{
border-bottom: 1px dotted #D5DDE3;
color: #224E68;
}
.infoprocontainer a:active
{
border-bottom: 1px dotted #D5DDE3;
color: #000;
}
.infoprocontainer li#active a
{
border-bottom: 1px dotted #D5DDE3;
color: #000;
}
.infoprocontainer a:produkt
{
border-bottom: 1px dotted #D5DDE3;
color: #666;
}
.infoprocontainer li#produkt a
{
border-bottom: 1px dotted #D5DDE3;
color: #666;
}
.infoprocontainer li#produkt2 a
{
border-bottom: 1px dotted #D5DDE3;
color: #666;
}
.infoprocontainer li#produkt3 a
{
border-bottom: 1px dotted #D5DDE3;
color: #666;
}
.infoprocontainer a:start {
border-bottom: 1px dotted #D5DDE3;
color: #FFF;
}
.infoprocontainer li#start a
{
border-bottom: 1px dotted #D5DDE3;
color: #6699FF;
}
.infoprocontainer li#start a:hover
{
border-bottom: 1px dotted #D5DDE3;
color: #224E68;
}

/* Footer Link --------------------*/
a.footerlink:link {
color: #333;
text-decoration: none;
}
a.footerlink:visited {
color: #333;
text-decoration: none;
}
a.footerlink:hover {
text-decoration: underline;
}

/* Foto Link -------------- */
a.fotoleftdblau:link {
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #DFE9FA;
}

a.fotoleftdblau:visited {
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #99CCFF;
}

a.fotoleftdblau:hover {
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #99CCFF;
background: #CFDFEF;
}

/* Allgemeiner Link -------------- */
a:link {
	color: #333;
	text-decoration: none;
}
a:hover {
    color: #333;
	text-decoration: none;
}
a:focus {
    color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}

/* Mengentext ---------------------*/
a.mengentext:link {
color: #0099FF;
font-weight:normal;
border-bottom: 1px dotted #224E68;
}

a.mengentext:hover {
color: #224E68;
font-weight:normal;
background-color: #FFF;
border-bottom: 1px dotted #224E68;
}

a.mengentext:focus {
color: #0099FF;
font-weight:normal;
background-color: #FFF;
border-bottom: 1px dotted #224E68;
}

a.mengentext:active {
color: #0099FF;
font-weight:normal;
border-bottom: 1px dotted #224E68;
}

a.mengentext:visited {
color: #0099FF;
font-weight:normal;
border-bottom: 1px dotted #224E68;
}

/* Blauer Link --------------------------*/
a.blauerlink:link {
color: #0099FF;
text-decoration: none;
}

a.blauerlink:visited {
color: #0099FF;
text-decoration: none;
}

a.blauerlink:hover {
color: #224E68;
text-decoration: none;
}

/* Kontaktformular ------------------------------------------------------------------------------------------------------------ */
.formular {
margin:0px 0 0px 0px;
width:480px;
font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
   }
.fehler {
color:<?php echo $fehlercolor ; ?>;
text-align:left;
}
.box {
margin-top:10px;
}
.um {
margin-left: 5px;
}
.bez {
float:left;
text-align:left;
width:13em;
line-height:25px;
}
input {
background: #efefef;
margin: 7px 0 0px 0;
padding: 2px 2px 2px 5px;
vertical-align: top;
border: 1px solid #4f5e71;
}
.nachricht {
clear:both;
text-align:left;
}
textarea {
border: 1px solid #4f5e71;
background: #ffffff;
margin: 7px 0 0px 0;
padding: 2px 2px 5px 5px;
vertical-align: top;
border: 1px solid #4f5e71;
}