/*
 * Copyright (c) 2008 Mueller-Wirtz
 * version $Revision: 2.0 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
/*   für Homepage meinNettetal.de

*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

body  	{
	background: #fff;
	margin: 5px; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0px;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #e1e6ec;
    	}
a	{ text-decoration:none;

	}
a:hover {
	text-decoration:none;

	}
a:focus {
	text-decoration:none;

	}

h5,h6,div,p,body,html,input,button {
	font: normal 11px Verdana, Arial, Helvetica;
	}

h1 {
	font: normal 12px Verdana, Arial, Helvetica;font-weight: bold;color: black;text-decoration:none;background-color:#e9ed95;background-image: url(../images/h1.gif);background-repeat: repeat-x;/*margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
  padding: 0.4em 0.4em; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	}

h2 {
	font: normal 12px Verdana, Arial, Helvetica;	font-weight: bold;	color: black;	text-decoration:none;	}
h3 {
	font: normal 12px Verdana, Arial, Helvetica;	font-weight: bold;	color: black;	text-decoration:none;	background-color:#e9ed95;	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 5px 2px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	}

h4 {
	font: normal 12px Verdana,Arial,Helvetica;	font-weight: bold;	color: red;	text-decoration:underline;	background-color:#e9ed95;	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 5px 2px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	}


img.block {
	display:block;
	}

div, img {
  	margin:0;
  	padding:0;
  	border:0;
	}

table tr td{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
	}
	
.spalten{
	background: #F6F6F6;
	}
.tx-pilmailform-pi1 .error { color: red; }	
.contenttable contenttable-0{
	vertical-align:top;
}	
/* Header und obere Navigation: */

.header_container   {
	display: block;
	float: left;
	text-align: center;

}
    .header {
	background: #f5f7cf;
	height: 120px;
	padding: 5px 10px 10px 10px;
    }
    .header a {
    color: #000000;
    text-decoration:none;
    }
    
.header a:hover, .header a:focus{
	text-decoration:none;
	color:#d3db2b;
	}
    .header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
.corner_left {
	float: left;
	width: 13px;
}

.corner_right {
	float: right;
	width: 13px;
}

.header_shadow {
	background-color: #eeeeee;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
}

.header_klickpfad {
	color: #6983a1;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:5px 2px 5px 2px;
	/*background:#e9ed95;*/
	margin-top: 10px;
}
.header_klick {
	margin: 0 auto;
	float: left;
	margin-top: 5px;
}

.header_menue_oben/*obere Navigation*/
{
	width: 630px;
	margin-top: 0px;
	padding:5px 2px 5px 2px;
	background:#FFFFFF;
	border: 1px solid #6983a1;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.header_img_left  {
	margin-right: 10px;
	float: left;
}
.header_img_right {
	float: left;
	margin-left: 20px;
}

.logo_mitte {


}

/* Inhalt Mitte mit Content: */

    .container {
	width: 950px;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	background-color: #f5f7cf;
	overflow: hidden;
	/*background-image: url(../images/content/layout_center_1.png);
	background-repeat: repeat-y;*/
    } 
.middle {	overflow: hidden;}
    .mainContent {
	float: left;
	margin: 0 5px;
	width: 580px;
	padding-top: 6px;
	/*background-color: #FFFFFF;*/
    } 
    .mainContent a {
    color:#000000;
    text-decoration:none;
    }
    
.mainContent a:hover, .mainContent a:focus{
	text-decoration:none;
	color:#6983a1;
	}

.content_spalten {
	/*display: table;*/
}

.content_spalten a {
    color: #000000;
    text-decoration:none;
    }
    
.content_spalten a:hover, .content_spalten a:focus{
	text-decoration:none;
	color:#d3db2b;
	}

.content_left {
	float: left;
	width: 190px;
}
.content_center {
	float: left;
	width: 190px;
	margin: 0 3px;
}
.content_right {
	float: left;
	width: 190px;
}

    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	

/* linke Spalte:++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		
    .sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 180px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #c1cbd8;/**/ /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px 0px 5px 0px;
	position: relative;
	overflow: hidden;
	padding-bottom: 160010px;
	margin-bottom:-160000px;
    }
.menue_links/*linke Navigation*/
 {
	width: 180px;
	background-color: #6983a1;
	padding-top: 5px;
	padding-bottom: 5px;
 }
.menue_links a{
	display:block;
	text-decoration:none;
	background-color: #F6F6F6;
	background-image:url(/fileadmin/templates/images/button.png);
	background-repeat: no-repeat;
}

