/*CVS Add-ins*/
/*
$Revision: 1.5 $
$RCSfile: print.css,v $
Authors: JDE, SPI
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    print.css fuer dt. Technikmuseum Berlin (Druckstyles)
    02.07.2007 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics */

/*verhindert im FF das bilder am seitenende zerschnitten werden*/
.list, .teaserbox, .teaser_list, .teaser, 
.content div.img_landscape, .content div.img_left_big, .content div.img_left, .content div.img_right,
.content .galleryThumbs .thumb_no_01, .content .galleryThumbs .thumb_no_02
{ overflow: hidden; }

/*fuer safarie:*/
form input.sendButton{ width: 0px; height: 0px; padding: 0; margin: 0; display: inline; }

/*#header, */#navMain, #skiplist, #navService, #website, #direct, 
p.sti span.sti a, #sti, #arc, #zei, #zuc, #tev, #sci, #tem, p.sti span.sti span.active strong,
#header hr, #headerbox .infobox a, #headerbox .specialnavbox,
#breadcrumb, 
.displayOutside, .displayNone, 
form legend, form input.sendButton,
.footer ul,
.teaser_box .morebox .noWrap a, /*.teaser_box h3 .label,*/
.teasersection_02 .teaser_box#calendar p.head, .teasersection_02 .teaser_box#calendar a, .teasersection_02 .teaser_box#calendar .week ul
{ display: none; }

