/*  ------------------------------------------------------
Stylesheet zu www.giby.de
$Id: handheld.css,v 1.32 2006/02/14 08:48:28 unrz180 Exp $
--------------------------------------------------------*/

/* 			Used Colors:                                                 					*/
/* 			#AA3E3B: rot, h1*/
/* 			#3366CC: mittelblau (h2, links, Schnellzugriff, footer)	*/
/* 			#000066: violettblau (links visited)									*/
/* 			#4A77CF: mittelblau (links hover)									*/
/* 			#082E7B: dunkelblau (border-bottom)							*/
/* 			#F7F7F7: hellgrau (fieldset)												*/
/* 			#797979: mittelgrau (border navi)									*/
/* 			#F4F6EC: beige (content bg)											*/
/* 			#DBDCD2: mittelgrau (image-caption)							*/
/* 			#F4F6EC: beige2 (streaming hover)									*/
/* 			#ececec: mittelgrau (quick+wmv hover)							*/
/* 			#FAFAFA : hellgrau (realplayer_inaktiv)							*/
/* 			#CDCDCD: hellgrau (color, inaktiv)									*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
html, body, p, ul, ol, h1, h2, h3, h4, h5, h6, form, dl, dl dd, dl dt, hr {margin: 0; padding: 0;}

body {
color: #333;
font: 100.1%  "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
background-color: #fff;
}

table, img {border: 0 none;}

ul {list-style-type: none;}

/*  ------------------------------------------------------
ALLGEMEINE KLASSEN
--------------------------------------------------------*/
.clear, div.clearfix {
clear: both;
height:0;
font-size: 0;
overflow: hidden;
}

.hidden { display: none;}
hr {display: none;}

acronym, abbr {
cursor: help;
border-bottom: #333 1px dotted;
}

.right {text-align: right;}

/*  ------------------------------------------------------
SPRUNGMARKEN
--------------------------------------------------------*/
p.sprungmarke  {
margin: 10px 0;
padding: 0 0 0 10px;
}

p.sprungmarke a {
color:#3366CC; 
text-decoration:underline; 
}

p.sprungmarke a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

/*  ------------------------------------------------------
NOPRINT
--------------------------------------------------------*/
address#print_right, p#print_left, img#hands_print {display: none;}

/*  ------------------------------------------------------
TYPO AND COLOUR
--------------------------------------------------------*/
p {font-size: 0.7em;}

h1 {
font-size: 1em;
font-weight: bold;
color: #AA3E3B;
margin:10px 0;
}

h2 {
font-size: 0.82em;
font-weight: bold;
color: #3366CC;
margin: 0 0 4px 0;
}

h3, h4, h5, h6 {
font-size: 0.8em;
margin: 0 0 10px 0;
font-weight: bold;
}

 input, textarea {font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
 
em, cite, i {font-family: "Verdana", Lucida Sans, Lucida Sans Unicode, sans-serif;}

div#content p {
margin: 0 0 16px 0;
line-height: 140%;
}

/*  ------------------------------------------------------
LINKS - EXTERN / INTERN
--------------------------------------------------------*/
a.intern, 
a.datei, 
a.extern, 
a.mail {
background-color:#F4F6EC; /*verhindert Springen u.a. in Listen im IE*/
border-bottom: #F4F6EC 1px solid;
}

a.intern, 
a.datei {
color:#3366CC; 
text-decoration:underline; 
}

a.extern {
color:#3366CC; 
text-decoration:underline; 
background: url(/fileadmin/gib/images/icon_externlink.gif) no-repeat 0 3px;
padding: 0 2px 0 12px;
}
 
a.mail {
color:#3366CC; 
text-decoration:underline; 
background: url(/fileadmin/gib/images/mail.gif) no-repeat 0 3px;
padding: 0 2px 0 16px;
}

a.intern:visited,
a.datei:visited, 
a.extern:visited,
a.mail:visited{
color:#000066; 
}
 
a.intern:hover,
 a.datei:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

a.extern:hover, 
a.mail:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

