/*
* CSS-Stylesheet for:
* THW Lahr
*
* @author: Stefan Joerger, BOE & Webmaster
* @ov:     THW OV Lahr
* @url:    http://www.thw-lahr.de
*
* 2008-07-15
*/

/*
  ---------------------------------------------------------------
  Global Definitions
  ---------------------------------------------------------------
*/
html{
 background: url(/i/12x1.gif) repeat-y;
}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 101%;
 padding: 0;
 margin: 0;
 line-height: 100%;
}

img {
 border: 0;
}

/*
  ---------------------------------------------------------------
  Tables
  ---------------------------------------------------------------
*/

table {
 border-collapse: collapse;
 width: 100%;
}

/* Hack for IE6 */
html>body #table {
 border-collapse: collapse;
 width: 80%;
}

th {
 color:#fff;
 background-color: #039;
}

th,
td {
 border: 1px solid white;
 padding: 3px 6px 4px 6px;
}

tr.odd td {
 background-color:#C6D5E8;
}

tr.even td {
 background-color:#E5EAF5;
}

strong {
 font-weight: bold;
}

abbr, acronym, .tooltip {
 cursor: help;
 border-bottom: 1px dotted gray;
}

a {
 text-decoration: underline;
}

dd{
 margin-bottom: 10px;
}

h1 {
 display: none;
 visibility: hidden;
}
/*
hr{
 color: #6288BE;
 border: 0;
 background: #6288BE url(/i/1x1_hellblau.gif) repeat-x;
 padding: 0;
 size: 1px;
 height: 1px;
}
*/
div#lineUnderLogos {
/*
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0 0 0 12px;
	height: 1px;
	border: 0;
	color: #6288BE;
	background: #6288BE;
	size: 1px;
*/
}
/*
  ---------------------------------------------------------------
  Header
  ---------------------------------------------------------------
*/

#impress-sitemap {
 position: absolute;
 top: 0;
 right: 0;
 height: 20px;
 font-size: 70%;
 text-align: right;
 padding-right: 12px;
}

#impress-sitemap a {
	color: #000;	
}

#impress-sitemap a:hover {
 text-decoration: none;
}

#logos{
 position: absolute;
 top: 20px;
 left: 0;
 width: 100%;
 height: 78px;
 background: #039 url(/i/12x1.gif) repeat-y;
 z-index: 0;
}

#logo-ba-thw{
 position: relative;
 top: 0;
 left: 0;
 height: 78px;
 width: 196px;
 background: url(/i/12x1.gif) repeat-y;
 padding: 0 0 0 12px;
 z-index: 4;
}

#logo-rubrik{
 position: relative;
 left: 0;
 /*left: 208px;*/
 height: 78px;
 z-index: 2;
}

#logo-ov {
 position: absolute;
 top: 0;
 right: 11px;
 height: 58px;
 padding: 10px 0;
 z-index: 2;
}

#logo-ov-print {
 display: none;
}

#main {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
}
 
#abstandlinks {
 position: absolute;
 top: 99px;
 right: 0;
 width: 100%; 
 padding-bottom: 42px;
 background: #039 url(/i/12x1.gif) repeat-y;
 z-index: 1;
}

#breadcrumb {
 position: absolute;
 top: 0;
 left: 230px;
 padding-bottom: 10px;
}

div#breadcrumb ul, div#breadcrumb li{
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}

#breadcrumb {
 font-size: 69%;
 color: #fff;
 background-color: #039;
 padding: 3px 0 2px 0;
}
	
#breadcrumb a {
 color: #fff;
}

#breadcrumb a:hover {
 text-decoration: none;
}

#navi{
	position: absolute;
	top: 98px;
	left: 12px;
	font-size: 70%;
	margin-bottom: 40px;/*40px*/
	line-height: 14px;
	background-color: #001689;
	padding: 42px 0 50% 0;
	border-top: 1px solid #6288BE;
	z-index: 5;
}

