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

$Rev:: 293     $: Revision of last commit
$Author:: spi  $: Author of last commit
$Date:: 2014-0#$: Date of last commit

Authors: JDE, SPI
Copyright (c) A&B One Digital GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
  visual.css (styles for all media types  + print styles)
  fuer BMO13001 (Bischhoefisches Offizialat Oldenburg)
  04.12.2013 SPI
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* styles for all media types */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

*{ font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; }

/* cs-change (select und button enfernt) */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, em,
acronym, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, input, option, textarea{
	background-color: transparent; background-image: transparent;
	border: none 0; outline: 0; vertical-align: baseline;
	color: #333; font-style: normal; font-size: 100.1%; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; line-height: 100%;
	margin: 0; padding: 0; }

/* cs-change */
select, button	{ outline: 0; vertical-align: baseline;
	color: #333; font-style: normal; font-size: 100.1%; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; line-height: 100%; 
	margin: 0; padding: 0; }
	
/*
a:link, a:link span, a:link strong, a:link acronym, a:link abbr{ border-color: #00285A; color: #00285A; }
a:visited, a:visited span, a:visited strong, a:visited acronym, a:visited abbr{ border-color: #407F98; color: #407F98; }
*/
ol, ul{ list-style: none outside none; }
blockquote, q{ quotes: none; }
acronym{ cursor: help; border-bottom: dotted 1px #333; }

*:focus{ outline: 0; }

table{
	empty-cells: show; caption-side: top;
	margin: 0; padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table td {
	border: 1px solid #777;
	padding: 0.5em;
}
table tr:first-child td {
	border-bottom-color: #333;
	border-bottom-width: 2px;
}
table tr.tr-odd {
	background-color: #F3F4F8;
}
/*table tr:last-child td {*/
	/*border-bottom: none;*/
/*}*/
/*table tr td:first-child {*/
	/*border-left: none;*/
/*}*/
/*table tr td:last-child {*/
	/*border-right: none;*/
/*}*/

caption, th, td{ text-align: left; vertical-align: top; }

img{ display: block; float: none; border: none 0; font-size: .88em; }

form label{ cursor: pointer; }
form .mandatory{ font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; font-weight: bold; }


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

@media print{

.container.header{ border-bottom: solid 1pt #000; margin-bottom: 7pt; padding-bottom: 7pt; }

.box, .clearer, .container
{ clear: both; }

a.external-link:after,
.email a:after{content:" (" attr(href) ") ";font-size:0.99em;font-weight:normal;}
div.image{display: inline-table; outline: none !important; border: none !important; padding-right: 20px;}

/* + + + + + + + + + + + + + + + + + */
/* + + + + + display none  + + + + + */
.structure, .out, hr.structure, .none, .noprint, iframe, .claimarea, .backlink, 
ul.error, form fieldset legend, form div.morelink input, 
form div.checkbox label.error span.out, form div.radioitem label.error span.out, 
.box a .spacer, .start .breadcrumb, 
.box.banner, .box.video, .material, .box.form, 
/*.start.docjs .slidercontent .teaser, */
.start .slidercontent .box.browse, .slider .browse, .morelink
{ display: none; }


/* + + + + + + + + + + + + + + + + + */
/* + + + + + display block + + + + + 
.start.docjs .slidercontent .teaser.current
{ display: block; }*/


/* + + + + + + + + + + + + + + + + + + */
/* + + + + + display inline  + + + + + */
.news li h3 span.out
{ display: inline; }



/* + + + + + + + + + + + + + */
/* + + + + + text  + + + + + */
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,Verdana,sans-serif; font-size: 10pt; font-weight: 500; line-height: 12pt; }
/* div, p, ul, ol, li, td, th{ font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; font-size: 10pt; font-weight: 500; line-height: 12pt; } */

h1, h2, h3, h4, h5, h6, p{ color: #000; text-decoration: none; font: bold 10pt/14pt Arial,Verdana,sans-serif; padding: 11pt 0 4pt 0; }
/* h1, h2, h3, h4, h5, h6, p{ color: #000; text-decoration: none; font: bold 10pt/14pt 'Lucida Sans Unicode','Lucida Grande',sans-serif,Arial; padding: 11pt 0 4pt 0; } */

h2{ font-size: 12pt; font-weight: bold; line-height: 14pt; padding: 8pt 0 5pt 0; }
h3{ font-size: 12pt; font-weight: bold; line-height: 14pt; padding: 6pt 0 4pt 0; }
h4{ font-size: 11pt; font-weight: bold; padding: 6pt 0 4pt 0; }
h5{ font-size: 10pt; font-weight: bold; padding: 5pt 0 5pt 0; }
h6{ font-size: 10pt; padding: 5pt 0 5pt 0; }
p{ font-weight: normal; padding: 5pt 0 7pt 0; }

a, a span, a strong, a acronym{ color: #000; text-decoration: none; padding: 0; }
h2 a, h2 strong, h2 span, 
h3 a, h3 strong, h3 span{ font-weight: normal; line-height: 16pt; }
.subline{ display: block; font-size: 10pt; }


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

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; }


/* + + + + + bilder + + + + + */
/*	170pt 226px
		231pt 308px
		259pt 345px
		479pt 638px
		539pt 718px */

.content .image{ border: solid 1pt red; float: none; margin: 4pt 0 2pt; }
.content .image p{ margin: 4pt 7pt; }

.start .image, 
.wrapper .content.col_8 .box .box.teaser{ border: none 0 !important; }
.content .image.half{ border: solid 1pt red; clear: both; float: left; margin: 4pt 7pt 2pt 0; }

.content.col_8 .image{ width: 479pt; }
.content.col_8 .image.half{ width: 231pt; }
.content.col_8 .box .box{ float: right; width: 170pt; margin: 4pt 0 2pt 7pt; }
.content.col_8 .box .doubleteaser .box{ float: left; width: 231pt; margin: 4pt 5% 2pt 0; }
.content.col_8 .box .doubleteaser .box .image{ width: 231pt; border: none 0; }


.content.col_8 .gallery, 
.content.col_8 .gallery .image, 
.standard .content .teaser{ width: 170pt; }

.content .slidercontent .box{ float: none; width: 539pt; margin: 4pt 0 2pt; }
.start .col_3 .image{ float: left; width: 170pt; margin: 4pt 7pt 2pt 0; }

#content .col_9 .box.half .image{ float: left; width: 259pt; margin: 4pt 7pt 2pt 0; }


/* + + + + + boxen + + + + + */
.start #content .row, 
#content .box form{ border-bottom: 1pt solid #777; padding-bottom: 7pt; }
.news.rss li{ padding-bottom: 5pt; }
.news.rss li p{ padding-bottom: 5pt; }
.news.rss li p a{ font-size: 1.13em; }


/* doubleteaser */
.content .doubleteaser{ clear: both; border-top: 1pt solid #777; border-bottom: 1pt solid #777; margin-top: 13pt; padding-top: 7pt; }
.content .doubleteaser .box{ clear: none; }
.content .doubleteaser .first .box{ margin-right: 5%; }


/* galerie */
.gallery ul{ margin: 0; padding: 0; }
.gallery li{ list-style-type: none; }


/* + + + + + formulare + + + + + */
form{ width: 90%; margin: 0 0 10pt 20pt; padding: 4pt 0; }

/* label & co */
form label{ clear: left; display: block; margin: 0 0 9pt; }
form label span{ padding-bottom: 1pt; }
form label span span{ padding: 0; }
form label span.toplabel{ display: block; margin-bottom: 3pt; }

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

/* doublelabel */
form .doublelabel{ width: 100%; }
form .doublelabel label{ clear: none; float: left; width: 70%; margin-right: 0; }
form .doublelabel label.float_left{ clear: left; width: 20%; margin-right: 10%; }

/* checkbox, radioitem */
form div.checkbox, form div.radioitem{ margin-bottom: 7pt; }
form div.checkbox label input, form div.radioitem label input{ display: block; float: left; width: auto; border: none 0; }
form div.checkbox label span, form div.radioitem label span{ display: block; float: none; padding-left: 17pt; }
form div.checkbox label span span, form div.radioitem label span span{ display: inline; padding-left: 0; }

/* ie */
.ie .content form div.checkbox label input, 
.ie .content form div.radioitem label input{ margin-top: -3pt; }

}