/**
* © 03/2006 i-D internet & Design GmbH & Co. KG
* Erfurter Str. 35
* 99423 Weimar
* Deutschland
* Fon:     03643 7785 0
* Fax:     03643 7785 29
* E-Mail:  office@i-d.de
* Web:     http://www.i.d.de/
*
* @author Niels Bobogk <niels@i-d.de>
*/

/* Altlasten; kommt im cms vor */
font {
	border: none !important;
	font-weight: inherit !important;
	font-size: 1em !important;
	color: inherit !important;
	line-height: inherit !important;
	width: inherit !important;
	height: auto !important;
	background: none !important;
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
}


/* Tags allgemein
----------------------------------------------------------------------------- */
* {
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
html, body {
   height: 100%;
   width: 100%;
}
body {
   font-size: 72%; /* "sichere" Werte: 69%, 76%, 86%, 93%, 101.01% */
   color: #fff;
   background: #f60 url(../bilder/system/bg_navi.gif) repeat-y left top;
}
a {
   color: #fff;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a:active {
   text-decoration: underline;
}
a:focus {
   text-decoration: underline;
}
strong {
   font-weight: bold;
}
img {
   border: 0;
}
h1 {
   display: block;
   font-size: 1.2em;
   margin: 0 0 1em 0;
   border-top: 1px dashed #fff;
   padding-top: 0.4em;
   width: 100%;
}
h2 {
   font-size: 1.1em;
   margin: 0.8em 0 1.2em 0;
   color: #fff;
   font-weight: bold;
}
h3, h4, h5, h6 {
   font-size: 1em;
   margin: 0.6em 0 1em 0;
   color: #fff;
}
p, ul, ol, dl, form {
   margin: 0 0 1em 0;
}
ul, ul *, ol, ol * {
	color: #000;
}
table ul, table ul *, table ol, table ol * {
	color: #fff;
}
ul ul, ol ol {
   margin-bottom: 0;
}
address, address a {
   font-style: normal;
}
td, th {
   vertical-align: top;
   text-align: left;
}
* html table, * html table td, * html table th {
   font-size: 1em;  /* IE... */
}

/* allg. Klassen
----------------------------------------------------------------------------- */
.noDisplay {
   display: none;
}
.noFloat {
   float: none;
}
.clearBoth {
   clear: both;
}
.small {
   font-size: 0.9em;
}
img.right {
   float: right;
   margin: 0 0 3px 10px;
}
img.left {
   float: left;
   margin: 0 10px 3px 0;
}

/* Layout
----------------------------------------------------------------------------- */
#header {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 134px;
   background: #fff url(/bilder/kopfgrafiken/reha.jpg) no-repeat right top;
   overflow: hidden;
}
#header .adress {
   position: absolute;
   left: 540px;
   bottom: 0px;
   color: #f60;
}
#picHeader {
   position: absolute;
   left: 216px;
   top: 0px;
   width: 311px;
   height: 204px;
   z-index: 100;
}
#left {
   position: absolute;
   left: 0px;
   top: 134px;
   width: 216px;
   z-index:  200;   /* wird sonst von content überlagert! */
}
#content {
   position: absolute;
   top: 134px;
   padding: 0 40px 60px 245px;
   color: #fff;
   z-index: 50;
   line-height: 1.6em;
}
#contentmargin {
   margin: 5px;
}


/* Navigation
----------------------------------------------------------------------------- */
#navi {
   width: 216px;
   height: 100%;
   background: url(../bilder/system/bg_navi.gif);
   list-style-type: none;
   line-height: 1.35em;
}
#navi ul {
   list-style-type: none;
}

/* 1. Ebene */
#navi a { 
   display: block;
   color: #555;
   border-bottom: 1px solid #fff;
   padding: 7px 14px 7px 17px;
}
#navi strong a {
   color: #000;
   font-weight: bold;
}

/* 2. Ebene */
#navi ul { 
   background: #999;
}
#navi ul a { 
   color: #fff;
}
#navi ul strong a {
   font-weight: normal;
   color: #000;
}

/* 3. Ebene */
#navi ul ul a { 
   color: #fff;
   padding-left: 40px; 
   border-bottom: 1px dashed #fff;
}
#navi ul ul a.last { 
   border-bottom: 1px solid #fff;
}
#navi ul ul strong a {
   background: url(../bilder/system/navi3_active.gif) no-repeat 11px 0.9em;
}

/* Breadcrumbs */
#breadcrumbs {
   left: 540px;
   font-size: 1.3em;
   font-weight: bold;
   background: #f60;
   padding: 15px 0 0 295px;
   min-height: 65px;
}
#breadcrumbs a {
   color: #900;
}

