/*******************************************************
TITLE: Fluid Two-Column Layout float/clear
DATE: 20090810
AUTHOR: Jana Mahrhold
*******************************************************/


/* Kalibrierung
 *******************************/

html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins,strong,ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1;
color: black;
background: white;
}

:focus {
outline: 0;
}

ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
 
ol, ul {
list-style: none;
}

/* Main styles
*******************************/
html {
	height: 100%;
	margin-bottom: 1px;/* force vertical scrollbars */
}

body {
    background:#d3d3d3;
	color: #646464;
	font-size: 75%;
	text-align: left;
}

/* Sternchen-Hack, IE<V7 zentriert wrapper nicht => Anpassung text align body */

* body {
	text-align: center;
}

#topLine {
	background: url(img/top-line.gif) 0 0 repeat-x;
	margin-top: 0px;
}

#bottomLine {
	background: url(img/bottom-line.gif) 0 100% repeat-x;
}

/* Sternchen-Hack, IE<V7 stellt unteren Hintergrund verschoben dar => Anpassung padding */

* html #bottomLine {
	background: url(img/bottom-line.gif) 0 100% repeat-x;
	padding-bottom: 22px;
}

#wrapper {
	width: 951px;
	margin: 0 auto;
}

/* Sternchen-Hack, Ausgleich für zentrierenden text align center body */

* #wrapper {
	text-align: left;
}

/* Default fonts
*******************************/
body,
input,
select		{ font-family: Tahoma, Arial, Helvetica, sans-serif; }

textarea,
pre,
code 		  { font-family:"Courier New", Courier, monospace; }

/* Header elements
*******************************/
h1,
h2,
h3,
h4,
h5,
h6 { 
  font-weight:normal;
  color:#f21e1e;
}
h1 {
    padding-bottom:8px;
    font-size: 2.5em;
    line-height:1;
}
h2 {
    font-size: 1.83em;
}
h3 { 
    font-size: 1.5em;
    padding-bottom:.6em;
}
h4 { font-size: 1.3em; line-height: 1.8em; }
h5 { font-size: 1.2em; line-height: 1.6em; }
h6 { font-size: 1.1em; line-height: 1.2em; }

/* Text elements
*******************************/
p			  { margin: 0 0 1em 0; text-align: left; line-height:1.4; }
p.last 		  { margin-bottom:0; }
p.first		  { margin-top:1em; }
p.img		  { float: right; margin:0 0 1em 1em; padding:0; }

blockquote    {
    margin: 0 0 1em 1em;
    padding-left:1em;
    border-left:2px solid #646464;
}
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }

q,
cite          { font-style:italic;}
dl {
    line-height:1.4;
    margin-bottom:1em;
}

/* decorate lists in posts */

#postMain ul,
#postMain ol {
    margin: 0 0 1em 2em;
}

#postMain ul {
    list-style-type:disc;
}

#postMain ol {
    list-style-type:decimal;
}

#postMain ul li,
#postMain ol li {
    line-height:2;
}

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 dotted;
}

/* links */

a:link,
a:visited,
a:focus,
a:hover,
a:active	{ color: #707070; text-decoration: underline; cursor:pointer; }

a:hover		{ text-decoration:none; }
a:visited	{ }

a:active, 
a:focus     	{ outline: 0; } /*remove border in ff*/

/* Images */

img 		{ outline:0;border:0; }

/* Header
 *******************************/

#header {
	position:relative;
	overflow: visible;
    background:url(img/header-back-wide-small.gif) 0 0 no-repeat;
    height:153px;
    padding:10px 0 0 124px;
}

#header h1{
    margin-top: 30px;
	margin-left: 50px;
}

#header h1 a {
    text-decoration:none;
    color:#f21e1e;
}

/* Navi */

#header ul{
	position:absolute;
	left: 32px;
	bottom: 2px;
	overflow:hidden;
}

/* Sternchen-Hack, IE<V7 schiebt Navi-Leist nach oben => Anpassung position top */

* html #header ul{
	position:absolute;
	left: 32px;
	top: 119px;
	overflow: hidden;
}

#header  li{
	display: inline;
	float: left;
	background:url(img/nav.gif) 0 0 no-repeat;
}

#header li a {
	height:27px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:15px 18px 0;
	background:url(img/nav.gif) 100% 100% no-repeat;
}

/* Sternchen-Hack, IE<V7 stellt Navi-Tabs verschoben dar => Anpassung padding */

* html #header li {
	background:url(img/nav.gif) 0 0 no-repeat;
}

* html #header li a {
	height:27px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:15px 18px 15px 18px;
	background:url(img/nav.gif) 100% 100% no-repeat;
}	