#navi ul, ul.termine {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#navi a {
 text-decoration: none;
 color: #fff;
 display: block;
}

#navi span.current{
 text-decoration: none;
 color: Yellow;
 display: block;	
}

#navi a:visited {
 color: Yellow;
}

#navi a:hover {
 background: url(../i/pfeil_weiss.gif) no-repeat top left;
}

#navi a:active,
#navi a:focus {
 background: url(../i/pfeil_weiss.gif) no-repeat top left;
 font-weight: bold;
}

#navi ul a,
#navi ul a:hover,
#navi ul a:active,
#navi ul a:focus,
#navi ul li a.current,
#navi ul li span.current {
 background-color: #039;
 border-bottom: 1px solid #001689;
 border-top: 1px solid #1443A1;
 width: 172px;
 /*width: 12.25em;*/
 padding: 4px 4px 4px 20px;
}

#navi a:visited,
#navi ul li a:visited {
 background-color: #039;	
}
 
#navi ul ul a,
#navi ul ul a:hover,
#navi ul ul a:active,
#navi ul ul a:focus,
#navi ul li ul a.current {
 background-color: #436EB2;
 border-bottom: 1px solid #001689;
 border-top: 1px solid #6288BE;
 width: 164px;
 padding: 4px 4px 4px 28px;
}

#navi ul li ul a:visited {
 background-color: #436EB2;
}

#navi li a.current,
#navi li span.current {
 background: url(../i/pfeil_weiss.gif) no-repeat top left;
 font-weight: bold;
}

#navi ul ul ul a,
#navi ul ul ul a:hover,
#navi ul ul ul a:active,
#navi ul ul ul a:focus,
#navi ul ul ul a.current{
 background-color: #6288BE;
 border-bottom: 1px solid #001689;
 border-top:1px solid #85A4CC;
 width:156px;
 padding: 4px 4px 4px 36px;
}

#navi ul ul ul a:visited{
 background-color: #6288BE;
}

#navi ul ul ul ul a,
#navi ul ul ul ul a:hover,
#navi ul ul ul ul a:active,
#navi ul ul ul ul a:focus,
#navi ul ul ul ul a.current {
 background-color: #85A4CC;
	border-bottom: 1px solid #001689;
	border-top:1px solid #AAC0DC;
	width:148px;
	padding: 4px 4px 4px 44px;
}

#navi ul ul ul ul ul a,
#navi ul ul ul ul ul a:hover,
#navi ul ul ul ul ul a:active,
#navi ul ul ul ul ul a:focus {
 background-color: #AAC0DC;
	border-bottom: 1px solid #001689;
	border-top: 1px solid #C6D5E8;
	width:140px;
	padding: 4px 4px 4px 52px;
}

#content,
#contentNoTeaser {
 position: absolute;
 top: 143px;
 left: 230px;
 right: 214px;
 font-size: 70%;
 margin: 23px 0 0 0;
}

#contentNoTeaser {
 right: 10px;
}

div#content div.contentBlockDetail {
 margin: 0 0 20px 0;
}

div#content div.contentBlock {
 margin: 0 0 20px 0;
 border-left: 8px solid #039;
}

div#content div.contentBlock div.contentRubric,
div#content div.contentBlockDetail div.contentRubric,
div#contentNoTeaser div.contentBlockDetail div.contentRubric {
 font-weight: normal;
 font-size: 80%;
 color: #039;
 border-top: solid 1px #039;
 margin: 0 0 2px 7px;
 text-align: right; 
 line-height: 12px;
}

div#content div.contentBlock div.contentThumbnail {
 float: left;
 width: 149px;
 height: 112px;
 padding: 0;
 margin: 0 0 0 7px;
}

div#content div.contentBlock div.contentAround {
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
}

div#content div.contentBlock div.contentMain {
 padding: 0 0 0 171px;
 margin: 0;
}

div#content div.contentBlockDetail div.contentMain {
 padding: 0 0 0 7px;
 margin: 0;
}