/* Formulare
----------------------------------------------------------------------------- */
fieldset {
   padding: 8px;
   border: 1px solid #fff;
   margin: 0 0 1em 0;
}
legend {
   color: #fff;
   background: #f60;
   padding: 2px;
   font-size: 0.9em;
   font-weight: bold;
}
label {
   float: left;
   width: 9em;
   padding: 2px;
}
textarea {
	font-size: 1em;
}
div.textinput {
   margin: 1px auto 0.5em auto;
}
div.textinput textarea, div.textinput input {
   border: 1px solid #666;
   padding: 2px 3px 4px 3px;
   font-size: 1em;
   width: 400px;
}
input.btn {
   background: #ccc;
   color: #333;
   border: 1px outset #333;
   padding: 3px 10px 4px 10px;
}

/* CMS
----------------------------------------------------------------------------- */
.teaser {
   color: #900 !important;
   font-weight: bold !important;
   padding-bottom: 1em !important;
   /*border-bottom: 1px dashed #fff;*/
}
span.teaser {
   display: block;
}
.linieOben {
   border-top: 1px dashed #fff;
   padding-top: 5px;
}
span.linieOben {
   display: block;
}
#content hr {
   color: #f60;
   border: none;
   height: 1px;
   background: url(../bilder/system/trennlinie.gif) repeat-x;
   margin: 1em 0 0.5em 0;
}
#content .SchwarzeSchrift {
	color: #000;
}
#content .RoteSchrift {
	color: #900;
}
#content .MehrZeilenabstand {
	line-height: 1.7em;
}
.GrafikListenBullet ul, ul.GrafikListenBullet, li.GrafikListenBullet {
	list-style-image: url(/bilder/system/navi3_active.gif);
}


/* Sonstiges
----------------------------------------------------------------------------- */
#left p.adress { 
   margin: 2em 14px 1em 17px;
   line-height: normal;
   font-size: 0.8em;
	color: #555;
}
#left p.note { 
   margin: 0 14px 1em 17px;
   line-height: normal;
   font-size: 0.8em;
}
div.line {
   width: 100%;
   height: 1px;
   overflow: hidden;
   border-bottom: 1px dashed #fff;
}
#content ul, #content ol {
   padding-left: 13px;
}



/* Styleswitcher
----------------------------------------------------------------------------- */
#styleswitcher {
	position: absolute;
	left: 580px;
	bottom: 10px;
	width: 12em;
	color: #000;
	z-index: 199;
	background: #fff;
	line-height: 1em;
}

#styleswitcher ul {
	list-style: none;
}
#styleswitcher li {
	display: inline;
}
#styleswitcher a {
	color: #000;
	cursor: pointer;
}
* html #sswFontSizeContainer {
	margin-bottom: 8px;
}
#sswFontSizeLabel {
	position: relative;
	left: 44px;
	top: 0px;
}
#sswFontSizeContainer {
	width: 5em;
}
#sswFontSizeContainer br {
	display: none;
}
#sswFontSizeDown {
	position: relative;
	z-index: 200;
	float: left;
	margin: -14px 3px 0 0;
	height: 17px;
	width: 17px;
	text-indent: -9999px;
	background: url(../bilder/system/icon_fontsize_down.gif) no-repeat;
	overflow: hidden;
}
#sswFontSizeUp {
	position: relative;
	z-index: 200;
	float: left;
	margin: -14px 3px 0 0;
	height: 17px;
	width: 17px;
	text-indent: -9999px;
	background: url(../bilder/system/icon_fontsize_up.gif) no-repeat;
	overflow: hidden;
}
#fontDown {
	color: #000;
}

#sswLayoutLabel {
	position: relative;
	left: 44px;
	top: 0px;
}
#sswLayoutContainer {
	clear: both;
}
#sswLayoutStandard {
	position: relative;
	z-index: 200;
	float: left;
	margin: -14px 3px 0 0;
	height: 17px;
	width: 17px;
	text-indent: -9999px;
	background: url(../bilder/system/icon_layout_standard.gif) no-repeat;
	overflow: hidden;
}
#sswLayoutKontrastreich {
	position: relative;
	z-index: 200;
	float: left;
	margin: -14px 3px 0 0;
	height: 17px;
	width: 17px;
	text-indent: -9999px;
	background: url(../bilder/system/icon_layout_kontrastreich.gif) no-repeat;
	overflow: hidden;
}
#sswLayoutDruckansicht {
	display: none;
}