/* IconScreen 06.2006  */

/*  Basic / Body / Layout
------------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0; }

body {
	font: 78%/1.4em Arial, Helvetica, Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	color: #404040;
	text-align: center; }

#header {
	height: 17.3em;
	width: auto;
	min-width: 960px; }

#header h1 {
	height: 1.5em;
	padding-top: 2.2em;
	padding-left: 20px;
	background: url(/_images/line-dotted-white.gif) repeat-x 0em 3.3em;
	text-align: left;
	font-size: 1.8em;
	font-weight: normal;
	width: 940px;
	margin: 0 auto; }

#header a { color: #fff; }

#logo {
	height: 7.4em; /* Neu 12.09.2006  */
	text-align: right;
	padding-right: 20px;
	padding-bottom: 0.4em;
	width: 940px;
	margin: 0 auto; }

.logo {
	width: 92px; /* Neu 12.09.2006  */
	height: 92px; }

#header h6 {
	height: 1.6em;
	padding: 0.5em 20px 0 0;
	margin: 0 auto;
	background: url(/_images/background_dotted_grey.gif) repeat-x left bottom;
	font-size: 1.4em;
	font-weight: normal;
	text-align: right;
	color: #fff;
	width: 940px;
	clear: right; }

#wrapper {
	border-top: 2px solid #fff;
	background: #fff url(/_images/background.gif) repeat-y center top;
	width: 960px;
	margin: 0 auto;
	text-align: left; }

#navigation {
	width: 220px;
	float: left; }

#content {
	border-top: 25px solid #E1E9F3;
	width: 740px;
	float: right; }

#mainContent {
	width: 470px;
	float: left;
	display: inline;
	/* Fixes IE double margin float bug */
	margin-left: 20px; }

#teaser {
	width: 190px;
	margin-right: 20px;
	display: inline;
	/* Fixes IE double margin float bug */
	float: right;
	text-align: left; }

#footer { clear: both; }




/* Navigation
------------------------------------------------------------------------------------------------------------------*/

#navigation ul {
	list-style-type: none;
	background: url(/_images/background_dotted_white.gif) repeat-y left top; }

ul#menu li { margin: 0; }

/* Fixes for IE */
#navigation ul ul { background: url(/_images/background_dotted_white.gif) repeat-y left top !important; }
html>body #navigation ul ul { background: none !important; }

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

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

#menu a {
	display: block;
	width: 210px;
	padding: 4px 0 4px 10px !important;
	border-bottom: 1px solid #fff; }

#navigation ul ul a {
	width: 198px;
	padding-left: 22px !important; }

#navigation ul ul ul a {
	width: 186px;
	padding-left: 34px !important; }

#menu ul a { }
#menu a:hover { background-color: #E1E9F3; }

#menu li a.active {
	font-weight: bold;
	background-color: #C1CDDD; }

#menu a.active:hover { background-color: #E1E9F3; }
ul#menu li { margin: 0; }




/* allgemein / WYSIWYG / maincontent
------------------------------------------------------------------------------------------------------------------*/

big { font-size: 1.4em; }
small { font-size: 0.8em; }

em {
	color: red;
	margin-bottom: 4px; }

a {
	text-decoration: none;
	color: #0D59AB; }

a:hover {
	text-decoration: underline;
	color: #555; }

.print, .skip { display: none; }

table {
	width: 99% !important;
	margin: 2em 0; }

td, th {
	border-bottom: 1px solid #fff;
	padding: 2px;
	vertical-align: top; }

th { text-align: left; }

#mainContent h1 {
	clear: left;
	font-size: 1.6em;
	padding: 8px 0 6px 0; }

#mainContent h2 {
	clear: left;
	font-size: 1.4em;
	padding: 8px 0 3px 0; 
	margin-bottom: 4px;
	background: url(/_images/background_line_blue.gif)  no-repeat left bottom;  }