/*  ------------------------------------------------------
STYLESWITCHER  
--------------------------------------------------------*/
p#navieinblenden a, div#left  ul#navispalte {display: none;}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header {background: none;}

div#header p {
background: none;
height: 75px;
}

div#header p img {
padding: 16px 0 0 16px;
}

/*  ------------------------------------------------------
SCHNELLZUGRIFF
--------------------------------------------------------*/
div#schnellzugriff {  
clear: both;
}

html>body div#schnellzugriff { /*too cool for MSIE*/
background-color: #3366CC; 
padding: 0 0 5px 0;
}

div#schnellzugriff ul {
background-color: #B3CDED;
border-bottom: #fff 1px solid;
border-top: #fff 1px solid;
height: 1.64em;
font-size: 0.8em;
letter-spacing: 0.01em;
padding: 0 0 0 16px;
}

div#schnellzugriff ul li {
display: inline;
}

div#schnellzugriff ul li a, div#schnellzugriff ul li span {
color: #333;
text-decoration: none;
display: block;
float: left;
padding: 4px 8px 3px 8px;
}

div#schnellzugriff ul li span.hidden {/*temporŠr*/
display: none;
}

div#schnellzugriff ul li a:hover{
background-color: #3366CC;
color: #fff;
}

div#schnellzugriff ul li span.active{
background-color: #3366CC;
color: #fff;
}

/*  ------------------------------------------------------
LEFT
--------------------------------------------------------*/
div#left {
background-color: #fff;
float: none;
width:15em;
padding: 0 0 20px 0;
}

/*  ------------------------------------------------------
LEFT - SUCHE
--------------------------------------------------------*/
form.formular {margin: 10px 12px 12px 12px;}

form.formular fieldset {
border: #999 1px solid;
background-color: #F7F7F7;
height: 3.2em;
margin: 0; 
padding: 0 6px; 
}

form.formular fieldset p {padding: 4px 4px 0 2px;}

form.formular fieldset input#suchfeld {
border-right: #C3C3C3 1px solid;
border-top: #999 1px solid;
border-left: #C3C3C3 1px solid;
border-bottom: #ddd 1px solid;
width:15em;
font-size: 1em;
padding: 2px 0 2px 4px;
}

form.formular fieldset input {vertical-align: middle;}

form.formular fieldset legend {
font-weight: bold;
font-size: 0.8em;
text-align: left;
}


/*  ------------------------------------------------------
LEFT - NAVIGATION 
--------------------------------------------------------*/
/*COMMON*/
div#left ul li { border-top: #fff 1px solid;}

div#left ul li a {
display: block;
letter-spacing: 0.01em;
padding: 2px 3px 2px 14px;
color: #333;
text-decoration: none;
}

/*level_1*/
div#left ul#level_1 {
border-top: #999 1px solid;
border-bottom: #999 1px solid;
margin: 20px 0 0 12px;
list-style-type: none;
font-size: 0.8em;
}

div#left ul#level_1 li a {background: #E9EAE0 url(/fileadmin/gib/images/icon_nav.gif) no-repeat 2px 50%;}

div#left ul#level_1 li a:hover {
background-color: #fff;
color: #000;
}

div#left ul#level_1 li a.active, div#left ul#level_1 li span.active {
display: block;
letter-spacing: 0.01em;
background: #fff url(/fileadmin/gib/images/icon_nav_active.gif) no-repeat 2px 50%;
font-weight: bold;
color: #000;
padding: 2px 3px 2px 14px;
}

div#left ul#level_1 ul li a, div#left ul#level_1 ul li a.active, div#left ul#level_1  ul li span.active {background-image: none;}

/*level_2*/
div#left ul#level_2 {
font-size: 0.86em;
border-top: #999 1px solid;
border-bottom: #999 1px solid;
}

div#left ul#level_2 li a {
border-left: #797979 5px solid;
background-color: #F4F6EC;
padding: 2px 3px 2px 9px;
}

