@charset "UTF-8";
/*
-----------------------------------------------------
becker-klaeranlagen.de master CSS Datei fuer screen media, normal fonts
FileName:    mediastyle.css
Version:     22-OKT-2009
-----------------------------------------------------
*/
body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}


h1, h2, h3 {
        margin:.8em 0 .1em 1em;
        padding:0; 
	color: #232f71;
}

p {
        margin:.2em 0 .8em 0;
        padding:0; 
}

img {
	margin:10px 0 5px;
}

/* Header styles */
#header {
        clear:both;
        float:left;
        width:100%;
	border-bottom:5px solid #336799;
	background: url("images/header-bg.gif");
	background-repeat: repeat-y;	
	background-position: right;

}
#header p,
#header h1,
#header h2 {
	padding:.4em .4em 0 .4em;
        margin:0;
	color: #444444;
}

#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}

#header ul li a:hover {
	background:#369;
	color:#fff;
}

#header ul li a.active,

#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}

#header ul li a span {
	display:block;
}

#header img {
	margin-left: 0;
	margin-top: 0;
	margin-right: 1em;
	padding-left: 0;
	padding-top: 0;
	padding-right: 1em;
	border-style: none;
	float: left;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */

}

/* 2 column left menu settings */
.leftmenu {
	background: url("images/p_unten.gif");
	background-repeat: repeat-y;	
	background-position: left;
}

.leftmenu .colright {
	float:left;
	width:140%;
	position:relative;
	left: 186px;
}

.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right: 186px;
	padding-top:2em;
	padding-bottom:1em;
}

.col1 {
	margin:0 1em 0 15em;
	position:relative;
	right:100%;
	overflow: hidden;
}

.col1 a {
    	color:#369;
}

.col1 a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}


.leftmenu .col2 {
	float:left;
	width:186px;
	position:relative;
	right:186px;
}
.col2 .ContentLeft {
	margin-top: 0;
	margin-left: 6px;
	width: 180px;
        padding-top: 50px;
        padding-bottom: 20px;
	background: url("images/navi_u.jpg");
	background-repeat: no-repeat;	
	background-position: top;
        } 
.ContentLeft .ContentInnerLeft {
	width: 135px;
	margin-left: 45px;
	}

.ContentLeft .ContentInnerLeft p {
	font-size: .6em;
	}

/* Menuepunkte*/
/* ----------------------------------------------------- */
.MenuLeft {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 30px;
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	padding-bottom: 15px;
	font-size: 1.0em;
	background: url("images/roh1.gif");
	background-repeat: repeat-y;	
	background-position: right;
	}
.MenuLeft .MenuLeftLayer1 a:link {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer1 a:visited {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer1 a:hover {color: #c0c8d7; }
.MenuLeft .MenuLeftLayer1 a {text-decoration: none }
.MenuLeft .MenuLeftLayer1 a img {border-style: none; }

.MenuLeft .MenuLeftLayer2 a:link {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer2 a:visited {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer2 a:hover {color: #c0c8d7; }
.MenuLeft .MenuLeftLayer2 a {text-decoration: none }
.MenuLeft .MenuLeftLayer2 a img {border-style: none; }

.MenuLeft .MenuLeftLayer3 a:link {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer3 a:visited {color: #8a9ec5; }
.MenuLeft .MenuLeftLayer3 a:hover {color: #c0c8d7; }
.MenuLeft .MenuLeftLayer3 a {text-decoration: none }
.MenuLeft .MenuLeftLayer3 a img {border-style: none; }

.MenuLeft .MenuLeftLayer1Active a:link {color: #1d4fb6; }
.MenuLeft .MenuLeftLayer1Active a:visited {color: #1d4fb6; }
.MenuLeft .MenuLeftLayer1Active a:hover {color: #4a8fa6; }
.MenuLeft .MenuLeftLayer1Active a {text-decoration: none }
.MenuLeft .MenuLeftLayer1Active a img {border-style: none; }

.MenuLeftLayer1 {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #ffffff;
	width: 186px;
	margin-left: 0px;
	padding-left: 47px;
	position:relative;
	background: url("images/menu_inaktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
	}

.MenuLeftLayer2 {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #ffffff;
	width: 186px;
	margin-left: 0px;
	padding-left: 55px;
	position:relative;
	background: url("images/menu_inaktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
	}
	
.MenuLeftLayer3 {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #ffffff;
	width: 186px;
	margin-left: 0px;
	padding-left: 63px;
	position:relative;
	background: url("images/menu_aktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
	}

.MenuLeftLayer1Active {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #000000;
	width: 186px;
	margin-left: 0px;
	padding-left: 47px;
	position:relative;
	background: url("images/menu_aktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	}

.MenuLeftLayer2Active {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #000000;
	width: 186px;
	margin-left: 0px;
	padding-left: 55px;
	position:relative;
	background: url("images/menu_aktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
	}
	
.MenuLeftLayer3Active {
	font-size: .79em; 
	line-height: 1.91em; 
	text-align: left;
	font-weight: bold; 
	color: #000000;
	width: 186px;
	margin-left: 0px;
	padding-left: 62px;
	position:relative;
	background: url("images/menu_aktiv_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
	}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	}

#footer p {
	padding: 0;
	margin: 1em 0 0 16em;
	}

/*  Animation Abwasserproblem-Gif auf Startseite.html (PID2)*/
/* ----------------------------------------------------- */
#contentID-1 {
	position: absolute;
	width: 100%;
	min-width: 90%;
	min-height: 400px;
	height: 400px
	z-index: 0;
	}	



/*  powermail extension - form field formats */
/* ----------------------------------------------------- */

.tx-powermail-pi1_fieldset {
	width: 80%;
	border: solid 0px;
	}

.tx-powermail-pi1_fieldset legend {
	visibility: hidden;
	}

.tx_powermail_pi1_fieldwrap_html {
	width: 90%;
	padding-top: 0.2em;
	padding-bottom: 0.62em;
	clear: both;
	}

.tx_powermail_pi1_fieldwrap_html label {
	width: 12em;
	float: left;
	}

.powermail_radio_inner label {
	margin-left: 0%;
	float: left;
	width: 10%;
	}
.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {  
	padding-top: 0.2em;
	padding-bottom: 0.62em;
        margin: 0;
        padding: 0;
	width: 25%;
	float: left;
} 
	
.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
        /* Radiobuttons */
        margin: 5px 5px 0px 0px;
	float: left;
}


.powermail_select {
	width: 260px;
	}

.powermail_submit {
	margin-top: 2em;
	margin-left: 25%;
	text-align: center;
	width: 260px;
	}

.tx_powermail_pi1_fieldwrap_html a dfn {
        /* Description */
        display: none;
}
.tx_powermail_pi1_fieldwrap_html a:hover dfn {
        /* Description on mouseover */
        display: block;
        position: relative;
        width: 25em;
        padding: 0.3em 0.3em 0.3em 0.3em;
        background-color: #ddd;
        color: black;
        text-decoration: none;
        font-size: 0.81em;
	float: left;
	clear: right;
}

.tx_powermail_pi1_fieldwrap_html a {
        /* Description */
        cursor: help;
}
.tx_powermail_pi1_fieldwrap_html img.icon_info {
        /* Description icon */
        padding: 2px 2px 0px 2px;
}

.tx-srfreecap-pi2-image {
	padding: 2.32em;
	clear: both;
	}
.tx-srfreecap-pi2-cant-read {
	float: right;
	clear: both;
	}