#headerbox{ float: right; width: 49%; }
.logo{ margin-bottom: 20px; }
.content{ clear: both; border-top: solid 1px #000; }

img, fieldset{ border: 0; }

.teasersection_01, .teasersection_02, hr.sectionfooter, hr,
.teasersection_01 div,
.teasersection_02 .teaser_box, .teasersection_02 .teaser_box#calendar,
.footer
{ clear: left; }

.recommendation{ padding-top: 5px; border: solid 1px #fff; }
.materialbox, .recommendation, .contentfooter
{ clear: both; }

.teasersection_01 .teaser_list img{ margin-right: 30px;  }
.teasersection_02 .teaser_box{ border: solid 1px #fff; }

.teasersection_02 .teaser_box{ border-top: solid 1px #000; }

h1.displayOutside,
.teasersection_02 .textarea ul li .context
{ display: block; }

.teasersection_01 h3 .displayNone,
.teasersection_02 .teaser_box h3 .displayNone,
.teasersection_02 .teaser_box#calendar li a
{ display: inline; }

img{ clear: left; float: left; margin-bottom: 10px; margin-right: 10px; }

/* + + + sti + + + */
body.sti #headerbox{ float: none; width: 100%; }
body.sti #headerbox img.logo{ float: none; }
body.sti #headerbox{ float: none; }
body.sti #headerbox .infobox{ width: 100%; float: none; }

body.sti p.sti span.sti span.active strong,
body.sti .content .teasersection_01 .box_teaser span.more,
body.sti .content .teasersection_02 .box_teaser span.more,
#navBanner .banner
{ display: none; }

body.sti .teasersection_01 .box_teaser,
body.sti .teasersection_02 .box_teaser
{ clear: left; float: none; }

body.sti .teasersection_01 .box_teaser a,
body.sti .teasersection_02 .box_teaser a{ text-decoration: none; }

body.sti .footer{ border-top: solid 1px #000; margin-top: 20px; }

/* + + + sti standard + + + */


/* + + + standard + + + */
.article,
.article2,
.materialbox{ clear: both; }

.materialbox{ display: block; border: solid 1px #000; margin-top: 10px; padding: 0 10px; }
.materialbox li{ padding: 0 0 5px; }
.materialbox li a{ text-decoration: none; }

.twocol .article,
.twocol .article2,
.twocol .materialbox{ padding-left: 10px; }

#standard .content table#calendar caption img,
#flashcontent, #multimedia .content #widescreen .materialbox,
#quicktime,
#standard .content .alleTermine ol li a.more, #standard .content .alleTermine .tableTermine a, 
#standard .content .alleTermine h3, #standard .content .alleTermine ul,
form#tour_end,
.recommendation h2 a, div.swapFooter a, div.back
{ display: none; }

#standard .content .alleTermine .tableTermine table a,
#standard .content .alleTermine h3.terminhead
{ display: block; }

.content blockquote{ border-left: 7px solid #625244; margin: 10px 18px 10px 0; padding: 0 5px; }
.content blockquote.ZitatmitBildLinks{ border-left: 0; border-right: 7px solid #625244; margin: 10px 0 10px 30px; padding: 0 5px; }
.content blockquote p{ padding: 6px 0 8px 0; margin: 0; }

.content div.img_landscape{ clear: both; float: none; padding: 0; }

.content div.img_left_big img{ float: none; padding: 0; margin: 0; }
.content div.img_left_big p{ background-color: #d9d9d9; margin: 0; padding: 10px 0 0; font-size: .88em; }

.content div.img_left img,
.content div.img_right img{ margin: 10px 0 0; }

.content div.img_left,
.content div.img_right{ clear: both; width: 232px; margin: 0; padding: 0 15px 8px; }

.content div.img_left_big{ clear: both; width: 417px; }
.content div.img_left{ float: left; padding-left: 0; }
.content div.img_right{ float: right; padding-right: 0; }

.content div.img_left p,
.content div.img_right p{ clear: both; background-color: #d9d9d9; margin: 10px 2px 0 0; padding: 0; font-size: .88em; }
/*.content div.img_left p{ border-right: 0; }
.content div.img_right p{ border-left: 0; }*/

.content table{ display: block; margin-bottom: 20px; background: #fff; border-collapse: collapse; }

.content table th,
.content table td{ border: 1px solid #000; padding: 2px 6px; text-align: left; }

.content table th{ font-weight: bold; }
.content table caption{ text-align: left; font-weight: bold; margin: 0 0 7px; }

/*galerie*/
.gallery .galleryThumbs .firstline div,
.gallery .galleryThumbs .secondline div{ clear: left; float: none; }
/*
.gallery .galleryThumbs .firstline,
.gallery .galleryThumbs .secondline{ clear: both; border: solid 1px #fff; }
.gallery .galleryThumbs a img{ float: none; clear: left; display: block; }
.gallery .galleryThumbs p{ float: none; clear: left; display: block; }
*/
.gallery .gallery_pic div{ clear: both; }

/*widescreen*/
.gallery#widescreen .galleryThumbs .firstline div a,
.gallery#widescreen .galleryThumbs .secondline div a{ width: 210px; clear: left; float: left; margin-bottom: 5px; }

/*bildliste*/
.imglist .banner img{ float: none; }

/*blog*/
#standard .content .blog li{ float: none; clear: left; }
#standard .content .blog li img{ padding: 15px 20px 0 0; }

/*termine*/
#standard .content .alleTermine{ padding-top: 20px; }
#standard .content .alleTermine h3.terminhead,
#standard .content .alleTermine ol li{ clear: both; padding-bottom: 10px; }
#standard .content .alleTermine ol li img{ display: block; float: none; margin-bottom: 10px; }

#standard .content .article span.termintime{ display: block; margin-bottom: 20px; }

/*suche*/
#standard .content #search_form fieldset.radio legend{ display: block; font-weight: bold; padding-top: 10px; }
#standard .content #search_form fieldset.radio label input{ float: left; width: 20px; border: 0; }
#standard .content #search_form fieldset.radio label{ float: left; margin: 0; padding: 0 10px 10px 0; }

/*tour*/
#standard .content #tour_form{ border-bottom: 0; }
#standard .content #tour_form label input{ float: left; width: 20px; border: 0; }
#standard .content #tour_form h3{ padding-left: 10px; }
#standard .content #tour_form label strong,
#standard .content #tour_form label span,
#standard .content #tour_form .info span{ display: block; margin: 0; padding: 0 0 10px 30px; }

/* + + + sonderausstellungen + + + */
.twocol .leftcol{ padding-top: 20px; border-bottom: solid 1px #000; }
.twocol .leftcol p{ clear: both; }

#standard .content .twocol table{ clear: both; }
#standard .content .twocol div.img_left{ clear: right; float: right; }
#standard .content .twocol blockquote.ZitatmitBildLinks{ border: 0; border-left: 7px solid #625244; margin: 10px 18px 10px 0; padding: 0 5px; }

/*formulare*/
form{ clear: both; border: solid 1px #000; }
form p{ padding-left: 10px; }
form input{ display: none; }
label, input.formElement, label input, textarea, select{ display: block;}
input, textarea, select{ width: 90%; border: 1px solid #000;}
textarea{ height: 30em; }
label.labelCheckbox, .labelCheckbox input{ display: inline; width: auto; }

/*allg.*/
p.more a{ display: none; }

.swapFooter{ clear: both; margin: 10px 0; padding: 10px 0; border-top: solid 1px #000; border-bottom: solid 1px #000; }
.searchresult .turnPage h3,
.searchresult .turnPage ul li a{ display: none; }
.searchresult .turnPage ul{ list-style-type: none; padding: 10px 0 0 0; border-top: solid 1px #000; }
.searchresult .turnPage ul li .active span.displayOutside,
.searchresult .turnPage ul li .active strong{ display: inline; font-weight: normal; }

/* + + + + + + + */
.clearboth{ clear: both; }

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

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

h1, h2, h3, h4, h5, h6, p{ color: #000;}

a:link, a:visited{ color: #333; text-decoration:underline;  }

h1, h2{ text-decoration:none; font: bold 16pt/20pt Arial,Verdana; color:#000; }

h2{ font: bold 14pt/18pt Arial,Verdana; color:#000; }

h3, h4, h5, h6 { 
text-decoration:none;  
font: bold 12pt/16pt Arial,Verdana; 
color: #000; }