div#left ul#level_2 li a.active, div#left ul#level_2 li span.active {
display: block;
padding: 2px 3px 2px 9px;
background-color: #F4F6EC;
border-left: #3366CC 5px solid;
font-weight: bold;
color: #000;
}

div#left ul#level_2 li a:hover {
background-color: #fff;
border-left: #3263C3 5px solid;
color: #000;
}

/*level_3*/
div#left ul#level_3 {
border-top: #fff 1px solid; 
font-size: 1em;
}

div#left ul#level_3 li {
border-left: #B3CDED 5px solid;
border-top: 0 none;
}

div#left ul#level_3 li a{
border-bottom: #fff 1px solid;
border-left: 0 none;
font-weight: normal;
text-decoration: none;
color: #333;	
}

div#left ul#level_3 li span.active, div#left ul#level_3 li a:hover {
display: block;
border-left: 0 none;
}

/*  ------------------------------------------------------
NAVI2 
--------------------------------------------------------*/
div#left  ul#navi2 {
margin: 12px 0 12px 12px;
list-style-type: none;
border-top: #999 1px solid;
border-bottom: #999 1px solid;
padding: 0 0 1px 0;
}

div#left  ul#navi2 li { border-top: #fff 1px solid;}

div#left  ul#navi2 li a, 
div#left  ul#navi2 li span { 
padding: 2px 6px;
font-size: 0.7em;
text-decoration: none;
letter-spacing: 0.01em;
}

div#left  ul#navi2 li a { 
background-color: #E9EAE0;
color: #333;
}

div#left  ul#navi2 li a:hover { 
color: #000;
background-color: #fff;
}

div#left  ul#navi2 li span.active {
background-color: #fff;
font-weight: bold;
color: #000;
}

/*  ------------------------------------------------------
BREADCRUMB
--------------------------------------------------------*/
p#breadcrumb a {
color: #333;
text-decoration: underline;
}

p#breadcrumb a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

p#breadcrumb span.active {font-weight: bold;}

/*  ------------------------------------------------------
CONTAINER BUILD CONTENT
--------------------------------------------------------*/
div#content {
margin: 0;
background-color: #F4F6EC;	
}

div#outer {
float:none;
background-color: #F4F6EC;
}

div[id]#outer {width: 100%;}

div#inner {
padding: 10px 20px 20px 20px;
}

/*  ------------------------------------------------------
CONTENT - TABELLE
--------------------------------------------------------*/
table.contenttable {
margin: 10px 0 20px 0;
border-collapse:collapse;
}

table.contenttable thead, 
table.contenttable tfoot   {
text-align: left;
background-color: #E9EAE0;
border-top: #999 1px solid;
border-bottom: #999 1px solid;
}

table.contenttable td, 
table.contenttable th {
vertical-align: top;
text-align: left;
padding: 2px 8px 2px 0;
border-bottom: #999 1px solid;
}

table.contenttable td, 
table.contenttable th{
font-size: 0.7em;
line-height: 140%;
}

table.contenttable caption {
font-size: 0.8em;
font-weight: bold;
text-align: left;
}

/*  ------------------------------------------------------
CONTENT - UNORDERED LISTS
--------------------------------------------------------*/
div#content ul {
font-size: 0.7em;
line-height: 160%;
list-style-type: square;
margin: 0 auto 16px 18px;
}

/*  ------------------------------------------------------
CONTENT - ORDERED LISTS
--------------------------------------------------------*/
div#content ol {
font-size: 0.7em;
line-height: 160%;
margin: 0 auto 16px 18px;
}

/*  ------------------------------------------------------
CONTENT - SITEMAP
--------------------------------------------------------*/
div#content ul.sm_level_1 {
list-style-type: square;
margin: 0 0 0 18px;
font-size: 1em;
}

div#content ul.sm_level_2  {
margin: 0 0 0 30px;
}
 
div#content ul.sm_level_3 {
margin: 0 0 0 40px;
}

div#content ul.sm_level_1 li a {
font-size: 0.7em;
color:#3366CC; 
text-decoration:underline; 
font-weight: bold;
}