.menue_links a:hover{
background-image:url(/fileadmin/templates/images/button_1.png);
}
.menue_links a:active{
background-image:url(/fileadmin/templates/images/button_1.png);
}
.menue_links a:focus{
background-image:url(/fileadmin/templates/images//button_1.png);
}
.menue_links ul{
list-style-type:square;
}

.menue_links a.menu{
color:black;
padding-left:2px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_links a.menu_a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:black;
padding-left:3px;
padding-top:6px;
padding-bottom:4px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}

.menue_links a.menu_1{

color:black;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_links a.menu_1a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:blue;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}

.menue_links a.menu_2{

color:blue;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_links a.menu_2a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:black;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}
	
/* rechte Spalte:++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 180px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #c1cbd8;/**/ /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px 0px 5px 0px;
	position: relative;
	overflow: hidden;
	padding-bottom: 160010px;
	margin-bottom:-160000px;
    }
    
    .sidebar2 a {
    color: #000000;
    text-decoration:none;
    }
    
.sidebar2 a:hover, .sidebar2 a:focus{
	text-decoration:none;
	color:#d3db2b;
	}
	
.menue_rechts/*rechte Navigation*/
 {
	width: 180px;
	background-color: #6983a1;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menue_rechts a{
	display:block;
	text-decoration:none;
	background-color: #F6F6F6;
	background-image:url(/fileadmin/templates/images/button.png);
	background-repeat: no-repeat;
}

.menue_rechts a:hover{background-color: #ffffff;background-image:url(/fileadmin/templates/images/button_1.png);}
.menue_rechts a:active{background-color: #ffffff;background-image:url(/fileadmin/templates/images/button_1.png);}
.menue_rechts a:focus{background-color: #ffffff;background-image:url(/fileadmin/templates/images/button_1.png);}
.menue_rechts ul{list-style-type:square;}

.menue_rechts a.menu{
color:black;
padding-left:2px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_rechts a.menu_a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:black;
padding-left:2px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}

.menue_rechts a.menu_1{

color:blue;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_rechts a.menu_1a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:black;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}




.menue_rechts a.menu_2{

color:blue;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
}

.menue_rechts a.menu_2a{
background-image:url(/fileadmin/templates/images/button_2.png);
color:black;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#6983a1;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6983a1;
text-decoration:none;
background-color: #F6F6F6;
}
.offer {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 2px 0px 2px;
}

/*Footer*/
    .footer {
	padding: 0px 5px 0px 5px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	clear: both;
	border-top-style: dotted;
	border-top-color: #c1cbd8;
	border-top-width: 1px;
	background-image: url(../images/layout_footer.png);
	background-repeat: repeat-y;
	background-color: #f5f7cf;
    }
    .footer a {
    color: #000000;
    text-decoration:none;
    }
    
.footer a:hover, .footer a:focus{
	text-decoration:none;
	color:#d3db2b;
	} 
    .footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	
.copyright {
	display: block;
	font: bold 8px Verdana,  Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0px 7px 0px;
	float: left;
}
.menue_unten/*untere Navigation*/
 {
	padding:5px 0px 5px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	float:right;
	font-size: 9px;
}
.footer_shadow {
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
	height: 5px;
	clear: left;
	background-color: #e1e6ec;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*tt_products*/
.tx-ttproducts-pi1-wrap1 {
font:  11px Verdana, Arial, Helvetica, sans-serif;
}

.tx-ttproducts-pi1-wrap2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

	/* --- htmlarea --- */
	
.htmlarea-content-body h2 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.3em;
	border-bottom: 1px dotted #bbbbbb;
	margin-bottom:5px;
	}
.tx-veguestbook-pi1 h2.tx-guestbook-header {
clear: both;
background-color: #404666;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #ffffff;
display: block;
font-size: 100%;
font-weight: bold;
padding: 0.3em;
width: 100%;
}
.tx-guestbook-list-header {
background-color: #333333;
color: #fff;
}
.tx-guestbook-list-row {
background-color: #e1e6ec;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
clear: both;
display: block;
float: left;
width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
display: block;
float: left;
width: 15em;
background-color: #efefef;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
min-height: 5em;
padding: 0.3em;
}

.tx-guestbook-list-rowleft {
background-color: #efefef;
}


.tx-veguestbook-pi1 .tx-guestbook-right {

float: right;
width: 21em;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
padding: 0.3em;
}
.tx-veguestbook-pi1 .tx-guestbook-field {

clear: both;
width: 100%;
display: block;
padding-top: 0em;
padding-right: 0pt;
padding-bottom: 0em;
padding-left: 0em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
width: 100%;
display: block;
float: left;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
margin-top:0.3em;
margin-bottom:0.3em;
float: left;
width: 12em;
}
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
margin-top:0.3em;
margin-bottom:0.3em;
float: left;
width: 20.5em;
}