/*
* $Id: screen.css 8 2008-02-07 19:17:17Z patrick $
* screen.css
* Hörteam Münchens
*/
body {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Verdana, Helvetica, sans-serif;
}

img {
	border: none;
}

div.header {
	position: relative;
	top: 0px;
	left: 0px;
	height: 112px;
	background: url(../images/headerBg.png) repeat-y #FFFFFF;
}

img.schall {
	position: absolute;
	top: 0px;
	left: 26px;
	z-index: 1;
}

img.claim {
	position: absolute;
	top: 80px;
	left: 115px;
	z-index: 2;
}

img.logo {
	position: absolute;
	top: 58px;
	left: 754px;
}

div.navigation {
	position: relative;
	top: 0px;
	left: 0px;
	height: 21px;
	padding: 0;
	background: url(../images/whiterabbit.png) 0px 20px repeat-x #8D8B8F;
	font-size: 0.7em;
}

div.navigationHighlight {
	position: relative;
	top: 0px;
	left: 0px;
	height: 4px;
	padding: 0;
	background: #C9005C;
}

div.navigation ul {
	float: left;
	padding-left: 0;
	margin: 0px 0px 0px 103px;
	border-left: 1px solid #FFFFFF;
}

div.navigation ul li {
	display: inline;
}

div.navigation ul li a {
	float: left;
	padding: 4px 10px 3px 10px;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div.navigation ul li a:hover,
div.navigation ul li a:focus {
	background: #C9005C;
	border-bottom: 1px solid #C9005C;
}

#focus {
	background: #C9005C;
	border-bottom: 1px solid #C9005C;
}

div.emotional {
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
	float: left;
	width: 259px;
	min-height: 441px;
    background: url(../images/emotionalBg.gif) 0px 357px no-repeat;
    font-size: 0.7em;
}

div.emotional p {
    text-align:right;
    padding:0px 1.5em 0px 0px;
}

div.canvas {
	background: url(../images/contentBg.png) repeat-x;
}

div.content {
	max-width: 576px;
	margin: 0px 0px 0px 259px;
	padding: 65px 0px 0px 30px;
	font-size: 0.8em;
}

div.content h1 {
	color: #C8005B;
	font-size: 1em;
}

div.content h2 {
	color: #C8005B;
	font-size: 1em;
	font-weight:normal;
    margin-bottom:0.3em;
}

div.content p {
	margin:0em 0em 1em 0em;
}

div.content address {
	font-style:normal;
}

div.content ul {
	margin-left: 15px;
	padding-left: 0px;
	width: 390px;
}

a {
	color: #5E5D5D;
	text-decoration: none;
}

a:hover,
a:focus {
    color: #C8005B;
	text-decoration: none;
}

a.more {
	background: url(../images/arrow.png) 0px 0.4em no-repeat;
	padding-left: 1em;
    color: #C8005B;
}

div.content form {
    width:475px;
}

div.content form p {
    margin:0px 0px 1px 0px;
}

div.content form p.textarea {
    background:#EEEDEE;
}

div.content form label {
    display:block;
    float:left;
    width:142px;
    margin:0px 1px 0px 0px;
    padding:2px 0px 2px 8px;
    background:#EEEDEE;
}

div.content form span.error{
    display:block;
    padding:2px 0px 2px 8px;
    margin:0px 0px 0px 0px;
    color:red;
    background:#EEEDEE;
}

div.content form input.plz {
    width:40px;
    margin:0px 1px 0px 0px;
}

div.content form input.ort {
    width:279px;
}

div.content form input {
    width:322px;
    height:18px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border: 1px solid #D6D7D9;
    background:#F9F9F9;
}

div.content form textarea {
    width:322px;
    height:108px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border: 1px solid #D6D7D9;
    background:#F9F9F9;
}

div.content form input:focus {
    background:#FFFFFF;
}

div.content p.submit {
    text-align:right;
    background:#EEEDEE;
}

div.content p.submit input.reset {
    width:5em;
    background:#EEEDEE;
    border-top:none;
    border-right:1px solid #FFFFFF;
    border-bottom:none;
    border-left:none;
}

div.content p.submit input.submit {
    color: #C8005B;
    width:5em;
    background:#EEEDEE;
}


div.footer {
	clear: both;
	border-top: 1px solid #D6D5D6;
	color: #797979;
    margin-top:2em;
	padding-left: 114px;
	font-size: 0.65em;
}

div.footer p {
	margin: 0;
	padding: 6px 0px 0px 0px;
	float: left;
}

div.footer ul {
	float: left;
	padding-left: 0;
	margin: 0px 0px 0px 28px;
}

div.footer ul li {
	display: inline;
}

div.footer ul li a {
	float: left;
	margin-top: 0.5em;
	padding: 0em 0.3em 0em 0.3em;
	text-decoration: none;
	color: #797979;
	border-right: 1px solid #D6D5D6;
}

div.footer ul li a.last {
	border-right: none;
}

div.footer ul li a:hover,
div.footer ul li a:focus {
	color: #C9005C;
}

#error {
    color;red;
}