/*
* CSS-Stylesheet for:
* THW Weingarten
*
* @author: Jan Wagenbret& Webmaster
* @ov:     THW OV Weingarten
* @url:    http://www.thw-weingarten.de
*
* 2008-04-23
*/

/*
  ---------------------------------------------------------------
  Global Definitions
  ---------------------------------------------------------------
*/
html{
 background: url(../images/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%;
}

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(../images/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: 0px;
 font-size: 70%;
 text-align: right;
 padding-right: 0px;
}

#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(../images/12x1.gif) repeat-y;
 z-index: 0;
}

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

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

#biene2006 {
 position: absolute;
 top: 0;
 right: 210px;
 height: 72px;
 padding: 6px 6px 0 0;
 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;
 left: 0;
 right: 0;
 width: 100%; 
 padding-bottom: 21px;
 background: #039 url(../images/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;
	line-height: 14px;
	background-color: #001689;
	padding: 22px 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 a:visited {
 color: Yellow;
}

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

#navi a:active,
#navi a:focus {
 background: url(../images/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 {
 background-color: #039;
 border-bottom: 1px solid #001689;
 border-top: 1px solid #1443A1;
 width:172px;
 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 {
 background: url(../images/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(../images/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;
 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(../images/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(../images/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;
}

label.left,
form.kontakt fieldset span.left {
 float       : left;
 text-align  : right;
 width       : 12em;
 margin-right: .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 :    12.5em;
 margin-right:    .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(../images/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(../images/square_blue_5x5.gif) no-repeat center left;
}

#printversion #link-seitenanfang a.right{
 text-align: right;
 background: url(../images/arrow_blue_up.gif) no-repeat center left;
}
/*body {
    font-size : 100.01%;
}*/
div#navi #acc {
    margin: 0 4em;
    padding : 0;
    width : 10.3em;
    font-family : verdana, arial, helvetica, sans-serif;
    font-size : 0.9em;
    text-align : center;
    line-height : 1.1em;
}
div#navi #acc li {
    margin : 0 0.25em 0.25em 0;
    padding : 0;
    border : 1px solid #6f6f6f;
    float : left;
    list-style : none;
    display : block;
}
div#navi #acc li a:link,
div#navi #acc li a:visited {
    color : #000000;
    background : #d3d3d3;
    padding : 0.25em 1em;
    width : 0.9em;
    display : block;
    text-decoration : none;
}
div#navi #acc li a:hover {
    color : #fffff2;
    background : #bf0000;
    font-weight : bold;
}
div#navi #acc li a:focus,
div#navi #acc li a:active {
    color : #fffff2;
    background : #000080;
    font-weight : bold;
}
div#navi #acc .acc-n {
    border : 1px dotted #d7e9ff;
    padding : 0.25em 1em;
    width : 0.9em;
    color : #000000;
    background : #fff;
}
div#navi #acc li.acc-logo {
    border : 0;
    width : 6.3em;
}
div#navi #acc .acc-logo a:link,
div#navi #acc .acc-logo a:visited {
    padding : 0.25em 0 0.25em 0.1em;
    width : 6.1em;
    display : block;
    color : #ff0000;
    background : transparent;
    letter-spacing : 0;
    text-decoration : none;
    border : 1px solid #ffffff;
}
div#navi #acc .acc-logo a:hover,
div#navi #acc .acc-logo a:focus,
div#navi #acc .acc-logo a:active {
    background : #d3d3d3;
    text-decoration : underline;
    border : 1px solid #6f6f6f;
}
div#navi #acc strong {
    color : #000080;
    font-variant : small-caps;
    font-weight : bold;
}
div#navi #acc strong em {
    color : #ff0000;
    font-style : italic;
    letter-spacing : 0;
}
div#navi #acc span {
    width : 0;
    position : absolute;
    left : -1000px;
    top : -1000px;
    height : 0;
    overflow : hidden;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }