/* 1. Seitenuebergreifende Anweisungen
***************************************************************************************/

body {
margin: 0;
padding: 80px 43px 43px 43px;
font: 100.01% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
background-color: #fff;
color: #565656;
}
a:link {
color: #565656;
text-decoration: underline;
}
a:visited {
color: #565656;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {
}
a.pdf {
background: url(../img/pdf_icon.gif) no-repeat;
padding: 0 0 2px 24px;
line-height: 2;
}
a.mpeg {
background: url(../img/mpeg_icon.gif) no-repeat;
padding: 0 0 2px 24px;
line-height: 2;
}
a.mov{
background: url(../img/mov_icon.gif) no-repeat;
padding: 0 0 2px 24px;
line-height: 2;
}
h1 {
font-size: 1.6em;
font-weight: normal;
margin: 0 0 1.1em 0;
}
h2 {
font-size: 1.2em;
font-weight: normal;
margin: 1.8em 0 1em 0;
}
h3 {
font-size: 0.8em;
margin: 0 0 1em 0;
}
p {
font-size: 0.8em;
margin: 0 0 1em 0;
line-height: 1.65;
}
hr {
border: none;
height: 1px;
background: #565656;
}
#contentarea ul {
list-style-type: square;
margin: 0 0 0 14px;
padding: 0;
font-size: 0.8em;
line-height: 1.55;
}
#contentarea ol {
margin: 0 0 0 22px;
padding: 0;
font-size: 0.8em;
}
#contentarea ul li, #contentarea ol li {
margin-bottom: 0.8em;
padding-left: 4px;
}
input {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #565656;
margin-right: 12px;
}
ol.latin {
list-style-type: lower-latin;
}


/* 2. Basis-Layout
***************************************************************************************/

/* 2.1. Header
***************************************************************************************/

#siteHeader1 {
float: right;
position: relative;
top: 32px;
}

/* 2.2. Generische Navigation / Accessibility Tools
***************************************************************************************/

#genAccessArea {
background-color: #ffcc33;
margin-top: 18px;
}
#genericnavigation {
height: 1.3em;
font-size: 0.8em;
margin: 0;
padding: 1px 0 1px 0;
}
#genericnavigation li {
background-color: #ffcc33;
float: left;
list-style-type: none;
margin: 0 16px 0 0;
padding: 0;
}
#genericnavigation a, #accessibilityTools a {
text-decoration: none;
}
#genericnavigation li.active {
font-weight: bold;
margin-left: 12px;
}
#genericnavigation li a, #accessibilityTools li a {
display: block;
padding: 0 0 0 12px;
}
#genericnavigation li a:hover, #accessibilityTools li a:hover {
background: #ffcc33 url(../img/genericnavigation_active_marker.gif) 0 0.1em no-repeat;
}
#accessibilityTools {
float: right;
margin: 3px 12px 0 0;
font-size: 0.7em;
max-width: 390px;
}
#accessibilityTools li {
list-style-type: none;
float: left;
margin: 0 0 0 8px;
}

/* 2.3. Hauptnavigation
***************************************************************************************/

#container {
position: relative;
}
#mainnavigation {
list-style-type: none;
margin: 5px 322px 24px 0;
padding: 1px 0 0 0;
}
#mainnavigation li {
margin-bottom: 6px;
height: 1.4em;
font-size: 0.8em;
background-color: #dcdcdc;
}
#mainnavigation li.active {
font-weight: bold;
}
#mainnavigation li a {
display: block;
height: 100%;
color: #565656;
text-decoration: none;
border: none;
padding: 0;
}
#mainnavigation li a span {
padding: 0 0 0 12px;
}
#mainnavigation li a:hover {
background: #fff url(../img/mainnavigation_active_marker.gif) 0 0.2em no-repeat;
}
#mainnavigation .secondLevel {
margin-bottom: 6px;
height: 1.4em;
font-size: 1em !important;
background-color: #fff !important;
}
#mainnavigation .secondLevel ul {
margin: 0;
padding: 0;
}
#mainnavigation .secondLevel ul li {
background-color: #fff !important;
list-style-type: none;
float: left;
margin-right: 22px;
}
#mainnavigation .secondLevel ul li a {
display: inline;
}
#mainnavigation .active {
padding-left: 12px;
}

/* 2.4. Inhaltsbereich
***************************************************************************************/

#contentarea {
margin-right: 340px;
}
#summarybox {
border-left: 2px dotted #ffcc33;
margin: 0 0 1.6em 0;
padding: 0px 12px;
}

/* 2.5. Spalte rechts
***************************************************************************************/