div#content ul.sm_level_2 li a, 
div#content ul.sm_level_3 li a {
font-weight: normal;
font-size: 1em;
}

div#content ul.sm_level_1 li a:visited {
color:#000066; 
}

div#content ul.sm_level_1 li a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

div#content ul.sm_level_1 img {
margin: 0  0 0 2px;
}


/*  ------------------------------------------------------
CONTENT - SEARCH + SEARCHRESULT
--------------------------------------------------------*/
div#content input.tx-indexedsearch-searchbox-sword {
border-right: #C3C3C3 1px solid;
border-top: #999 1px solid;
border-left: #C3C3C3 1px solid;
border-bottom: #ddd 1px solid;
padding: 2px 4px;
font-size:1em;
}

div#content input.tx-indexedsearch-searchbox-button {
border-left: #C3C3C3 1px solid;
border-bottom: #999 1px solid;
border-right: #C3C3C3 1px solid;
border-top: #ddd 1px solid;
background-color: #fff;
padding: 1px 3px;
color:#333;
font-size:1em;
}

ul.tx-indexedsearch-sectionlinks li a {color: #333;}

p.tx-indexedsearch-browsebox-SCell a {
color:#333;
font-weight: bold;
}

div.tx-indexedsearch-secHead h2 a {
font-weight: bold;
color: #3366CC;
margin: 0 0 4px 0;
}

ul.tx-indexedsearch-sectionlinks li a:visited, 
p.tx-indexedsearch-browsebox-SCell a:visited, 
p.tx-indexedsearch-info a:visited, 
div.tx-indexedsearch-secHead h2 a:visited, 
div#content  div.tx-indexedsearch-res h3 a:visited {
color:#000066; 
}

ul.tx-indexedsearch-sectionlinks li a:hover, 
p.tx-indexedsearch-browsebox-SCell a:hover, 
p.tx-indexedsearch-info a:hover, 
div.tx-indexedsearch-secHead h2 a:hover, 
div#content  div.tx-indexedsearch-res h3 a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

div#content div.tx-indexedsearch-res ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 1em;
}

div#content div.tx-indexedsearch-res ul li {
position: relative;
width:96%;
}

div#content  div.tx-indexedsearch-res h3 {
background: url(/fileadmin/gib/images/pages.gif) no-repeat left top;
padding: 0 0 0 20px;
}

div#content  div.tx-indexedsearch-res h3 a {
color:#333;
background-color: transparent; /*verhindert Springen im IE*/
border-bottom: #F4F6EC 1px solid;
}

span.tx-indexedsearch-redMarkup {
font-weight: bold;
color:#333;
background-color: #B3CDED;
padding: 0 3px;
}

p.tx-indexedsearch-info {line-height: 180%;}
p.tx-indexedsearch-info a {color:#333;}

/*  ------------------------------------------------------
CONTENT - NEWS
--------------------------------------------------------*/
div#content div.news-latest-item {margin: 0 0 20px 0;}

div#content div.news-latest-container a, 
div.news-single-additional-info a, 
div.news-single-item a {
color: #3366CC;
text-decoration: underline;
}

div#content div.news-latest-container a:visited, 
div.news-single-additional-info a:visited, 
div.news-single-item a:visited {
color:#000066; 
}

div#content div.news-latest-container a:hover, 
div.news-single-additional-info a:hover,
div.news-single-item a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

div#content div.news-latest-container h3 a, 
div#content  p.news-latest-date a {
color: #333;
text-decoration: underline;
}

div#content div.news-latest-item p, 
div#content div.news-latest-item h3 {
margin: 0 0 6px 0;
padding: 0;
}

div#content div.news-latest-item a img {
float: left;
margin: 0 6px 6px 0;
}

div#content p.news-latest-gotoarchive a, 
div#content p.news-single-backlink a {
color: #3366CC;
font-weight: bold;
}

div#content p.news-latest-gotoarchive a:hover, 
div#content p.news-single-backlink a:hover {
background-color:#4A77CF;
color:#fff;
text-decoration: none;
border-bottom: #082E7B 1px solid;
}