#header li:hover {
	background:url(img/nav-hover.gif) 0 0 no-repeat;
}

#header li:hover a {
	background:url(img/nav-hover.gif) 100% 100% no-repeat;
}

/* Sternchen-Hack, IE<V7 versteht li:hover nicht, => einfacher Hover-Effekt */

* html #header a:hover, {
	text-decoration: underline;
}

* html #header a:focus, #header a:active {
	text-decoration: underline;
	color:#E08105;
}

/* Main
 *******************************/
 
#main {
    background:url(img/root-back-wide.gif) 0 0 repeat-y #fff;
    overflow:hidden;
    padding:10px 21px;
}

/* Sternchen-Hack, IE<V7 stellt mittleres Hintergrundbild nicht dar -> keine Ahnung warum */

#main {
    zoom: 1;
}

#leftColumn {
    float: right;
    width: 223px;
	margin-bottom: 8px;
}

.boxHeader {
	background:url(img/box-header.gif) 0 0 no-repeat;
	height:34px;
	padding:16px 20px 0;
}

.boxMain {
	background: url(img/box-back.gif) 0 0 repeat-y;
	padding: 8px 26px;
}

.boxMain table {
	margin: 0;
}

.boxMain tr {
	height: 40px;
}

.boxMain td {
	vertical-align: top;
}

.boxMain td:first-child {
	width: 40px;
}

.boxMain td:first-child + td {
	width: 90px;
}

.boxMain td a {
	color:#5588aa;
}

.boxMain td a:visited {
	color:#999999;
}

.boxMain ul {
	padding:0 5px 24px 5px;
}

.boxMain ul li {
	padding:9px 15px 1px 15px;
	font-size:.92em;
	background:url(img/box-li-bottom.gif) 0 100% repeat-x;
}

.boxMain ul li a {
	display:block;
	padding:1px 0 11px;
	background-position:100% 0;
	background-repeat:no-repeat;
}

.boxMain li a {
	background-image:url(img/cat.gif);
}

.boxMain ul li a:hover {
	text-decoration:underline;
}

.boxMain li a:hover {
	background-image:url(img/cat-hover.gif);
	color:#f21e1e;
}

.boxFooter {
	background: url(img/box-footer.gif) 0 100% no-repeat;
	height: 24px;
	padding:0 5px;
}

#centerColumn {
    float: left;
    width: 670px;
    min-height: 610px;
    height: auto!important;
	height: 610px; /* min-height für IE<7 */
}

#postHeader  {
	height:11px;
    background:url(img/post-header-wide.gif) 0 0 no-repeat;
}

/* Sternchen-Hack, IE<V7 stellt Übergang Header->Main mit weißem Rand dar */

* html #postHeader  {
	height: 11px;
    background:url(img/post-header-wide.gif) 0 0 no-repeat;
	border: none;
	margin: 0 0 -2px 0;
}

#postMain {
	padding:20px 26px;
	background:url(img/post-back-wide.gif) 0 0 repeat-y;
}

#postMain a {
	color:#E08105;
}

#postMain ul {
	margin-top: 8px;
	margin-bottom: 30px;
}

#postMain ul li, #postMain ul li a {
	/*display: inline;*/
	padding: 0 2px;
	white-space: nowrap;
}

/* Sternchen-Hack, IE<V7 kennt kein nowrap => situationsbedingte Anpassung margin */

* html #postMain ul li, #postMain ul li a {
	margin: 0 2px;
	white-space: normal;
}


.table_list_all {
	margin: 20px 0 0 5px;
}

.table_list_all ul {
	display: none;
}

.table_list_all  td:first-child  {
	width: 15px;
	vertical-align: center; 
	align: left; 
}

.table_list_all  td:first-child  + td{
	width: 40px;
}

.table_list_all td:first-child + td  + td{
	width: 90px;
}

/* Sternchen-Hack, IE<V7 stellt Überblickstabelle mit weißem unteren Rand dar */

* html #table_overview{
	margin: 20px 0 0 5px;
}

#postMain tr {
	height: 40px;
}

#postMain td {
	vertical-align: top;
}

#postMain td a {
	color:#5588aa;
}

#postMain td a:visited {
	color:#999999;
}

#table_overview {
	width: 100%;
}

#table_overview td{
	width: 33%;
	text-align: left;
}

#postFooter {
    height:11px;
    background:url(img/post-footer-wide.gif) 0 0 no-repeat;
}


#footer {
	clear: both;
    background:url(img/footer-back-wide.gif) 0 0 no-repeat #c4c4c4;
    height:70px;
    font-size:.92em;
    padding:22px 27px 0;
}