/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*SVN Add-ins

$Rev:: 2717          $: Revision of last commit
$Author:: jdeutschla#$: Author of last commit
$Date:: 2013-07-05 1#$: Date of last commit

Authors: SPI,APA
Copyright (c) A&B One Digital GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    visual.css  (styles for all media types  + print styles)
    fuer UOS12001  (Uni Osnabrueck)
    24.07.2012  SPI
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


*{ font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif; }

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, em,
abbr, acronym, img, strong, dl, dt, dd, ol, ul, li, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, option, button{ 
	margin: 0; 
}

a:link, a:visited{ color: #333; text-decoration: none; }
a:hover, a:focus, a:active{ text-decoration: underline; }
a:link span, a:link strong, a:link abbr, a:link acronym{ color: #333; }
a:visited span, a:visited strong, a:visited abbr, a:visited acronym{ color: #333; }

#content a:focus{ /*border-top: solid 1px #333; border-bottom: solid 1px #333; */outline: 0; }
/*#navService a:focus, .navSub a:focus, #content .breadcrumb a:focus, 
#content .morelink a:focus, #content .backlink a:focus, #content .toplink a:focus, 
#content .browse a:focus{ border: none 0; }
*/
form label span, .morelink input{ cursor: pointer; }
/*abbr.mandatory, acronym.mandatory{ font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }*/

ol, ul{ list-style: none outside none; }
blockquote, q{ quotes: none; }
abbr, acronym{ cursor: help; border-bottom: dotted 1px #333; }

table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; caption-side: top; }
caption, th, td{ text-align: left; vertical-align: top; }

img{ display: block; float: none; border: none 0; font-size: .75em; }
/*img, */object, embed{ max-width: 100%; }


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* print styles                                                                    */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

@media print{

.main{ margin-top: 7pt; }
.box, .clearer, .container{ clear: both; }
#content .row{ margin-top: 17pt; }

.header{ border-bottom: solid 2pt #000; margin-bottom: 7pt; }
.header .logo{ font-weight: bold; margin-bottom: 10pt; }

.breadcrumb{ border-bottom: solid 2pt #000; margin-bottom: 13pt; padding-bottom: 3pt; }


/* + + + + + + + + + + + + + + + + + */
/* + + + + + display none  + + + + + */
hr.structure, .structure, .out, .none, .noprint, 
.header .float_left .float_right, .footer, 
.backlink, .morelink, .banner, .trenner, .spacer, 
.start .breadcrumb, .start .box.service, .start .box.search, 
table caption, 
.tx-indexedsearch .box.form, fieldset.nolegend legend, fieldset.nobg_nolegend legend, 
.error, 
.error .radioitem span.out, .error .checkbox span.out, 
.box.video .image, .box.audio .image, .standard #content .news .gallery, 
.list #content .browse a, .ics_link, 
.material.linkliste
{ display: none; }


/* + + + + + + + + + + + + + + + + + */
/* + + + + + display block + + + + + */
#content h3 span.date, #content h4 span.date, 
form label, form input, form textarea, form select, form .error
{ display: block; }


/* + + + + + + + + + + + + + + + + + + */
/* + + + + + display inline  + + + + + */
.box.browse strong span.out
{ display: inline; }


/* + + + + + + + + + + + + + + + + + + + + + */
/* + + + + + display inline-block  + + + + + 
.listhead ul li.active
{ display: inline-block; }*/


/* + + + + + + + + + + + + + */
/* + + + + + text  + + + + + */
abbr, acronym{ font-variant: normal; border: 0 none; }

hr{ height: 1pt; background: #000; border: 0 none; border-top: solid 1pt #000; color: #000; }

div, p, ul, ol, li, td, th{ font-family: Arial,Helvetica,sans-serif; font-size: 10pt; font-weight: 500; line-height: 12pt; }

h1, h2, h3, h4, h5, h6, p{ color: #000; text-decoration: none; font: bold 10pt/125% Arial,Verdana; padding: 11pt 0 4pt 0; }

h2{ font-size: 17pt; font-weight: normal; padding: 10pt 0 5pt 0; }
h3, 
	fieldset legend, .form p.title strong{ font-size: 13pt; font-weight: bold; padding: 10pt 0 4pt 0; }
h4{ font-size: 11pt; font-weight: bold; padding: 7pt 0 4pt 0; }
h5{ font-size: 10pt; font-weight: bold; padding: 7pt 0 5pt 0; }

p{ font-weight: normal; padding: 5pt 0 7pt 0; }

a, a span, a strong, a abbr, a acronym{ color: #000; text-decoration: underline; padding: 0; }

h3 span.date, h4 span.date{ border-top: solid 1pt #777; padding-top: 7pt; font-size: 10pt; }
.tx-indexedsearch .list .box.colored p{ margin-top: 4pt; }
.tx-indexedsearch .list .box.colored p span{ font-size: 8pt; margin-right: 4pt; }

/* CSS 3 *//*
a[href^="http"]:after{ content: " [" attr(href) "]"; }
a.external-link-new-window[href^="http"]:after, 
.service p a[href^="http"]:after{ content: ""; }
*/

.box.browse{ margin: 15pt 0 7pt; }
.box.browse strong{ border: solid 1pt #777; padding: 2pt 4pt; }
.box.browse strong span.out{ padding-right: 3pt; }


/* + + + link + + + */
.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a, 
.content h3 a, .sitemap .box ul li a, .breadcrumb p a, #content .service p a{ text-decoration: none; }


/* + + + + + bilder  + + + + */
.content img{ clear: both; float: left; overflow: hidden; margin: 4pt 7pt 2pt 0; }

.start .col_6 .image{ width: 50%; }
.start .col_6 .image img{ max-width: 100%; height: auto; }


/* + + + + + listen + + + + + */
ul, ol{ clear: left; list-style-position: outside; margin: 0 8pt 0 15pt; padding: 7pt 0 0 4pt; }
.ie ol{ margin-left: 19pt; }
li, li ul, li ol{ padding: 0; }
ul li,
li ul li{ list-style-type: disc; }
ol li,
li ol li{ list-style-type: decimal; }
li p{ margin: 0; padding: 0; }

.sitemap .box ul li{ margin-bottom: 4pt; }
.sitemap .box ul li{ margin-top: 3pt; margin-bottom: 0; }


/* + + + + + + + + + + + + + */
/* + + + + + boxen + + + + + */
.col_3, 
.col_2{ float: left; width: 48%; margin-right: 2%; }

.standard .box, 
.standard .image{ clear: right; float: right; width: 48%; margin-left: 2%; }
.standard .box .image{ clear: left; float: left; width: 100%; margin-left: 0; }

.standard .middle{ clear: both; float: left; margin-left: 0; }

.standard .box, 
.standard .image{ max-width: 190pt; }
.col_9, 
.standard .box.big, 
.standard .box.middle, 
.standard .image.big, 
.standard .image.middle{ float: none; width: 100%; max-width: 99%; margin-left: 0; }
.standard .box.middle, 
.standard .image.middle{ max-width: 400pt; }

.standard .box, 
.standard .middle, 
.standard blockquote{ border: solid 1pt #777; margin-top: 7pt; margin-bottom: 5pt; padding: 3pt 3pt 0; }
.standard blockquote{ clear: both; width: 99%; }
.standard .box.blockquote{ border: none 0; max-width: 400pt; padding: 0; }

.box.big .links, 
.box.middle .links{ clear: both; float: left; margin-right: 3%; width: 47%; }
.box.big .rechts,
.box.middle .rechts{ float: right; margin-right: 3%; width: 47%; }

.standard .image.big img, 
.standard .image.middle img, 
.start .col_3 .image img{ float: none; max-width: 100%; height: auto; border: none 0; margin-top: 0; padding: 0; }

.standard .box .image, 
.standard .middle .image{ clear: both; float: left; width: auto; margin-right: 3%; }
.standard .box .image.big, 
.standard .middle .image.big{ float: none; max-width: 100%; width: 100%; }

.image p{ float: none; clear: left; background-color: #F3F3F3; margin: 0 1% 3pt; padding-bottom: 3pt; }

/* breite standardseite */
.standard #content .box.big.extern, 
.standard .col_9 .col_12 .box, 
.standard .col_6 .box, 
.standard .col_4 .box, 
.standard .col_3 .box, 
.standard .col_2 .box{ border: none 0; }

.standard .col_6 .image.big img, 
.standard .col_4 .image.big img, 
.standard .col_3 .image.big img, 
.standard .col_2 .image.big img{ float: left; max-width: 260pt; }

.standard .col_6 .box.big h3, 
.standard .col_4 .box.big h3, 
.standard .col_3 .box.big h3, 
.standard .col_2 .box.big h3{ padding-top: 0; }


/* + + + tabellen + + + */
.content table{ clear: both; float: none; display: block; width: 100%; border-collapse: collapse; margin: 9pt 0; }
.content table th,
.content table td{ border: 1pt solid #000; text-align: left; padding: 1pt 5pt; }
.content table th{ font-weight: bold; padding: 2pt; }


/* + + + + + + + + + + + + + + + */
/* + + + + + formulare + + + + + */
form{ border-bottom: solid 1pt #000; margin: 0 0 10pt 20pt; padding: 4pt 0; }
form fieldset{ padding: 10pt 0 5pt; }
form fieldset legend{ padding-bottom: 0; }
.form p.title strong{ font-size: 10pt; }

/* label & co */
form label{ clear: left; display: block; font-weight: bold; margin: 0 0 9pt; }
form label span{ float: left; padding-bottom: 1pt; }
form label span span{ float: none; padding: 0; }
form label span.toplabel{ display: block; float: none; }
form label span.frontlabel{ display: inline-block; float: left; width: auto; padding-top: 3pt; padding-right: 5pt; }

form input, 
form select, 
form textarea{ width: 300pt; border: solid 1pt #000; margin-top: 2pt; padding: 2pt 3pt; }
form textarea{ height: 6.5em; }
form select{ width: auto; }

/* short input */
.content form label.short input{ width: 1.88em; float: left; margin-right: 12pt; }

/* checkbox, radioitem */
form div.checkbox, 
form div.radioitem{ margin-bottom: 10px; }
form div.checkbox label, 
form div.radioitem label{ margin-bottom: 2px; }
form div.checkbox label input, 
form div.radioitem label input{ display: block; float: left; min-width: 1em; width: auto; background-color: transparent; border: none 0; margin-top: -1px; }
form div.checkbox label span, 
form div.radioitem label span{ display: block; float: none; font-weight: normal; padding-left: 20px; }
form div.checkbox label span span, 
form div.radioitem label span span{ display: inline; padding-left: 0; }

/* doublelabel */
form .doublelabel{ width: 310pt; }
form .doublelabel label{ clear: none; float: left; width: 68%; margin-bottom: 8pt; }
form .doublelabel label.float_left{ clear: left; width: 69%; }
form .doublelabel label input{ width: 95%; padding-right: 4pt; }
form .doublelabel label.float_left.short{ width: 32%; }
form .doublelabel label.float_left.short input{ width: 86%; }
form .doublelabel label.short{ width: 31%; }
form .doublelabel label.short input{ width: 90%; padding-right: 3pt; }
form .doublelabel label.float_left input{ width: 94%; padding-right: 3pt; }


/* + + + + + + + + + + + + + */
/* + + + + + suche + + + + + */
.tx-indexedsearch-whatis{ border-top: 1pt solid #777; margin-top: 12pt; padding: 5pt 0 2pt; }
.tx-indexedsearch ul{ list-style-type: none; margin: 0; padding-left: 0; }
.tx-indexedsearch ul li{ border-top: 1pt solid #777; margin-top: 10pt; }
.tx-indexedsearch ul li h4{ margin-top: 4pt; }
.tx-indexedsearch ul li li{ border-top: 0 none; margin-top: 0; padding-top: 2pt; }
.tx-indexedsearch ul li ul{ list-style-type: disc; padding-left: 15pt; }
.tx-indexedsearch ul li ol{ list-style-type: decimal; padding-left: 15pt; }
.tx-indexedsearch ul li li ol{ padding-left: 0; }

}