/* Layout */
<!--
@font-face {
 font-family: Mano;
 font-style:normal;
 font-weight: normal;
 src: url("../ttf/WCManoNegraBta.eot") /* EOT file for IE */
}
@font-face {
 font-family: Mano;
 font-style:normal;
font-weight: 700;
 src: url("../ttf/WCManoNegraBta.ttf") /* TTF file for CSS3 browsers */
}

-->


html {
	height:100%;
 	margin:0px;
 	padding:0px;
} 

body {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
 	background-color: #c0c0c0;
 	color: #000;
	padding:0px;
	margin:0px;
	width: 100%;
	height: 100%;
}

div {
 	margin:0px;
 	padding:0px;
}

br.clear {
 	margin:0px;
 	padding:0px;
 	clear: both;
}

#outer {
	width: 800px;
 	margin: 0px auto;
 	margin-top: 25px;
 	background-color: #fff;
	background-image: url("../img/bg_contentContainer.gif");
	background-repeat: repeat-y;
	background-position: top right;
}

#keyVisual {
	height: 120px;
	clear: both;
}

#keyImage {
	float: left;
	width: 687px;
	height: 120px;
}

#greenCard {
	float: right;
}

#navigation {
	background-image: url("../img/bg_navigation.gif");
	background-position: top left;
	background-repeat: repeat-x;
	clear:both;
	height: 44px;
}

#navigation a {
	text-decoration: none;
	color: #2e2e2c;
	display:block;
	height:20px;
}

#navigation li:hover, #navigation li.active {
	background-image: url("../img/bg_navigation_LiHover.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #0c4327;
}

#navigation li:hover a, #navigation li.active a {
	color: #59ac7a;
}

#navigation li:hover li a, #navigation li.active li a {
	color: #fff;
}

#navigation li:hover li:hover, #navigation li li.active {
	background-image: url("../img/bg_navigation_LiHover.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #5d5d5c;
}

#navigation li ul li a {
	color: #fff;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation li {
	float: left;
	width: 100px;
	height: 22px;
	font-size: 80%;
}

#navigation li {
	float: left;
	width: 100px;
	height: 20px;
	font-size: 80%;
	text-align: center;
	padding-top: 2px;
}


#navigation li ul {
	width: 700px;
}


#navigation li ul li {
	padding-top: 3px;
	width:130px;
	font-size: 81%;
	height: 19px;
}


#contentContainer {
	padding-right: 113px;
	clear: both;
	margin-bottom: 25px;
}

#content {
	width: 390px;
	float:left;
	padding-left: 30px;
	padding-top: 25px;
	background-color: transparent;
}


#multiPurpose {
	width: 240px;
	float: right;
	margin-top: 25px;
	margin-left: 20px;
}

#multiPurpose img {
	margin-bottom: 25px;
}

#footer {
	background-image:url("../img/bg_footer.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #5d5d5c;
	height: 22px;
	color: #fff;
	font-size: 80%;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
} 

#footer li {
	border-right:1px solid #FFFFFF;
	float:right;
	line-height:0.8em;
	margin-top:5px;
	padding:0px;
}

#footer a {
	color: #fff;
	font-size: 80%;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#footer p {
	float: right;
	padding-top: 1px;
	padding-right: 15px;
	padding-left: 5px;
}

.mpBox {
	width: 180px;
	padding: 10px;
	background-color: #008d4e;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-image: url('../img/bg_mpBox.gif');
	color: #fff;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5x;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

#multiPurpose .mpBox {
	margin-left: 30px;
}

#multiPurpose .mpBox img {
	margin-bottom: 0px;
}

.mpBox h2, .mpBox h3, .mpBox h4, .mpBox h5 {
	margin-top: 0px;
	color: #fff;
}

.mpBox a {
	color: #fff;
}

.mpBox h3 {
	font-size: 90%;
}

.begruessung {
	width: 400px;
	background-image: url("../img/bg_begruessung.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5x;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

.begruessung h2 {
	margin-top: 0px;
	font-size: 140%;
}

.begruessung h3 {
	font-size: 110%;
	margin-bottom: 0px;
}

.begruessung h2, .begruessung h3 {
	font-family: Mano, Trebuchet MS;
}

#signatur {
	margin-left: 280px;
}

.clear {
	clear: both;
}

.solution {
	background-color: #CFCFD0;
	background-image: url('../img/bg_solution.gif');
	background-repeat: repeat-x;
	background-position: top left;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5x;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 5px 15px;
    width: 408px;
    clear: both;
}

.solution h3 {
	font-size: 90%;
	margin-bottom: 5px;
}

.solution p {
	padding-right: 80px;
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-bottom: -15px;
	padding-bottom: 15px;
	margin-right: 10px;
}

.stepOne p {
	background-image: url('../img/solution_1.png');
}

.stepTwo p {
	background-image: url('../img/solution_2.png');
}

.stepThree p {
	background-image: url('../img/solution_3.png');
}

.solutionArrow {
	margin-left: 188px;
	margin-top: -6px;
}

#contactForm {
	width: 420px;
	background-image: url('../img/bg_contactForm.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #C6C6C8;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5x;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 10px;
}

#contactForm form {
	margin: 0px;
	padding: 0px;
}

#contactForm fieldset {
	margin: 0px;
	padding: 5px;
	border: 0px;
	
}

#contactForm legend {
	margin-top: 25px;
	font-weight: bold;
}

#contactForm input.text {
	border: 1px solid #000;
	background-image: url('../img/bg_inputText.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 175px;
	margin-top: 10px;
	padding-left: 5px;
	font-size:90%;
}

#contactForm textarea {
	border: 1px solid #000;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 95px;
	font-size: 75%;
	background-image: url('../img/bg_textarea.jpg');
	width: 398px;
	margin-top: 10px;
	padding-left: 5px;
}

#contactForm label {
	font-size: 70%;
}

#contactForm input.button {
	background-image: url('../img/bg_inputButton.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 21px;
	border: 0px;
	font-size: 70%;
	color: #fff;
	margin-left:275px;
	width: 130px;

}

#contactForm .errors {
	font-size: 75%;
	color: #ff0000;
	margin-top: 5px;
	margin-bottom: 5px;
}