#mainContent h3, #mainContent h4, .Zwischenueberschrift {
	clear: left;
	font-size: 1.2em;
	padding: 8px 0 1px 0;
	margin-bottom: 3px;
	border-bottom: 1px solid #fff; }

#mainContent p {
	clear: left;
	padding: 6px 0 4px 0; }

#mainContent ul, #mainContent ol { margin: 0.8em 0 1em 2.5em; }
#mainContent li { padding: 2px 0 2px 0; }

#mainContent img {
	float: left;
	padding: 4px 12px 0 0;
	border: none; }

.noprint td {
	background: none !important;
	border-bottom: #C1CDDD;
	border-right: none;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 2px;
	vertical-align: top; }

.homeimgage {
	max-width: 200px;
	float: left;
	padding: 4px 12px 0 0; }
	
	
	

/* special tables
------------------------------------------------------------------------------------------------------------------*/

table.kontaktimagetable { margin: 0; }

.kontaktimagetable th {
	width: 132px !important;
	padding: 0; }

.kontaktimagetable td {
	border-bottom: none;
	padding: 0; }

.kontaktimgage {
	width: 120px;
	height: auto;
	float: none;
	padding: 0 12px 0 0 !important; }
	
table.logintable { margin: 0; }

.logintable th {
	width: 132px !important;
	padding: 6px; }

.logintable td {
	border-bottom: none;
	padding: 6px; }
	
	

table.kontakttable { margin: 0.5em 0; }

.kontakttable th, .kontakttable td {
	background: none;
	border-bottom: 1px solid #fff;
	padding: 2px 2px 2px 0; }

#kontaktformular th {
	width: 28%;
	text-align: right;
	background: none;
	padding-right: 8px;
	border-style: none none solid none; }

#kontaktformular td {
	background: none;
	padding: 2px;
	border-style: none; }

#kontaktformular input, #kontaktformular textarea {
	width: 90%;
	margin: 0 0 4px 0; }
	
	
	

/* Teaser
------------------------------------------------------------------------------------------------------------------*/

#teaser { }

#teaser h6 {
	font-size: 1.1em;
	color: #E89C48;
	padding: 0 6px 4px 0; }

#teaser p, #teaser fieldset {
	font-size: 0.9em;
	border-bottom: 1px solid #fff;
	padding: 0 6px 10px 0;
	margin-bottom: 12px; }

#teaser label {
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	color: #E89C48;
	padding: 0 6px 4px 0; }

input.suche, #suche, #username { width: 110px; }
input.submit { width: 56px; }




/* Icons
------------------------------------------------------------------------------------------------------------------*/

a[href$=".doc"] {
	background: url(/_images/icon_doc.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".gif"] {
	background: url(/_images/icon_gif.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".jpg"] {
	background: url(/_images/icon_jpg.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".pdf"] {
	background: url(/_images/icon_pdf.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".png"] {
	background: url(/_images/icon_png.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".pps"] {
	background: url(/_images/icon_pps.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".ppt"] {
	background: url(/_images/icon_ppt.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".txt"] {
	background: url(/_images/icon_ppt.txt) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".xls"] {
	background: url(/_images/icon_xls.gif) no-repeat 0 50%;
	padding-left: 36px; }

a[href$=".zip"] {
	background: url(/_images/icon_zip.gif) no-repeat 0 50%;
	padding-left: 36px; }
	
	
	

/* Form
------------------------------------------------------------------------------------------------------------------*/

legend { display: none; }
fieldset { border: none; }

/* input, textarea */
#suchwort {
	font-size: 1.4em;
	width: 89%; }

#anliegen, #comment {
	width: 90%;
	margin: 0 0 16px 0; }

/* Button */
#submit, #firstname, #surname, #name, #email {
	width: 90%;
	margin: 0 0 4px 0; }

/* Footer
------------------------------------------------------------------------------------------------------------------*/

#footer { border-top: 8px solid #e1e9f3; }

#footer p {
	text-align: right;
	background: #e1e9f3;
	display: block;
	border-top: 1px solid #fff;
	padding: 4px 4px 12em 0 !important; }