div#content p.news-latest-morelink {clear: both; }

div.news-single-img  {
float: left;
margin: 0 6px 6px 0;
}

p.news-single-imgcaption {
font-size: 0.62em;
background-color: #DBDCD2;
padding: 3px 0 3px 6px;
}

html > body div.news-single-img img { /*korrigiert Abstand nach oben*/
margin: 0 0 -4px 0;
}

div.news-single-additional-info {clear: both;}

div.news-single-additional-info dl {
font-size: 0.8em;
margin: 0 0 16px 0;
line-height: 160%;
}

dl.news-single-related dt, dl.news-single-files dt {
font-weight: bold;
}

/*  ------------------------------------------------------
RIGHT - AKTIV
--------------------------------------------------------*/
div#right, div#right_inaktiv {
background: #fff url(/fileadmin/gib/images/bg_right.gif) no-repeat 10px 8px;
float: none;
width: 240px;
}

div#right h3, div#right_inaktiv h3 {margin: 10px 16px 10px 10px;}

div#right p, div#right_inaktiv p {
padding: 0 16px 16px 10px;
line-height: 140%;
}

div#right ul li a img.floatleft {
float: left;
margin: 0 8px;
padding: 2px 0 0 0;
}

div#right ul li a.streaming img.floatleft {margin: 0 10px;}

div#right ul li a {
color: #333;
text-decoration: none;
display: block;
}

div#right ul li a:visited {color:#000066; }

div#right ul li a strong {display:block;}

div#right ul li a strong span {
font-weight: normal;
font-style: normal;
margin: 0 0 0 5px;
}

div#right ul li a.streaming {
padding: 11px 0;
margin: 0 16px 10px 0;
font-size: 0.7em;
background:#F4F6EC url(/fileadmin/gib/images/bg_streaming.gif) no-repeat right center;
border-right: #D4D6C2 5px solid;
}

div#right ul li a.streaming:hover {
background-color:#E9ECDF;
border-right: #C2C79E 5px solid;
background-position: left center;
color: #000;
}

div#right ul li a.download {
background:#F7F7F7 url(/fileadmin/gib/images/bg_download.gif) no-repeat right center;
padding: 6px 0;
margin: 0 16px 6px 0;
font-size: 0.62em;
border-right: #F7F7F7 5px solid;
}

div#right ul li a.download:hover {
background-color:#ececec;
border-right: #ececec 5px solid;
background-position: left center;
}

/*  ------------------------------------------------------
RIGHT - INAKTIV
--------------------------------------------------------*/
div#right_inaktiv {background: #fff url(/fileadmin/gib/images/bg_right_inaktiv.gif) no-repeat 10px 8px;}

span.realplayer_inaktiv {
display: block;
background: #FAFAFA url(/fileadmin/gib/images/realplayer_inaktiv.gif) no-repeat 10px 50%;
margin: 0 16px 10px 0;
font-size: 0.7em;
border-right: #EDEDED 5px solid;
padding: 12px 0 12px 50px;
color: #CDCDCD;
}

span.winmedia_inaktiv, span.quicktime_inaktiv {
display:block;
margin: 0 16px 6px 0;
font-size: 0.62em;
border-right: #F9F9F9 5px solid;
padding: 10px 0 10px 40px;
color: #CDCDCD;
}

span.winmedia_inaktiv {background: #F9F9F9 url(/fileadmin/gib/images/winmedia_inaktiv.gif) no-repeat 10px 50%;}
span.quicktime_inaktiv {background: #F9F9F9 url(/fileadmin/gib/images/quicktime_inaktiv.gif) no-repeat 10px 50%;}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer {
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
background-color: #3366CC;
color: #fff;
}

div#footer p {
margin: 0;
padding: 4px 0 6px 0;
text-indent: 1em;
line-height: 140%;
}

div#footer p.right {
text-align: left;
float: none;
}

div#footer a {
color: #fff;
text-decoration: none;
}

div#footer a:hover{text-decoration: underline;}

div#footer span#kontakt {display: block;}

div#footer img {vertical-align: middle;}