div#content div.contentBlock h2,
div#content div.contentGalleries h2,
div#contentNoTeaser h2,
div#content div.contentBlockDetail h2 {
 font-style: normal;
 font-size: 125%;
 color: #000;
 margin: 0 0 5px 0;
 padding: 0;
}

div#content div.contentBlock h3,
div#content div.contentBlockDetail h3 {
 font-style: normal;
 font-size: 120%;
 color: #000;
 margin: 0 0 5px 0;
 padding: 0;
}

div#content div.contentBlock p,
div#content div.contentBlockDetail p {
 margin: 0 0 14px 2px;
 line-height: 1.3em;
}
/*	padding: 0 0 0 3px; */

div#content div.contentBlock div.contentMehr {
 display: block;
 clear: both;
 font-size: 85%;
 background-image: url(/i/Pfeil_doppelt.gif);
 background-repeat: no-repeat;
 margin: 0 0 0 7px;
 padding: 0;
}

div#content div.contentBlock div.banner {
 text-align: center;
}

div#content div.contentBlock div.contentMehr a,
div#teaser div.teaserBlock div.teaserMehr a {
 text-decoration: underline;
 color: #039;
 padding-left: 12px;
}

div#content div.contentBlock div.contentMehr a:hover,
div#teaser div.teaserBlock div.teaserMehr a:hover {
 text-decoration: underline;
}

div#content div#sitemap ul{
 margin: 30px 0;
 padding: 0;
}

div#content div#sitemap ul li ul,
div#content div#sitemap ul li ul li ul {
 margin: 0;
 padding: 0;
}

div#content div#sitemap ul li ul,
div#content div#sitemap ul li ul li ul,
div#content div#sitemap ul li ul li ul li ul{
  border-top: 1px solid #039;
}

div#content div#sitemap ul li,
div#content div#sitemap ul li ul li,
div#content div#sitemap ul li ul li ul li {
 list-style-type: none;
 border-bottom: 1px solid #039;
 margin: 0;
 padding: 2px 0;
}

div#content div#sitemap ul li{
 text-indent: 0;
}

div#content div#sitemap li ul li{
 text-indent: 30px;
}

div#content div#sitemap li ul li ul li{
 text-indent: 60px;
}

div#content div#sitemap li ul li ul li ul li{
 text-indent: 90px;
}

#teaser {
 font-size: 70%;
 position: absolute;
 top: 164px;
 right: 16px;
 width: 176px;
 /*width: 11em;*/
 z-index: 2;
 margin-left: 20px;
}

div#teaser div.teaserBlock {
 color: #039;
 background-color: #C6D5E8;
 margin-bottom: 8px;
 padding-bottom: 7px;
}

div#teaser div.teaserBlock dl.termine {
 margin: 9px 0 4px 7px;
 padding: 0;
}

div#teaser div.teaserBlock dl.termine dd{
 margin: 3px 8px 4px 7px;
 padding: 0 0 3px 0;
 border-bottom: 1px solid gray;
}

div#teaser div.teaserBlock dl.termine dt{
 margin: 0 8px 0 0;
 padding: 0;
}
	
div#teaser div.teaserBlock h5 {
 font-weight: bold;
 font-size: 85%;
 color: #FFF;
 background-color: #001689;
 margin: 0 0 8px 0;
 padding-left: 11px;
 background-image: url(/i/linke_ecke.gif);
 background-position: top left;
 background-repeat: no-repeat;
 line-height: 20px;
}

div#teaser div.teaserBlock img {
 margin: 0;
 padding: 0;
}

div#teaser div.teaserBlock p {
 font-size: 85%;
 color: #000;
 margin: 0 0 0 0;
 padding: 0 8px;
 line-height: 12px;
 width: 160px;
}

div#teaser div.teaserBlock div.teaserMehr {
 font-size: 85%;
	background-image: url(/i/Pfeil_doppelt.gif);
	background-repeat: no-repeat;
	margin: 9px 0 4px 7px;
	padding: 0;
}