#columnright {
position: absolute;
width: 320px;
top: 1px;
right: 0;
border-left: 6px solid #fff;
padding-bottom: 43px;
}
#columnright div {
margin: 6px 0 0 0;
padding: 8px 12px;
background-color: #dcdcdc;
}
#video {
width: 320px;
height: 240px;
}
.video_wmv {
height: 260px !important;
}
#videosettings {
margin-top: 6px !important;
font-size: 0.8em;
}
#videosettings h3 {
font-size: 1em;
}
#videosettings ul {
list-style-type: square;
margin: 0;
padding: 0 0 0 20px;
line-height: 1.55;
}
#videosettings hr {
margin: 15px 0 10px 0;;
}
.teaser_a h3 {
font-size: 1.5em;
font-weight: normal;
margin: 0 0 0.1em 0;
}
.teaser_a h4 {
font-size: 1em;
font-weight: normal;
margin: 0 0 0.4em 0;
}
.teaser_a a {
font-size: 0.8em;
}
.teaser_a p {
font-size: 0.8em;
}
#teaser_dgsfabrik {
background: #dcdcdc url(../img/teaser_dgsfabrik.gif) no-repeat bottom right;
}
#teaser_einhorn {
background: #dcdcdc url(../img/teaser_einhorn.gif) no-repeat bottom right;
}
#teaser_deaftv {
background: #dcdcdc url(../img/teaser_deaftv.gif) no-repeat bottom right;
}
#teaser_wdh {
background: #dcdcdc url(../img/teaser_wdh.gif) no-repeat bottom right;
}
#teaser_kultur {
background: #dcdcdc url(../img/teaser_kultur.gif) no-repeat bottom right;
}


/* 2.6. Footer
***************************************************************************************/

#footer {
margin: 30px 340px 0 0;
border-top: 1px solid #888;
font-size: 0.7em;
padding-top: 6px;
}
#footer a:link, #footer a:visited {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer_right {
float: right;
}
#moveup {
background: url(../img/footer_moveup.gif) top left no-repeat;
padding-left: 10px;
}
#print {
background: url(../img/footer_print.gif) 0 2px no-repeat;
padding-left: 19px;
margin-right: 20px;
}
body>#gradient_bottom {
display: block;
position: fixed;
width: 100%;
height: 35px;
left: 0;
bottom: 0;
background: url(../img/gradient_bottom.png) bottom left repeat-x;
}


/* 3. Accessibility
***************************************************************************************/

/* 3.1. Versteckte Elemente
***************************************************************************************/

.hidden, dfn {
position: absolute !important;
top: -3000px !important;
left: -3000px !important;
}

/* 3.2. Skiplinks
***************************************************************************************/

#skiplinks {
list-style-type: none;
margin: 0;
padding: 0;
}
#skiplink1 a, #skiplink2 a {
position: absolute !important;
top: -3000px !important;
left: -3000px !important;
display: block;
padding: 0 12px 0 12px;
background-color: #ffcc33;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
background: #ffcc33 url(../img/genericnavigation_active_marker.gif) 0 2px no-repeat;
}
#skiplink1 a:focus, #skiplink2 a:focus {
top: 12px !important;
left: 43px !important;
}

/* 3.3. Laufweiteneinstellung bei PLZ und Tel.-Nummenr
***************************************************************************************/

.telplz {
letter-spacing: -0.15em;
}

/* 3.4. Invertierte Darstellung
***************************************************************************************/

/* ausgelagert in style_screen_inverted.css */


/* 4. Seitentypen
***************************************************************************************/

/* 4.1. Inhaltsübersicht
***************************************************************************************/


#sitemap {
padding: 0 !important;
margin: 0 !important;
}
#sitemap li {
padding: 0 0 0 24px !important;
margin: 0 0 0 -24px !important;
list-style-type: none !important;
line-height: 215% !important;
}
#sitemap li {
background: url(../img/sitemap_extm.gif) no-repeat 0% 0%;
}
#sitemap li.last {
background: url(../img/sitemap_exlm.gif) no-repeat 0% 0%;
padding-bottom: 1.6em !important;
}
#sitemap li.first {
background-image: none;
}
#sitemap ul {
padding: 0 0 0 40px;
margin: 0 0 0 -24px;
list-style-type: none;
background: url(../img/sitemap_exim.gif) repeat-y 0% 0%;
font-size: 1em;
}
#sitemap ul.last {
background-image: none;
}

/* 4.2. Gebärdenvideoarchiv
***************************************************************************************/

.videoarchiv {
color: #999;
}
.videoarchiv a {
background: url(../img/dgs_icon.gif) no-repeat 0 2px;
padding: 0 0 0 20px;
line-height: 2;
}

/* 4.3. iFrames
***************************************************************************************/

iframe {
border: none;
}

/* 4.4. Gebärdensprachdolmetscher > Unsere Dolmetscher/innen
***************************************************************************************/

.dolmetscherfoto, .menschenfoto {
float: left;
display: block;
margin-right: 20px;
margin-bottom: 40px;
}
.dolmetscherdaten, .menschendaten {
float: left;
}


/* 98. Z-Index
***************************************************************************************/

body>#gradient_bottom {
z-index: 99;
}


/* 99. Float-Clearing
***************************************************************************************/

.clearfloats {
clear: both !important;
}