/*Styles fuer den Internetauftritt Pinuts media+science Multimedia Agentur GmbH Berlin*/
/*      DRUCKVERSION     */

/*Allgemein*/
body 							{ font-family: Arial, Helvetica, sans-serif; color: #141414; background-color: #FFFFFF; vertical-align: top; margin: 0px; margin-top: 0px; margin-left: 0px;}
td, input, select, textarea, p, div { font-family: Arial, Helvetica, sans-serif; vertical-align: top;}
ol, ul						{ margin-top: 7px; }
ul 							{ list-style: square; padding: 0px; margin-left: 20px; }
ul li							{ margin-left: 0px; margin-bottom: 7px; vertical-align: middle;  padding-left: 0px;}
ol li							{ margin-left: 0px; margin-bottom: 7px; }
img 							{ border: 0px none; }

/*Ueberschriften*/
h1 							{ font-size: 165%; font-weight: normal; /*padding: 0px 0px 0px 0px;*/ margin-top: 0px; margin-bottom:13px; color: #141414; line-height: normal; }
h2 							{ font-size: 110%; font-weight: bold; font-style: normal; margin-top: 0px; margin-bottom:13px; }
h2.Subtitle 				{ font-size: 120%; font-weight: normal; font-style: italic; margin-top: 0px; margin-bottom:10px; }
h3 							{ font-size: 100%; font-weight: bold; padding: 0px 3px 4px 0px; margin-top: 25px; margin-bottom: 5px; width:100%; border-bottom: 1px solid #b8b6b5;}
h4 							{ font-size: 100%; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
h5 							{ font-size: 90%; font-weight: bold; }
h6 							{ font-size: 85%; font-weight: bold; }

/*Linkfarben Standard*/
a								{ color: #5B73A3; text-decoration: none; }
a:link 						{ color: #5B73A3; text-decoration: none; }
a:hover 						{ color: #5B73A3; text-decoration: underline; }
a:visited 					{ color: #5B73A3; text-decoration: none; }
a:active 					{ color: #5B73A3; text-decoration: none; }
a:visited:hover			{ color: #5B73A3; text-decoration: underline; }

/*Spalten und Layoutcontainer*/
#Seite						{ position: relative; width: 99%; height:99%;}
#HeadContainer				{ display: none; width: 100%; height: 34px; margin-top: 15px; margin-bottom: 18px; }
#Bilderwelten				{ display: none; width: 100%; height: 99px; margin-top: 14px; background-color: #b3b3b3; background-position: 1px 1px; background-repeat: no-repeat }
#SeitenLayout				{ width: 99%; margin-top: 12px; }
#SpalteContainer			{ display: none; width: 176px; float: left; text-align: left; margin-bottom: 20px; }
#NavigationContainer		{ display: none; text-align: left; /*padding: 0px;*/ }
#BoxenContainer			{ display: none; width: 174px; float: right; text-align: left; margin-bottom: 20px; margin-top: 3px; color:#141414;}
#InhaltContainer			{ width: 98%; float: left; margin-left: 0px; margin-top: 3px; margin-bottom: 20px; border: 0px none #000000; font-size: 70%; display: block; text-align: left; line-height: 140%; color:#141414;}

/*Head*/
.HeadLogo 					{ display: none; float: left;}
.HeadLogoPrint				{ width: 99%; display: block; padding-bottom: 15px; border-bottom: 1px solid #707070; margin-bottom: 10px; text-align: left; }


/*<group=Navigation>*/

/*Laschen*/
/*top right bottom left*/
.NavigationLeiste 		{ display: none; }

/*</group>*/

/*ReferenzBoxen*/
#ReferenzBoxenContainer 					{ margin-top: 35px; }
.BoxReferenz 									{ width: 28%; margin-right: 25px; float: left;}
.BoxReferenz .BoxUeberschrift 			{ font-size: 100%; border-bottom: 1px solid #707070;}
.BoxReferenz .BoxLink 						{ font-size:100%; } 
div.BoxReferenz a, div.BoxReferenz a:link, div.BoxReferenz a:visited, div.BoxReferenz a:active 	{ text-decoration: none; display: block; padding: 5px 0px 2px 0px; }
div.BoxReferenz a:hover, div.BoxReferenz a:visited:hover { text-decoration: underline; }

/*Footer*/
.FooterLeiste				{ display: none;}
.FooterPrintVersion		{ border-top: 1px solid #707070; color: #141414; margin-top: 15px; width: 99%; display: block; font-size: 70%; text-align: left; padding: 0px 0px 10px 0px; }

/*PfadNavigation*/
#PfadContainer				{ display: none;} 

/*Inhaltsstyles Folgeseiten*/
.InhaltElementeLinks 	{ float: left; margin-right:15px; margin-top: 5px; width:200px; background-color: #FFFFFF;}
.InhaltElementeRechts 	{ float: right; margin-left:15px; margin-top: 5px; width:200px; background-color: #FFFFFF;}
.InhaltFoto 				{ margin-bottom:10px; font-size:85%;}
.InhaltFotoBreit			{ margin-bottom:10px; margin-top: 5px; font-size:85%;}
.InhaltFoto img			{ display: block; }

/*Layouttabelle Inhalt*/
#InhaltContainer table							{ border: 1px solid #707070; font-size: 100%; border-collapse: collapse; border-spacing: 0px; width: 99%;}
#InhaltContainer td								{ border: 1px solid #707070; font-size: 100%; border-collapse: collapse; padding: 3px; }
#InhaltContainer table.TabelleNoBorder 	{ border: 0px none; font-size: 100%; border-collapse: collapse; border-spacing: 0px; }
#InhaltContainer table.TabelleNoBorder td { border: 0px none; font-size: 100%; border-collapse: collapse; padding: 0px; }
 
/*Links im Inhaltssbereich*/
.LinklisteInhalt		{ display: block; font-size: 100%; padding-left: 0px; margin-bottom: 5px; margin-top: 5px;}
.LinklisteInhaltPDF	{ display: block; font-size: 100%; padding-left: 0px; margin-bottom: 5px; margin-top: 5px;}
.LinklisteInhaltWORD	{ display: block; font-size: 100%; padding-left: 0px; margin-bottom: 5px; margin-top: 5px;}

/*Home Inhalt*/
#HomeInhalt 				{ float: none; display: block; width: 99%; text-align: left; font-size: 70%; margin-bottom: 10px; margin-top: 10px;}
#HomeFinder					{ display: none;}
.Abstand						{ display: none;}
.HomeTeaser					{ float: none; display: block; width: 99%; text-align: left; margin-bottom: 10px; }
.HomeTeaser .Box a, .HomeTeaser .Box a:link, .HomeTeaser .Box a:visited, .HomeTeaser .Box a:active 	
								{ text-decoration: none; display: block; padding: 5px 0px 2px 0px; }
.HomeTeaser .Box a:hover, .HomeTeaser .Box a:visited:hover
 								{ text-decoration: none; }
.HomeTeaser .BoxUeberschrift { border-bottom: 1px solid #707070; }
.BoxHome						{}
.BoxHomeUeberschrift		{ font-size: 70%; }
.TeaserTab					{ vertical-align:bottom; margin: 0px 0px 3px 0px; float:none; width: 99%; border-bottom: 1px solid #707070;}
.TeaserTab ul				{ padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.TeaserTab li				{ padding: 0px 0px 1px 0px; margin:0px 0px 2px 0px; }
.TeaserTab a, .TeaserTab a:link, .TeaserTab a:active, .TeaserTab a:visited { color:#424242; font-weight:bold; padding: 5px 0px 0px 0px; text-decoration:none; display: block;}
.TeaserTab a:hover, .TeaserTab a:visited:hover { color:#000000;}
.BoxHomeGrafik				{ display: block; }
.BoxHomeLink				{ display: block; font-size: 70%; padding: 3px 0px 3px 0px;}
.BoxHomeLink span			{ display: block; font-weight: bold; padding: 0px 0px 3px 0px;}
div.BoxHomeLink a, div.BoxHomeLink a:link, div.BoxHomeLink a:visited, div.BoxHomeLink a:active 
								{ text-decoration: none; display: block; font-weight: bold; padding: 4px 0px 0px 0px; }
div.BoxHomeLink a:hover, div.BoxHomeLink a:visited:hover
 								{ text-decoration: none; }
div.BoxLink a, div.BoxLink a:link, div.BoxLink a:visited, div.BoxLink a:active 
								{ text-decoration: none; display: block; padding: 2px 0px 3px 0px;}
div.BoxLink a:hover, div.BoxLink a:visited:hover
		 						{ text-decoration: none; }
/*Home Logos*/				
span.UMHomeLinks			{ display:block; float:left; width:300px; margin-top:12px;}
span.CMSHomeLinks			{ display:block; float:left; width:300px; margin-top:0px; margin-left: 20px; margin-bottom: 10px; font-weight: normal; padding: 0px 0px 0px 0px;}
span.CMSHomeGrafik, span.UMHomeGrafik			{ float:left; padding: 0px 0px 0px 0px;}
span.CMSHomeGrafik a, span.CMSHomeGrafik a:link, span.CMSHomeGrafik a:visited, span.CMSHomeGrafik a:active, span.CMSHomeGrafik a:hover, 
span.UMHomeGrafik a, span.UMHomeGrafik a:link, span.UMHomeGrafik a:visited, span.UMHomeGrafik a:active, span.UMHomeGrafik a:hover
								{ background-image: none; padding: 0px 0px 0px 0px;}

/*Referenzseite*/
.ReferenzAbschnitt					{ vertical-align:bottom; margin: 20px 0px 10px 0px; float:none; width: 99%; border-bottom: 1px solid;}
.ReferenzAbschnitt ul				{ padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.ReferenzAbschnitt li				{ padding: 5px 0px 6px 0px; margin:0px 0px 2px 0px; color:#424242; font-weight:bold;  text-decoration:none; display: block;}
.ReferenzAbschnittTop				{ display: none;}

.Referenz								{ margin: 0px 0px 0px 0px;}
.Referenz img							{ display:none;}
.ReferenzInhalt						{ display:block; float:none; padding: 0px 0px 3px 20px; font-weight: normal; text-align: left;}	
.ReferenzInhalt a, .ReferenzInhalt a:link, .ReferenzInhalt a:visited, .ReferenzInhalt a:active, .ReferenzInhalt a:hover { display: none;}		
form#ReferenzenFilterForm			{ display: none;}


/*Download Dokumente*/
/*.WordDokument 			{ padding-left: 0px; margin-bottom: 5px; }
.pdfDokument 			{ padding-left: 0px; margin-bottom: 5px; }*/

/*Language*/
/*.LanguageSelector { float: right; height: 20px; margin-top: 14px; }
.LanguageSelectorJS { font-size: 60%; margin-left: 10px; border: 1px solid #a5acb2;}
.LanguageSelector form { margin: 0px; margin-bottom: 0px; margin-top: 0px;}
.LanguageSelectorNoScript { margin-left: 10px; margin-top: 30px; font-size: 60%; font-weight: normal; width:180px; }
.LanguageSelectorNoScript a, .LanguageSelectorNoScript a:link, .LanguageSelectorNoScript a:active, .LanguageSelectorNoScript a:visited{ color:#333333; text-decoration: none; background-color: #FFFFFF; border: 1px solid #666666; padding:2px; width:180px; display: block;}
.LanguageSelectorNoScript a:hover, .LanguageSelectorNoScript a:visited:hover{ color:#333333; text-decoration: underline; background-color: #FFFFFF; border: 1px solid #666666; padding:2px; width:180px; display: block;}*/

/*Aufmachergrafik Homepage*/
/*.AufmacherClaim         { float: left; height: 128px; width: 219px; background-color: #FF9705; }
.AufmacherClaim div     { vertical-align: middle; text-align: center; font-size: 120%; color: #FFFFFF; margin: 28px;}
.AufmacherGrafik        { float: right; height: 128px; width: 199px; background-color: #FF9705; }
.AufmacherGrafik img 	{ float: left;}
.AufmacherGrafik div    { font-size: 65%; color: #FFFFFF; text-align: right; margin: 5px;}
.AufmacherGrafik a, .AufmacherGrafik a:link, .AufmacherGrafik a:active, .AufmacherGrafik a:visited, .AufmacherGrafik a:hover, .AufmacherGrafik a:visited:hover { color: #FFFFFF;}*/

/*KeyVisual und Seitenueberschrift
.KeyVisual { float: left; width: 219px; height:59px; background-repeat: no-repeat;}
.SeitenUeberschrift {float: left; height: 59px; width: 495px; }
.SeitenUeberschrift div { margin-top: 22px; margin-left: 20px; }*/


/*Login*/
/*.BoxLogin { padding: 3px; display: block; font-size: 70%; padding-left: 10px; }
.LoginEingabefeld { margin-bottom: 5px; font-size: 90%; width:180px; border: 1px solid #a5acb2;}
.BoxLogin form { margin: 0px; padding: 0px;}*/


/*News links Homepage*/
/*.News 				{ padding-bottom: 10px; padding-top: 1px; background-image: url(../images/strichellinie.gif); background-repeat: repeat-x; background-position: top; margin-top: 4px; }
.NewsUeberschrift	{ color: #666666; background-color: #e0dedf; font-size: 70%; padding: 5px 3px 7px 10px; text-transform: uppercase; font-weight: bold; background-image: url(../images/strichellinie.gif); background-repeat: repeat-x; background-position: bottom; }
.NewsMeldung		{ padding: 3px; padding-left: 10px; padding-bottom: 10px; display: block; font-size: 70%; color: #666666; line-height: 120%; }
.NewsAbschluss		{ background-image: url(../images/strichellinie.gif); background-repeat: repeat-x; background-position: bottom; display: block; font-size: 100%; padding-top: 1px; margin-top: 2px;  }
.NewsMeldung a, .NewsMeldung a:link, .NewsMeldung a:active, .NewsMeldung a:visited 		{ font-weight: bold; text-decoration: none;}
.NewsMeldung a:hover, .NewsMeldung a:visited:hover		{ text-decoration: underline;}*/

/*Seitennavigation*/
/*#SeitenNavigation					{ margin-top: 25px; margin-bottom: 7px; width:100%;}
.SeitenNavigationUeberschrift	{ padding: 0px 3px 4px 0px; font-weight: bold; display: block; border-bottom: 1px solid #b8b6b5; margin-bottom: 5px;}
.SeitenLink a, .WordDokument a, .pdfDokument a 						{ font-weight: bold;}
.SeitenLink							{ padding-left: 14px; background-image: url(../images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-bottom: 5px;}
.ProduktLink, .ProduktLink a	{ font-weight: bold; padding-left: 14px; background-image: url(../images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 2px;}
.ProduktLink div 					{ display: block; margin-bottom: 5px;}
.DetailLink							{ padding-left: 14px; margin-bottom: 20px; display: block; cursor: default; }
.DetailLink a						{ font-weight: normal; }*/

/*Teaser auf der Homepage*/
/*#TeaserContainer		{ margin-bottom: 20px; margin-top: 20px; width: 495px;}
.TeaserBoxLinks		{ float: left; width: 240px;}
.TeaserBoxRechts		{ float: right; width: 240px;}
.TeaserUeberschrift	{ padding: 0px 3px 4px 0px; font-weight: bold; display: block; border-bottom: 1px solid #FF9705; text-transform: uppercase; margin-bottom: 5px;}
.TeaserMeldung			{ background-image: url(../images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 16px; margin-bottom: 10px;}
.TeaserMeldung a		{ }*/

/*Formulare*/
/*#InhaltContainer form 		{ margin-top: 0px; margin-bottom: 0px;}
input.Checkbox 				{ margin-right: 5px; vertical-align: middle;}
textarea.Kontakt 				{ width: 232px; height: 80px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.Kontakt   				{ width: 232px; font-size: 100%; color: #7C7B77; padding: 1px 2px 2px 2px; background: #FAFAFA; border: 1px solid #BBBBBB;}
select.Kontakt  				{ width: 238px; font-size: 100%; color: #7C7B77; padding: 1px 2px 2px 2px; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.KontaktKurz 			{ margin-right: 4px; width: 50px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
select.KontaktKurz 			{ margin-right: 4px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.KontaktMittel 			{ width: 172px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.Button 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%; color: #002b8b; background: #d9dfe6; border: 1px solid #707070 ; padding: 1px;}
#HeadContainer input.Button{ font-size: 55%; padding: 0px; margin-top: 5px;} 
div.Label 						{ height: 23px; width: 160px; text-align: right; float: left; border: 0px solid; }
div.LabelArea					{ height: 105px; width: 160px; text-align: right; float: left; font-weight: bold; border: 0px solid; }
div.TextFeld 					{ height: 23px; width: 238px; text-align: left; float: right; border: 0px solid;}
div.TextArea 					{ height: 105px; width: 238px; text-align: left; float: right; border: 0px solid;}
div.Formular 					{ width: 405px; text-align: left; border: 0px solid;}*/

/*Sitemap*/
/*.Sitemap a				{ display: block; cursor: pointer; text-decoration: none; }
.Sitemap a:hover, .Sitemap a:visited:hover	{ background-color: #f2f5f7; color: #000000; text-decoration: none; }
.Sitemap a.Ebene1 	{ font-size: 110%; font-weight: bold; text-transform: uppercase; padding: 2px 3px 2px 5px; border-bottom: 1px solid #707070; margin-top: 7px; }
.Sitemap a.Ebene1:hover
				 			{ background-color: #f2f5f7;}
.Sitemap a.Ebene1_selected 	
							{ font-size: 110%; font-weight: bold; text-transform: uppercase; padding: 3px 5px 3px 5px; border-bottom: 1px solid #707070;  margin-top: 7px; color: #000000; background-color: #f2f5f7;}
.Sitemap a.Ebene2 	{ font-size: 110%; font-weight: bold; padding: 1px 3px 3px 5px; }
.Sitemap a.Ebene3 	{ font-size: 100%; font-weight: normal; padding: 1px 3px 3px 5px; line-height: 12px;}
.Sitemap a.Ebene4 	{ font-size: 100%; font-weight: normal; padding: 1px 3px 3px 25px; line-height: 12px;}
.Sitemap a.Ebene5 	{ font-size: 100%; font-weight: normal; padding: 1px 3px 3px 37px; line-height: 12px; background-image: url(../images/anstrich_box_links.gif); background-repeat: no-repeat; background-position: 27px 5px;}*/

/*Uebersicht News*/
/*#NewsListe					{ margin-top: 25px; margin-bottom: 7px; width:100%;}
.NewsListeUeberschrift	{ padding: 0px 3px 4px 0px; font-weight: bold; display: block; border-bottom: 1px solid #b8b6b5; margin-bottom: 5px;}
#NewsListe a				{ font-weight: bold;}
.NewsLink					{ margin-bottom: 15px;}
.NewsDatum 					{ font-size: 90%; font-style: italic;}
H1.NewsDatum				{ font-size: 120%; font-style: normal; font-weight: normal; margin-top: 0px; margin-bottom:0px; color: #000000; line-height: normal; padding: 0px;}*/

/*Suchergebnisseite*/
/*Treffer*/
/*.InhaltTrefferliste				{ margin-bottom: 20px; }
.Treffer 							{ background-image: url(../images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 14px; margin-bottom: 15px;}
.Treffer a							{ font-weight: bold; }
.Treffer div						{ display: block; }
.TrefferDatum						{ font-size:90%;}
.TrefferPfad 						{ font-style: italic;}
.Suchbegriff_Hervorhebung 		{ background-color: #ECECEC;}

.ButtonFeld 						{ display: block; border-top:1px solid #b8b6b5; padding-top: 5px; height: 19px; font-size: 100%; }
.ButtonFeld a						{ padding: 4px 5px 3px 5px; }
.ButtonFeld a.selected			{ color: #000000; text-decoration: none; cursor: default;}

.InhaltFormular 					{ font-size: 100%; padding-bottom: 10px;}
.InhaltFormularLeft 				{ float: left; width: 220px; }
.InhaltFormularRight 			{ float: right; width: 180px; }
.InhaltFormular .TextFeldSuche{ display: block; width: 200px; border: 1px solid #CCCCCC; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular select.Klein	{ border: 1px solid #CCCCCC; color: #000000; font-size: 100%; margin-bottom: 8px; }*/