@charset "utf-8";

/*-----------------------------TAGS -----------------------------------------*/
body {
	margin:0px; padding: 0px;
	font: 12px Verdana, Arial, sans-serif;
	line-height:140%; color:#000;
	background-color:#FFF;
}
p {	font: 12px Verdana, Arial, sans-serif; line-height:140%; color:#000;}

h1 {color:#005DA8; font-size:18px;}

A:link	{font-family: verdana, helvetica, arial, geneva, sans-serif; font-size:11px; text-decoration: none; color: #005DA8; font-weight: normal; }
A:visited {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size:11px; text-decoration: none; color: #005DA8; font-weight: normal;}
A:hover	{font-family: verdana, helvetica, arial, geneva, sans-serif; font-size:11px; text-decoration: underline; color: #005DA8; font-weight: normal;}
A:active	{font-family: verdana, helvetica, arial, geneva, sans-serif; font-size:11px; text-decoration: underline; color: #005DA8; font-weight: normal; }


/*-----------------------------IDs -----------------------------------------*/

#frame {
	width:982px; margin-top: 10px;
}
#oben_links {
	width: 126px;
	height: 213px;
	margin-top: 5px;
	background-color:#005DA8;
	float:left;
}
#oben_logo {
	width: 216px;height: 221px;
	background: #FFF url(../images/logo.png) no-repeat;
	margin: 0 10px;
	float: left;
}
#oben_rechts {
	width: 619px;height: 214px; margin-top: 5px;
	border-top: 1px solid #005DA8;
	border-right: 1px solid #005DA8;
	border-bottom: 1px solid #005DA8;
	float: left;
}
#spacer {height:10px; width:982px;clear: both}

#bogen {
	background:#FFF url(../images/bogen.gif) no-repeat;
	height: 15px; width:982px; float:left;
}
#wrapper {
	background: #FFF url(../images/content.gif) repeat-y;
	width:982px; float:left; padding-bottom: 40px;
}
#ct_links {
	width: 127px; margin: 200px 0 20px 0; height: 200px;
	background:#FFF url(../images/logos_wasser.jpg) no-repeat center;
	float:left;
}
#ct_menue {
	width: 215px;
	margin: 0 10px;
	float: left;
}
#ct_mitte {
	width: 413px; float: left; padding:5px 10px;
}
#ct_rechts {
	width: 150px; margin-left:15px; padding:5px 10px; color:#FFF;
	float: left;
}
#footer {
	clear: both;
	width: 982px;
	height: 10px;
	background-color: #005DA8;
	margin-bottom: 10px;
}
#footer_links {
	width: 315px; margin-left:5px;
	height: 48px;
	float: left;
	background:#FFF url(../images/logo_ctf.jpg) no-repeat;
}
#footer_c10 {
	float: left; width: 100px; margin-left: 30px;
}
#footer_c9 {
	float: right; width: 500px; padding-right: 5px; text-align:right;
}

/*-----------------------------MENUE -----------------------------------------*/

#navcontainer { margin: 0 0 0 15px; }

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 14px Verdana, Arial, sans-serif;
	/*letter-spacing:2px;*/
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 140px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#navcontainer a:hover
{
color: #005DA8;
text-decoration: none;
}
#navcontainer li.current {color: #005DA8;}
#navcontainer a.active {color: #005DA8;}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
	display: block;
	padding: 5px 5px 5px 20px;
	width: 135px;
	color: #000;
	text-decoration: none;
	text-transform:none;
	font: 12px Verdana, Arial, sans-serif;
}

#navcontainer ul ul a:hover
{
color: #005DA8;
text-decoration: none;
}
#navcontainer ul ul li.subcurrent {color: #005DA8;}
#navcontainer ul ul a.subactive {color: #005DA8;}





/* ###################################################### */

/* ####################### CONTACT FORM ############'#### */

/* ###################################################### */

#contactForm {

	font-size:11px;

}

#contactForm .contactRow {

	margin:4px 0;

}

#contactForm label {

	display:block;

	float:left;

	width:80px;

}

#contactForm .contactRow input, #contactForm .contactRow textarea {

	border:1px solid #ccc;

	width:346px;

}

#contactForm .contactRow select {

	border:1px solid #ccc;

	width:172px;

}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {

	width:343px;

}



#contactForm .contactRow input {

	height:14px;

}



#contactForm .contactRow textarea {

	height:105px;

	font-size:10px;

}



#contactFormSubmit #contactFormSubmitLeft {

	float:left;

	margin:0 0 0 0px;

	width:100px;

}

* html #contactFormSubmit #contactFormSubmitLeft {

	margin:0 0 0 26px;

}

#contactFormSubmit #contactFormSubmitRight {

	float:left;

	width:100px;

}



#contactFormSubmit #contactFormSubmitLeft input, 

#contactFormSubmit #contactFormSubmitRight input {

	background-color:#fff;

	border:0;

	padding:0 20px 0 0;

	background-repeat:no-repeat;

	background-position:right 4px;

	font-size:10px;

	width:auto;

	height:auto;

	float:right;

	margin:0;

}



/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
}

.sitemap .level1 {
        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}
#contactFormSubmit #contactFormSubmitLeft input {

	background-image:none;

	padding:0;

	float:left;

}


/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */
#search {
	margin:20px 0 0 0px;
	font-size:11px;
	background-color:transparent;
}
#search label {
	font-size:11px;
	display:block;
	float:left;
	width:42px;
	padding:2px 0 0 0;
}
#search input {
	border:1px solid #ccc;
	width:140px;
	height:12px;
	font-size:10px;
}
#search input.sbmt {
	border:0;
	width:5px;
	height:8px;
	margin:0 0 0 10px;
}
/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
	margin:0 0 10px 0;
}
#searchResults p.message {
	margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
	border-bottom:1px solid #ccc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
	color:#0060b1;
	font-style:normal;
}


/* ###################################################### */
/* ####################### LOGIN ################ */
/* ###################################################### */



#footer input#loginBtn {
	background-color:#F9FBDD;
	border:0;
	color:#0060b1;
	padding:0 20px 0 0;
	background-image:url(../images/link_pfeil_klein.gif);
	background-repeat:no-repeat;
	background-position:right 6px;
	font-size:12px;
	width:auto;
	height:auto;
	float:right;
	margin:0 10px 0 0;
}
* html #footer input#loginBtn {
	margin:0 14px 0 0;
}