@charset "utf-8";
/* Basisvorlage CSS
In-West
www.inwest.de
Start: 20.10.2008
Letzte Aenderung: 25.11.2008
*/
/* CSS Document */

.dns {display: none;}
*html .dns{
	visibility: hidden;
}
img {border: 0px;}
* {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}
body, html {height: 100%;}
body {
	font-size: 100.01%;
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background-color:#000000;
}
div div {
	font-size: 0.9em;
}

/*box nur auf startseite*/
#box {
			position:absolute;
			height:400px; 
			width:600px;
			margin:-200px 0px 0px -300px;
		    top: 50%; 
		    left: 50%;
		    text-align: left;
		    padding: 30px;
		    overflow: auto;
		}
ul#start {
			font-size: 1.0em;
}
*html ul#start li {
			list-style-type: disc;	
			list-style-image: none;
}
ul#start li {
			list-style: none;
			list-style-image: url(../bilder/all/startseite_icon.png);	
}

/*box positioning*/
#seite {
	margin: auto;
	width: 960px;
	height: 734px;
	position: relative;
}
#menutop {
	width: 910px;
	padding-right: 50px;
	height: 20px;
	background-image:url(../bilder/all/hintergrund_menutop.png);
	text-align: right;
	line-height: 20px;
}

#kopf {
	width: 910px;
	padding-right: 50px;
	height: 135px;
	background-image: url(../bilder/all/hintergrund_kopf.jpg);
	background-color: #000000;
}

#inhaltlinks {
	width: 460px;
	float: left; border:0px solid red;
}
#textlinks {
	padding: 70px 50px 30px 30px;
	width: 400px;
}
*html #textlinks {
	padding: 70px 30px 30px 20px;
}
#inhaltrechts {
	padding: 40px 50px 30px 30px;
	width: 400px;
	float: right;
	border:0px solid red;
}
#zinzhaus {width: 400px; float: left; text-align: left; padding-left: 15px;}

/*schriftgroessen und absätze - em bezieht sich immer auf das elternelement!!*/
p{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
h1 {font-size: 1.2em; font-weight:normal; margin-bottom: 20px;letter-spacing: 0.06em;}
h2 {font-size: 1.0em; font-weight:normal; margin-bottom:
5px;letter-spacing: 0.06em;}
.fett {font-weight:bold;}
.rot {color: red;}
.gruen {color: green;}
ul {
	list-style-position: outside;
}
li {margin-bottom: 10px; margin-left: 15px;}
/* horizontale linie
einbinden mit
<div class="trenner"><hr /></div>
*/
div.trenner {
	background-color:#6c695c;
	height: 1px; width:100%; margin: 0 0 10px 0;
	clear:both;
}
div.trenner hr {
	display: none;
}

#navi {
	width: 555px; 
}

#navi li {
	display: inline;
}
#navi li a {
	margin-top: 22px;
	display: block;
	text-decoration: none;
	font-size: 11px;
	width: 92px;
	height: 20px;
	padding-top: 5px;
	text-align: center;
	float: left;
	margin-right: 4px;
	color:#FFFFFF;
}

*html #navi li a {margin-top: -10px;}
a.problem {
	border-bottom: 10px solid #150d5f;
}
a:hover.problem, a.aktivproblem {
	background-color:#07002b;
}
a.ansatz {
	border-bottom: 10px solid #acada5;
}
a:hover.ansatz, a.aktivansatz {
	background-color:#464844;
}
a.loesung {
	border-bottom: 10px solid #83131b;
}
a:hover.loesung, a.aktivloesung {
	background-color:#570b10;
}
a.handeln {
	border-bottom: 10px solid #9b7e92;
}
a:hover.handeln, a.aktivhandeln {
	background-color:#503f4a;
}

a.outside:before { content:url(../bilder/all/link.png); border:0px; margin-right:5px;}
a:link {color: #ffffff; text-decoration: underline;}
a:visited {color: #adac9b; text-decoration: underline;}
a:hover {color: #adac9b;}
a:focus {outline: none;}

a.menutop {color: #dedede; text-decoration: underline; font-size: 11px;}
a.menutop.aktiv {font-weight: bold;}
a.menutop:focus {outline: none;}
/*formulare*/
fieldset
{ 
  	border:  	1px solid #6c695c;
  	padding:  	5px;
  	width:  	360px; 
	text-align: left;
}
fieldset.lang
{ 
  	border:  	1px solid #6c695c;
  	padding:  	5px;
  	width:  	360px; 
	text-align: left;
}
label
{
	display:block;
	height: 20px;
  	width: 70px;
	float: left;
	border-bottom: 1px solid #6c695c;
	padding: 0; margin-bottom: 5px;
}
legend {color: #fff;}
input
{
  	display: block;
	background: none;
	width: 280px;
	float: right;
	height: 19px;
	padding: 0; margin-bottom: 5px;
	border: 1px solid #6c695c;
	color:#FFFFFF;
}
input.button
{
	width: 60px;
	height: 25px;
	border-top: 1px solid #706d72;
	border-left: 1px solid #706d72;
	border-right: 1px solid #50504e;
	border-bottom: 1px solid #50504e;
	background-color:#807f7d;
	color:#F9EDDB;
	float: left;
}
textarea
{
  	display: block;
	background: none;
	width: 280px;
	float: right;
	height: 19px;
	padding: 0; margin-bottom: 5px;
	border: 1px solid #6c695c;
	height: 120px;
	color:#FFFFFF;
}