.error, h1.error, h2.error {
 color: Red;
}

.noHighlightedLink {
 text-decoration: none;
}

/*
 * -------------------------
 * nun Klassen fuer barrierefreies Formular
 * -------------------------
 */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
 background: #ddd;
}

input:focus, textarea:focus {
color: #000;
background: #fff;
outline: 1px solid red;
}

label.left,
form.kontakt fieldset span.left {
 float       : left;
 text-align  : right;
 width       : 14.5em;
 margin-right: 0.5em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */
input[type=text],
select {
 float: left;
}

input.right,
form.kontakt fieldset span.right {
 float       : left;
 width       : auto;
 clear       : both;
 margin-left : 15em;
 margin-right: 0.5em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, warum */
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right,
form.kontakt fieldset span.right {
 margin-left: 12.5em;
}

/*  Nicht vergessen, die floats wieder aufzuheben */
form br {
 clear: both;
}

form {
 line-height: 250%;
}

form.kontakt fieldset, form.kontakt fieldset legend {
 border: 0;
}


div#contentNoTeaser div.contentBlock div.contentMain,
div#contentNoTeaser div.contentBlock div.contentGalleries {
 padding: 0 0 0 10px;
 margin: 0;
 width: 100%;
}

.contentGalleries h1{
 font-size: 125%;
 font-weight: bold;
}

.contentGalleries li{
 list-style: square;
 padding: 3px 0;
} 

.center {
 text-align: center;
}

.currentPage{
 font-weight: bold;
}

.invisible{
 visibility: hidden;
 display: none;
}

#lineUnderLogos {
 position: absolute;
 top: 98px;
 right: 0;
 width: 90%; 
 height: 1px;
 padding: 0;
 border-top: 1px solid #6288BE;
 background: White url(/i/12x1.gif) repeat-y;
 z-index: 1;
}

li.singleImage {
 width: 160px;
 height: 145px;
 float: left;
 text-align: center;
 margin: 0 8px 8px 0;
 background-color: #E5EAF5;
 list-style-type: none;
}

li.singleImage:hover {
 width: 158px;
 height: 143px;
 float: left;
 text-align: center;
 margin: 0 8px 8px 0;
 background-color: #E5EAF5;
 list-style-type: none;
 border: 1px solid #039;
}

#galleryList {
 padding: 0;
 margin: 0;
}

div#printversion{
 position: relative;
 border-bottom: 1px solid #039;
 height: 15px;
}

div#printversion a{
 text-decoration: none;
 font-weight: normal;
 font-size: 80%;
 padding-left: 10px;
}

#printversion #link-printversion{
 position: relative;
 float: left;
 text-align: left;
 width: 29%;
}

#link-seitenanfang{
 position: relative;
 float: right;
 text-align: right;
 width: 29%;
}

#printversion #link-printversion a.left{
 text-align: left;
 background: url(/i/square_blue_5x5.gif) no-repeat center left;
}

#printversion #link-seitenanfang a.right{
 text-align: right;
 background: url(/i/arrow_blue_up.gif) no-repeat center left;
}


/* Paging on list pages */
#paging{
 margin-bottom: 2em;
}

#paging ul{
 display: inline;
 padding-left: 0.5em;
}

#paging ul li,
#paging ul li.current{
 display: inline;
 list-style-type: none;
 clear: both;
 font-size: 85%;
 background-image: url(/i/Pfeil_doppelt.gif);
 background-repeat: no-repeat;
 margin: 0 0 0 7px;
 padding: 0 0 0 12px;
}

#paging ul li.current{
 background-image: none;
 padding: 0 0 0 5px;
}

.searchResults a{
 background-image: url(/i/Pfeil_doppelt.gif);
 background-repeat: no-repeat;
 margin: 0 0 0 7px;
 padding: 0 0 0 12px;
}