/************************* GENERAL *************************/
* {
				margin:0;
				padding:0;
				outline:none;
}

a {
				text-decoration:none;
				color: #ffffff;;
}


a:hover {
				text-decoration:underline;
}

img {
				border:none;
}
div.clear {
				clear: both;
				height: 0;
				overflow:hidden;
}

html, body {
				height:100%;
}

body {
				background-color:#333;
				background-image:url(/images/bg.gif);
				background-repeat:repeat-x;
				background-attachment:fixed;
				text-align:center;
				color:#aaa;
				font-family:"Tahoma",sans-serif;
}

.right {
				float:right;
}

.left {
				float:left;
}

/************************* CONTAINERS *************************/

#container {
				margin:0 auto;
				position:relative;
				text-align:left;
				width:700px;
				clear:left;
}

div#side {
				float:left;
				width:112px;
}

div#middle {
				margin-bottom:25px;
}

div#content {
				width:586px;
				margin-left:112px;
padding-bottom:50px;
}

div#content div.left {
				float:left;
				width:48%;
				padding:0.4em; padding:2px 0;
}

div#content div.right {
				float:right;
				width:48%;
				padding:0.4em; padding:2px 0;
}

div#content div.text {
				float:right;
				width:60%;
				padding-right:50px;
				line-height:1.1em;
}

div#content div.subnav {
				float:left;
				width:27%;
				text-align:right;
				line-height:1.1em;
}

div.news_item {
				margin-bottom:20px;
}

/************************* HEADER *************************/

img#main {
				float:right;
}

#header {
				height:139px;
				position:relative;
}

#header img {
				position:absolute;
				bottom:10px;
}


/************************* NAVIGATION *************************/

ul#nav {
				background:url(/images/nav_line.png) no-repeat top left;
				position:absolute;
				top:0pt;
				right:0pt;
				height:139px;
				margin-left:50px;
}

ul#nav li {
				background:url(/images/nav_line.png) no-repeat top right;
				height:139px;
				display:block;
				float:left;
				width:5em;
				position:relative;
}


ul#nav li a {
				position:absolute;
				display:block;
				float:left;
				padding-bottom:8px;
				bottom:0;
				width:100%;
				text-align:center;
				color:#939393;
				font-weight:bold;
				font-family:"Verdana";
				font-size:0.7em;
}

ul#nav li:hover {
				background-image:url(/images/nav_hover.png);
}

ul#nav li a:hover {
				color:#ffffff;;
				text-decoration:none;
}

ul#nav li a.selected {
				color:#ffffff;
}


/************************* SUBNAV *************************/

ul#subnav li {
				margin-right:10px;
				list-style-type:none;
				font-size:0.7em;
        letter-spacing:0.1em;
}

ul#subnav li a {
				padding-right:10px;
}

ul#subnav li a:hover {
				background:url(/images/arrow_left.gif) center right no-repeat;
				text-decoration:none;
}

ul#subnav li a.selected {
				background:url(/images/arrow_left.gif) center right no-repeat;
}

/************************* CONTENT *************************/

h1,h2,h3,h4,h5 {
				color: #ffffff;
}

h2 {
				font-size:1.2em;
}

h3 {
				font-size:0.8em;
}

h4 {
				color:white;
				font-size:0.7em;
				font-weight:normal;
}

h4.news {
				letter-spacing:1px;
}

h5 {
				margin-top:1em;
				font-size:0.7em;
				font-weight:normal;
}

.line_break {
				margin-top:1em;
}

span.date {
				font-size:0.6em;
				color:#939393;
}

div#content div.text p {
				font-size:0.7em;
}

div#content div.text p.spacer {
				margin-top:1em;
}

div#content div.text ul li {
				font-size:0.7em;
				list-style-type:square;
				margin-top:1em;
}

div#content div.text img {
				vertical-align:middle;
}

div#content div.text p.address {
				margin-left:20px;
}

div#content div.text p.image {
				margin-top:1em;
				margin-left:20px;
}


div.left p, div.right p {
				font-size:0.7em;
}

div.left h3, div.right h3 {
				margin-bottom:10px;
}

a.read_more {
				display:block;
				background:url(/images/arrow_right.gif) no-repeat right center;
				padding-right:10px;
				font-size:0.6em;
				text-align:right;
}

div.subnav p.contact {
				margin-top:0.3em;
				margin-bottom:0.285em;
				vertical-align:bottom;
				font-size:0.7em;
}

p.form_row {
				position:relative;
				height:2em;
}

.subnav h4 a { /* TODO vertikale pos von arrow, selector ungenau */
				padding-left:10px;
				background:url(/images/arrow_left.gif) no-repeat left center;
}

/************************* CONTACT FORM *************************/

label {
				width:10em;
}

input {
				border:1px solid #111;
				background-color:#ccc;
				font-family:Tahoma,sans-serif;
				font-size:1em;
				left:5em;
				padding:1px 2px;
}

textarea {
				border:1px solid #111;
				background-color:#ccc;
				font-family:Tahoma,sans-serif;
				font-size:1em;
				padding:2px;
}


/************************* FOOTER *************************/

div.footer a {
				position:fixed;
				bottom:0px;
				left:0px;
				font-size:0.6em;
}

p#contact-errors {
  color:red;
  margin-bottom:10px;
}