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

/* 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; font-size: 100%; }
ol, ul { margin-top: 5px;}
ul { list-style: none; padding: 0px; }
td ul { margin-left: 0px;}
ul li { margin-left: 8px; margin-right: 0px; margin-bottom: 5px; padding-left: 9px; background: url(/UM_Relaunch/images/anstrich_inhaltliste.gif) no-repeat 0em 0.45em;}
ol li  { margin-left: 0px; margin-right: 0px; margin-bottom: 5px; }
img {	border: 0px none; }
.clear { height: 0px; line-height: 0%; font-size: 0%; clear: both; }


/* Ueberschriften */
h1 { font-size: 165%; font-weight: normal; margin-top: 0px; margin-bottom:13px; color: #242424; line-height: normal; }
h2 { font-size: 100%; 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: 15px; margin-bottom: 5px; width:100%; border-bottom: 1px solid #b3b3b3;}
h4  { font-size: 100%; font-weight: bold; margin-top: 18px; 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 { width: 950px; height:99%;}
#HeadContainer { position: relative;  width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: right;  }
#Bilderwelten { width: 100%; height: 146px; background-color: #fff; background-position: 0px 0px; background-repeat: no-repeat; clear: both; }
#SeitenLayout { width: 100%; margin-top: 12px; }
#SpalteContainer { width: 176px; float: left; text-align: left; margin-bottom: 20px; }
#NavigationContainer { text-align: left; /* padding: 0px; */ }
#BoxenContainer { width: 174px; float: right; text-align: left; margin-bottom: 20px; margin-top: 3px; color:#141414;}
#InhaltContainer { width: 534px; float: left; margin-left: 36px; margin-top: 3px; margin-bottom:20px; border: 0px none #000000; font-size: 75%; display: block; text-align: left; line-height: 140%; color:#141414;}

/* Head */
div.PartnerLogo { display: block; vertical-align: top; text-align: right; font-size: 70%; line-height:110%; }
div.PartnerLogo img { margin-top: 5px; }
div.Partner { position:absolute; top:3px; right:0px; z-index:3; text-align:right; color: #b3b3b3; font-size: 70%; line-height:100%; }

div.HeadLogo { position: absolute; left: 0px; top: 0px; width: 212px; padding-top: 34px; }
div.HeadLogoPrint { display: none; }


/* SiteTools oben */
div.SiteToolsInhalt  { position: static; float: right; padding-top: 25px; margin-bottom: 5px; font-size: 65%; white-space: nowrap; text-align: right;  }

div.SiteToolsInhalt a, div.SiteToolsInhalt a:link, div.SiteToolsInhalt a:visited, div.SiteToolsInhalt a:active { margin-left: 5px; margin-right: 5px; }
div.SiteToolsInhalt a:hover, div.SiteToolsInhalt a:visited:hover { margin-left: 5px; margin-right: 5px; }
.FlagEn { background-image: url(/UM_Relaunch/images/icon_flag_english.gif); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 20px; margin-right: 5px; }
div.FooterTabSitetools .FlagEn { padding: 0px 0px 0px 0px; margin-right: 5px; background-image: none; }




/* ReferenzBoxen */
#ReferenzBoxenContainer { margin-top: 0px; padding-top: 65px;}
div.BoxReferenz  { width: 160px; margin-right: 18px; float: left;}
div.BoxReferenz .BoxUeberschrift { font-size: 100%;}
div.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 8px; background: url(/UM_Relaunch/images/anstrich_punkt.gif) no-repeat 0px 10px;}
div.BoxReferenz a:hover, 
div.BoxReferenz a:visited:hover { text-decoration: underline; }



/* Loesungsfinder Menu */
.BoxLoesungen form { margin-top: 10px; width:80px; font-size: 100%; }
select.Loesungsfinder { border:1px solid #A5ACB2; font-size: 70%; width:174px; margin-bottom: 5px; margin-top: 3px; }

/*Schnelleinstieg Menu*/
.Schnelleinstieg { font-size: 60%; width:50%; border: 1px solid #a5acb2;}	


/* Laschen */
/* top right bottom left */
.NavigationLeiste			{ width:950px; padding-top:0px; margin-top:0px; }
.NavigationLeiste img	{ vertical-align: top; /*text-align: right; */ }

.NavigationLaschen		{ /*height: 100%;*/ font-size: 75%; background-image: url(/UM_Relaunch/images/tab_leer.gif); background-position: right 0px; background-repeat: no-repeat; }


.Tab { margin: 0px 0px 0px 0px; float: left; }

.Tab ul { background: url(/UM_Relaunch/images/tab_passiv_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px ; list-style:none;}
.Tab li { background: url(/UM_Relaunch/images/tab_passiv_re.gif) no-repeat right top;  padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px ; list-style:none;}
.Tab a,
.Tab a:link,
.Tab a:active,
.Tab a:visited						{ white-space:nowrap; color:#5B73A3; font-weight: bold; padding: 10px 15px 10px 15px; text-decoration:none; display: block; }
.Tab a:hover,
.Tab a:visited:hover				{ color:#424242; text-decoration:none; }

.Aktiv ul							{ background: url(/UM_Relaunch/images/tab_aktiv_li.gif) no-repeat left top !important; }
.Aktiv li							{ background: url(/UM_Relaunch/images/tab_aktiv_re.gif) no-repeat right top !important; }
.Aktiv a,
.Aktiv a:link,
.Aktiv a:active,
.Aktiv a:visited					{ color:#424242 !important; }
.Aktiv a:hover,
.Aktiv a:visited:hover			{ color: #5B73A3 !important; }

.Leer li								{ background: none !important; }

/* Suche in der Nav-Leiste */
.Tab7									{ vertical-align:bottom; margin: 7px 0px 0px 25px; float:right; width: 194px; }

/*Suche*/
.Schnellsuche			{ height: 12px; }
.Schnellsuche form	{ padding: 0px; margin: 0px; float: right; font-size: 100%; width: 174px; }
.SchnellsucheEingabe	{ width: 145px; border: 1px solid #a5acb2; float: left; }
.SchnellsucheButton	{ margin-bottom: 0px; margin-right: 5px; float: right; } 

/* Linkfarben Navigation und Rolloverfarben */
.newNavi a,
.newNavi a:link,
.newNavi a:active,
.newNavi a:visited			{ color: #5B73A3; text-decoration: none; display: block; }
.newNavi a:hover,
.newNavi a:visited:hover	{ color: #424242; text-decoration: underline; }

.newNavi a.selected,
.newNavi a.selected:link,
.newNavi a.selected:active,
.newNavi a.selected:visited,
.newNavi a.selected:hover,
.newNavi a.selected:visited:hover	{ color: #424242 !important; cursor: default !important; text-decoration: none !important; }

/* neue Navigation */

#NavigationContainer .newNavi			{ font-size: 80%; }
.newNavi ul								{ margin-left: 0px;}
.newNavi ul li								{ font-size: 100%; font-weight: bold; list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #fff; background: url(/UM_Relaunch/images/anstrich_haupt.jpg) no-repeat left 0.6em; }
.newNavi ul ul li					{ font-size: 100%; font-weight: normal; margin-left: 13px; background: url(/UM_Relaunch/images/anstrich_punkt.gif) no-repeat left 0.6em; }
.newNavi ul ul ul li		{ font-size: 90%; margin-left: 7px; background: url(/UM_Relaunch/images/anstrich_strich.gif) no-repeat left 0.5em; }

.newNavi ul a								{ padding: 3px 2px 3px 13px; }
.newNavi ul ul a							{ padding: 1px 2px 1px 9px; }
.newNavi ul ul a							{ padding: 1px 2px 1px 9px; }



a.tagcloud { text-decoration:none; color:#5B73A3; }
a.tagcloud:hover { text-decoration:none; color:#5B73A3; }
a.tagcloud:visited { text-decoration:none; color:#5B73A3; } 

/* Home Inhalt */
#HomeInhalt { float: left; width: 751px; text-align: left; margin-bottom: 40px; margin-top: 10px; font-size: 80%;}
.HomeButton { margin-top: 20px; width: 223px; height: 75px; float: left; text-align: center; border: 1px solid #b3b3b3; background-image: url(/UM_Relaunch/images/bg_homebutton.jpg); background-repeat: repeat-x; }
.HomeButton a,
.HomeButton a:link,
.HomeButton a:active,
.HomeButton a:visited { display: block; color: #4a4a4a; width: 203px; height: 70px; text-decoration: none; font-size: 85%; line-height: 100%; padding: 0px 10px 5px 10px; background-repeat: no-repeat; background-position: top center; }
.HomeButton a:hover,
.HomeButton a:visited:hover {  }
.HomeButton a:hover span,
.HomeButton a:visited:hover span { text-decoration: underline; }

.HomeButton a span { display: block; }
.HomeButton a img { margin-bottom: 5px; width: 130px; height: 40px; }

.HomeButton a#ecrm,
.HomeButton a#ecrm:link,
.HomeButton a#ecrm:active,
.HomeButton a#ecrm:visited { }
.HomeButton a#ecrm:hover,
.HomeButton a#ecrm:visited:hover { }

.HomeButton a#cms,
.HomeButton a#cms:link,
.HomeButton a#cms:active,
.HomeButton a#cms:visited { }
.HomeButton a#cms:hover,
.HomeButton a#cms:visited:hover {  }

.HomeButton a#bpm,
.HomeButton a#bpm:link,
.HomeButton a#bpm:active,
.HomeButton a#bpm:visited {  }
.HomeButton a#bpm:hover,
.HomeButton a#bpm:visited:hover {  }

.Abstand { float: left; width: 38px; }


.TeaserTab { vertical-align:bottom; margin: 0px 0px 0px 0px; float:left; width: 300px;}
.TeaserTab ul { background:url(/UM_Relaunch/images/tab_ueberschrift_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.TeaserTab li { background:url(/UM_Relaunch/images/tab_ueberschrift_re.gif) no-repeat right top; 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 6px 8px; text-decoration:none; display: block;}
.TeaserTab a:hover, .TeaserTab a:visited:hover { color:#000000;}
span.UMHomeLinks { display:block; float:right; width:230px; margin-top:12px;}
span.SpecialHomeLinks { display:block; float:right; width:250px; margin-top:0px;}
span.CMSHomeLinks { display:block; float:right; width:180px; margin-top:0px; margin-bottom: 10px; font-weight: normal; padding: 0px 0px 0px 0px;}
span.FlashHomeLinks { display:block; float:right; width:155px; margin-top:0px; margin-bottom: 10px; font-weight: normal; padding: 0px 0px 0px 0px;}

div.BoxLink span.FlashHomeLinks a, div.BoxLink span.FlashHomeLinks a:link, div.BoxLink span.FlashHomeLinks a:active, div.BoxLink span.FlashHomeLinks a:visited, div.BoxLink span.FlashHomeLinks a:hover{ padding: 2px 0px 3px 8px;}



span.CMSHomeGrafik,
span.UMHomeGrafik,
span.CebitHomeGrafik { float:left; padding: 0px 1em 1em 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,
span.CebitHomeGrafik a, span.CebitHomeGrafik a:link, span.CebitHomeGrafik a:visited, span.CebitHomeGrafik a:active, span.CebitHomeGrafik a:hover
								{ background-image: none; padding: 0px 0px 0px 0px; }




/* Inhaltsstyles Folgeseiten */
.InhaltElementeLinks { float: left; margin-right:15px; margin-top: 5px; width:200px; background-color: #FFFFFF;}
.InhaltElementeLinks300 { float: left; margin-right:15px; margin-top: 5px; width:300px; background-color: #FFFFFF;}
.InhaltElementeLinksLogo { float: left; margin-right:15px; margin-top: 5px; width:150px; background-color: #FFFFFF;}
.InhaltElementeRechts { float: right; margin-left:15px; margin-top: 5px; width:250px; background-color: #FFFFFF; font-size:85%;}
.InhaltElementeRechts200 { float: right; margin-left:15px; margin-top: 5px; width:200px; background-color: #FFFFFF; font-size:85%;}
.InhaltElementeRechtsLogo { float: right; margin-left:15px; margin-top: 5px; width:150px; background-color: #FFFFFF;}
.InhaltFoto { margin-bottom:10px; font-size:85%;}
.InhaltFotoBreit { margin-bottom:10px; margin-top: 5px; font-size:85%;}
.InhaltFoto img { display: block; }
.InhaltFoto { margin-bottom:10px; font-size:85%;}
.InhaltFotoIcon { margin-top: -17px; margin-left: 23px;}
.InhaltFotoBreit { margin-bottom: 10px; margin-top: 5px; font-size:85%;}
.InhaltFoto img { display: block; }

/* Layouttabelle Inhalt */
#InhaltContainer table,
#HomeInhalt table { border: 1px solid #707070; font-size: 100%; border-collapse: collapse; border-spacing: 0px; width: 534px;}
#InhaltContainer td,
#HomeInhalt td { border: 1px solid #707070; font-size: 100%; border-collapse: collapse; padding: 3px; }
#InhaltContainer table.TabelleNoBorder,
#HomeInhalt table.TabelleNoBorder 	{ border: 0px none; font-size: 100%; border-collapse: collapse; border-spacing: 0px; }
#InhaltContainer table.TabelleNoBorder td,
#HomeInhalt  table.TabelleNoBorder td { border: 0px none; font-size: 100%; border-collapse: collapse; padding: 0px; }

/*Styles Marketingseite*/
#InhaltContainer table.MarkTabelle								{ border: 0px none; font-size: 100%; border-collapse: collapse; border-spacing: 0px; }
#InhaltContainer table.MarkTabelle tr 							{ border-bottom: 1px solid #CCCCCC; font-size: 100%; border-collapse: collapse; padding: 0px; }
#InhaltContainer table.MarkTabelle td, table.TabelleNoBorder td { border: 0px none; border-bottom: 1px solid #CCCCCC; font-size: 100%; border-collapse: collapse; padding: 10px 0px 25px 0px; width:50%;}
table.MarkTabelle div.MarkDivThumb 								{ float: left; margin: 0px 10px 0px 0px; width: 100px;}
table.MarkTabelle div.MarkDivThumb img 						{ border:1px solid #CCCCCC}
table.MarkTabelle div.MarkDivText 								{ display:block; width: 157px; margin: 0px 25px 0px 110px; padding: 0px 0px 0px 0px;}
table.MarkTabelle div.MarkDivText a, table.MarkTabelle div.MarkDivText a:link					{ display:block; margin: 0px 0px 10px 0px; font-weight: bold;}
div.MarkDivText div, div.MarkDivText span 					{ display: block; margin: 4px 0px 0px 0px; background-position: 0px 3px;}
/*Styles Marketingseite zuende*/


#HomeInhalt div.Box table { width: 354px; }

/* Links im Inhaltssbereich */
.LinklisteInhalt { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 4px; }
.LinklisteInhaltPDF	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltWORD { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_word.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltZIP	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_zip.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltIMG	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_grafik.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltGIF	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_gif.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltJPG	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_jpg.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltPPT	{ display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_powerpoint.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltDOC { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_word.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltEXE { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_windows.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltDMG { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_apple.gif); background-repeat: no-repeat; background-position: 0px 1px;}
.LinklisteInhaltWAR { display: block; font-size: 100%; padding: 1px 20px; margin-bottom: 0px; margin-top: 3px; background-image: url(/UM_Relaunch/images/icon_linux.gif); background-repeat: no-repeat; background-position: 0px 1px;}

#HomeTeaserLeft,
#HomeTeaserRight { width: 363px; font-size: 140%; margin-top: 10px; }
#HomeTeaserLeft .BoxUeberschrift,
#HomeTeaserRight .BoxUeberschrift { font-size: 85%; width: 98%; }
#HomeTeaserRight { float: right; }
#HomeTeaserLeft { float: left; }




.Box, .BoxLoesungen { clear: both; padding-bottom: 10px; padding-top: 1px; margin: 0px 0px 15px 0px; }
.BoxProdukt { padding-bottom: 5px; padding-top: 1px; margin: 0px 0px 28px 0px; border: 1px solid #707070; background-color: #edf0f4; }
.BoxUeberschrift { color: #4a4a4a; font-size: 70%; padding: 0px 0px 2px 0px; font-weight: bold; background: url(/UM_Relaunch/images/box_linie.jpg) no-repeat right top; padding-top: 9px; }
.BoxHome .BoxUeberschrift { color: #242424; font-size: 100%;}
.BoxLink, .BoxLinkWord, .BoxLinkPDF, .BoxTeaserLink, .BoxLink_selected, .BoxListe { display: block; font-size: 70%; }
.BoxTag { display: block; font-size: 70%; font-weight: bold; }
.Box .BoxLink, .Box .BoxListe, .Box .BoxTag { padding: 3px 0px 3px 0px;  }
div.BoxLink span { display: block;  }
.BoxLinkPDF { display: block; padding: 2px 0px 3px 30px; background: url(/UM_Relaunch/images/icon_pdf.gif) no-repeat 10px 5px; }
div.BoxLink a, div.BoxLink a:link, div.BoxLink a:visited, div.BoxLink a:active { text-decoration: none; display: block; padding: 2px 0px 3px 25px; background: url(/UM_Relaunch/images/anstrich_punkt.gif) no-repeat 0px 7px;}
div.BoxLink a:hover, div.BoxLink a:visited:hover { text-decoration: underline; }
div.BoxLinkPDF a, div.BoxLinkPDF a:link, div.BoxLinkPDF a:visited, div.BoxLinkPDF a:active { text-decoration: none;  }
div.BoxLinkPDF a:hover, div.BoxLinkPDF a:visited:hover { text-decoration: underline; }
div.BoxGrafik a, div.BoxGrafik a:link, div.BoxGrafik a:visited, div.BoxGrafik a:active { background-image: none; padding: 0px 0px 0px 0px; }
.BoxListe ul { list-style: none; margin-left: -12px; margin-top: 0px; padding: 0px; }
.BoxListe li { padding-left: 8px; background: url(/UM_Relaunch/images/anstrich_boxliste.gif)  no-repeat 0em 0.45em; }


/* Boxen rechts */
.BoxRechts { background: url(/UM_Relaunch/images/boxRechts_bg.jpg) no-repeat right top; width:174px; clear: both; padding-bottom: 15px; padding-top: 1px; margin: 0px 0px 15px 0px; }
.BoxRechtsUeberschrift { color: #4a4a4a; font-size: 70%; padding: 5px 0px 2px 10px; font-weight: bold; margin-bottom: 5px; }
.BoxRechtsSchnell { background: url(/UM_Relaunch/images/boxRechtsSchnelleinstieg_bg.jpg) no-repeat right top; width:174px; height: 66px; clear: both; padding-bottom: 15px; padding-top: 1px; margin: 0px 0px 15px 0px; }
.BoxRechtsLink { display: block; font-size: 70%; width:86%; padding: 5px 0px 2px 10px; }
div.BoxRechtsLink a, div.BoxRechtsLink a:link, div.BoxRechtsLink a:visited, div.BoxRechtsLink a:active { text-decoration: none; display: block; padding: 2px 0px 3px 8px; background: url(/UM_Relaunch/images/anstrich_punkt.gif) no-repeat 0px 7px;}
div.BoxRechtsListe ul { list-style: none; margin-top: 0px; padding: 0px; font-size: 70%; width:86%; }
div.BoxRechtsListe li { padding-left: 8px; background: url(/UM_Relaunch/images/anstrich_boxliste.gif)  no-repeat 0em 0.45em; }
div.BoxRechtsGrafik a, div.BoxGrafik a:link, div.BoxGrafik a:visited, div.BoxGrafik a:active { background-image: none; padding: 0px 0px 0px 0px; }

div.BoxRechtsGrafik img
{
	margin:0px auto;
	padding:0px;
}

/* Rueckruf-Formular in der rechten Spalte */
div#BoxenContainer div.BoxRueckruf form { width: 172px; font-size: 70%; }
div#BoxenContainer div.BoxRueckruf form label { display: block; font-weight: bold; }
div#BoxenContainer div.BoxRueckruf form select { width: 98%; font-size: 100%; margin-bottom: 4px; border: 1px solid #a5acb2; color: #000000;}
div#BoxenContainer div.BoxRueckruf form textarea,
div#BoxenContainer div.BoxRueckruf form input.Text { width: 95%; display: block; font-size: 100%; margin-bottom: 4px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000;}
div#BoxenContainer div.BoxRueckruf form span { display: block; margin-bottom: 15px; font-size: 90%;}
div#BoxenContainer div.BoxRueckruf form #send { font-size: 100%; margin: 0px; }


.BoxRechtsLinkIcon { display: block; font-size: 70%; width:86%; padding: 5px 0px 2px 10px; }
div.BoxRechtsLinkIcon a, div.BoxRechtsLinkIcon a:link, div.BoxRechtsLinkIcon a:visited, div.BoxRechtsLinkIcon a:active { text-decoration: none; display: block; padding: 2px 0px 3px 0px; white-space: nowrap;}
div.BoxRechtsLinkIcon img { margin-right: 5px;} 

/* Referenzseite */
.ReferenzAbschnitt { vertical-align:bottom; margin: 20px 0px 10px 0px; float:none; width: 100%;}
.ReferenzAbschnitt ul { background:url(/UM_Relaunch/images/tab_ueberschrift_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.ReferenzAbschnitt li { background:url(/UM_Relaunch/images/tab_ueberschrift_re.gif) no-repeat right top; /*padding: 0px 0px 1px 0px;*/ padding: 5px 0px 6px 8px; margin:0px 0px 2px 0px; color:#424242; font-weight:bold;  text-decoration:none; display: block;}
.ReferenzAbschnittTop { background: url(/UM_Relaunch/images/icon_top.gif) no-repeat left top; float:right; margin-right:10px; padding: 0px 0px 0px 17px;}

.Referenz { margin: 0px 0px 0px 0px; /*background: url(/UM_Relaunch/images/box_linie.jpg) no-repeat right bottom; */ }
.Referenz img { float: left; margin-bottom: 30px;}
.ReferenzInhalt { display:block; float:right; width:300px; padding: 0px 0px 3px 0px; font-weight: normal; text-align: left;}	
.ReferenzInhalt a, .ReferenzInhalt a:link, .ReferenzInhalt a:visited, .ReferenzInhalt a:active, .ReferenzInhalt a:hover { display: block; font-weight: bold;}		
/* Filter */
.ReferenzenFilter { font-size: 90%; width:180px; border: 1px solid #a5acb2;}
.BranchenContainer { width: 200px; float: left;}
.LoesungenContainer { width: 300px; float: right;}
/* Formulare */
form { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
button { background: #ffffff; border: 1px solid #cc0000; width: 60px; color: #000000; cursor: pointer; font-size: 100%; margin-left: 5px;}
.Buttons { display: block; padding: 5px; height: 19px; font-size: 90%;}
.Buttons span { float: left; }
.Buttons input { float: right; cursor: pointer; margin-left: 5px; font-size: 115%;}
.Buttons a { padding: 4px 5px 3px 5px; }
.Buttons a.selected { color: #000000; text-decoration: none; cursor: default;}
.BigButton { float: right; background: #ffffff; border: 1px solid #cc0000; color: #000000; cursor: pointer; margin-left: 5px; padding: 2px; font-size: 115%; font-weight: bold; }
.InhaltFormular { font-size: 100%; padding-bottom: 11px;}
.InhaltFormular label.Pflichtfeld { font-weight: bold; font-size: 100%; }
.InhaltFormular label.Feld { font-weight: normal; font-size: 100%; }
.InhaltFormular .TextFeld { width: 248px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular textarea  { width: 248px; height: 60px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular textarea.Bestellen { height: 123px;}
.InhaltFormular textarea.Empfehlen { height: 110px;}
.InhaltFormular select.Klein { border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular label.Choice { font-weight: normal; color: #353535; margin-right: 20px; }
input.Choice { margin-left: 0px; margin-right: 3px; vertical-align: bottom; }
#Empfangen { margin-bottom: 6px; }
.InhaltFormular select			 { border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular select#country { width: 260px; }
.InhaltFormular input#zip { width: 40px; margin-right: 5px;}
.InhaltFormular input#city { width: 192px; }
.InhaltFormular input#firstname { width: 115px; margin-right: 5px; }
.InhaltFormular input#lastname { width: 116px; }
.InhaltFormular input[type^="radio"],
.InhaltFormular input[type^="checkbox"] { float: left; margin-left: 0px; }

td.label					{ padding-right: 10px !important; width: 200px; }
td.label label			{ float: right; }
td.Felder				{ padding-right: 10px !important; width: 260px; }


.FormularAntwort { margin-top: 5px; border: 0px; width: 100%; font-size: 90%; }
.FormularAntwort td.Text { padding: 0px 0px 8px 7px;}
.FormularAntwort input { margin: 0px;}
.WeiterButtons { text-align: right; background: #ffffff; padding: 5px; border-top: 1px solid #dddddd;}


.FormularFilter { width: 100%; margin-bottom: 11px; }
.FormularFilter label { display: none; }
.FormularFilter select { width: 130px; border: 1px solid #a5acb2; color: #000000; margin-right: 8px; font-size: 90%; }
.FormularFilter input.Button { background: #ffffff; border: 1px solid #cc0000; color: #000000; cursor: pointer;  font-size: 90%; }

.FormularFilterPresse { width: 100%; margin-bottom: 5px; padding: 3px 3px 3px 5px;}
.FormularFilterPresse label { display: block; float: left; font-size: 90%; width: 50px; }
.FormularFilterPresse select { width: 190px; border: 1px solid #a5acb2; color: #000000; margin-right: 0px; font-size: 90%;}
.FormularFilterPresse input.Button { background: #ffffff; border: 1px solid #cc0000; color: #000000; cursor: pointer;  font-size: 90%; }
.FormularFilterPresse form  { margin-bottom: 0px; }

div.MailKontakt { display: block; margin-bottom: 28px;}
div.Rueckruf  { display: block; margin-bottom: 20px;}
div.Rueckruf select.VorwahlLand	{ width: 40px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-right: 35px;}
div.Rueckruf .Vorwahl { width: 35px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; margin-right: 5px;}
div.Rueckruf .Nummer { width: 118px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; }
div.Rueckruf div.span { display: block; font-size: 90%; color: #353535; margin-bottom: 8px;}
div.Rueckruf span.left { margin-left: 1px;}
div.Rueckruf span.middle { margin-left: 50px;}
div.Rueckruf span.right { margin-left: 9px;}
div.Rueckruf select.Tag { width: 44px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; margin-right: 5px;}
div.Rueckruf select.Woche { width: 103px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; margin-right: 5px;}
div.Rueckruf select.Zeit { width: 97px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; }
div.Rueckruf select.Datum { width: 152px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; margin-right: 5px;}


/* Sitemap */
.Sitemap a { display: block; cursor: pointer; text-decoration: none; }
.Sitemap a:hover, .Sitemap a:visited:hover	{ color: #000000; text-decoration: underline; }
.Sitemap a.Ebene1 { font-size: 110%; font-weight: bold; text-transform: uppercase; padding: 2px 3px 2px 0px; border-bottom: 1px solid #b3b3b3; margin-top: 20px;}
.Sitemap a.Ebene2 { font-size: 110%; font-weight: bold; padding: 1px 3px 3px 15px; background-image: url(/UM_Relaunch/images/anstrich_strich.gif); background-repeat: no-repeat; background-position: 3px 6px; }
.Sitemap a.Ebene3  { font-size: 100%; font-weight: normal; padding: 1px 3px 3px 30px; line-height: 12px; background-image: url(/UM_Relaunch/images/anstrich_punkt.gif); background-repeat: no-repeat; background-position: 18px 5px; }
.Sitemap a.Ebene4 { font-size: 100%; font-weight: normal; padding: 1px 3px 3px 40px; line-height: 12px; background-image: url(/UM_Relaunch/images/anstrich_punkt.gif); background-repeat: no-repeat; background-position: 28px 5px; }
.Sitemap a.Ebene5 { font-size: 100%; font-weight: normal; padding: 1px 3px 3px 50px; line-height: 12px; background-image: url(/UM_Relaunch/images/anstrich_punkt.gif); background-repeat: no-repeat; background-position: 38px 5px;}

/* News links Homepage */
.InhaltElementeNews  { float: left; margin-right:0px; margin-top: 5px; width:166px; background-color: #FFFFFF;}
.NewsUeberschrift { font-weight: bold; font-size: 110%; margin-bottom: 5px;}
.Newsmeldung { float: right; width: 315px;}
.NewsDatum { margin-bottom: 3px; font-weight: bold;}


/* Suchergebnisseite */
div.GrauesFeld { margin-bottom: 20px; }
.SucheFeldInhalt { width: 420px; float: left; }
div.SucheTextfeld input.Button { float: right; }
div.SucheLabel { float: left; margin-right: 30px; }
div.GrauesFeld label { font-weight: bold; font-size: 90%; }
div.SucheTextfeld { margin-bottom: 10px; margin-top: 3px; }
div.Treffer_Ueberschrift { font-weight: bold; margin-bottom: 5px; }
div.Treffer_Datum,
div.Treffer_Pfad { font-size: 90%; color: #4a4a4a; padding-left: 5px; background: url(/UM_Relaunch/images/anstrich_boxliste.gif) no-repeat -2px 0.45em; }
div.Treffer_Beschreibung { margin-top: 0px; margin-bottom: 20px; }
div.NoTreffer { background:#EAEAEA none repeat scroll 0 0; font-weight:normal; line-height:2.5em; padding:5px; text-align:center; }

/* PfadNavigation */
#PfadContainer { width: 534px; font-size: 100%; font-weight: normal; margin-bottom: 15px;} 
.PfadAnzeiger { padding: 0px 0px 0px 0px; margin-left:0px; }
.PfadAnzeiger div { float: left; white-space: nowrap; margin-right: 5px; }
.PfadAnzeiger a, 
.PfadAnzeiger a:link, 
.PfadAnzeiger a:visited, 
.PfadAnzeiger a:active { margin-right: 0px; margin-left: 0px; padding: 0px 8px 0px 0px; background-image: url(/UM_Relaunch/images/anstrich_punkt.gif); background-position: right; background-repeat: no-repeat;}
.PfadAnzeiger a:hover, 
.PfadAnzeiger a:visited:hover { text-decoration: underline;} 
.PfadAnzeiger img { margin-right: 0px;}

/* see pinuts.de */
.FlagEn
{
  background-image: url(/UM_Relaunch/images/icon_flag_english.gif); 
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px 0px 0px 20px;
  margin-right: 5px;
}
.FlagDe
{
  background-image: url(/UM_Relaunch/images/icon_flag_german.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px 0px 0px 20px;
  margin-right: 5px;
}


/* interne Vorschau (@see VE@MEsser) */
.VESettings
{
	text-align: left;
	background-color:#FEFECF;
	border:1px solid #000000;
	color:#000000;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-bottom:0px;
	padding:2px;
}
.VEMarker
 {
	text-align: left;
	background-color:#FEFECF;
	border:1px solid #FDB900;
	color:#000000;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-bottom:0px;
	padding:2px;
}
.VESettings img
{
	border:0px none #000000;
	margin-bottom:4px;
	margin-top:4px;
	vertical-align:middle;
}
.VEMarker img
{
	border:0px none #000000;
	margin-bottom:4px;
	margin-top:1px;
	vertical-align:top;
}


/* Footer */
.FooterLeiste { width:950px; margin-bottom: 0px;}
.FooterLaschen { border-top: 0px none #FFFFFF; height: 100%; font-size: 75%; background-image: url(/UM_Relaunch/images/footer_bg.png); background-position: right 0px; background-repeat: no-repeat;}
.FooterTab { vertical-align:bottom; padding: 0px 0px 0px 5px; float:left; width: 176px;}
.FooterTabSitetools { vertical-align:bottom; margin: 0px 0px 0px 0px; float:left; width: 588px;}
.FooterTab ul, .FooterTabSitetools ul { background:url(/UM_Relaunch/images/spacer.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px !important; list-style:none;}
.FooterTab li, .FooterTabSitetools li { background:url(/UM_Relaunch/images/spacer.gif) no-repeat right top; padding: 0px 0px 1px 0px; margin:0px 0px 2px 0px; }
.FooterTabSitetools li div { white-space:nowrap; font-size: 85%; text-align: right;  padding: 7px 22px 12px 19px;}
.FooterTab a, .FooterTab a:link, .FooterTab a:active, .FooterTab a:visited { white-space:nowrap; color:#5B73A3; padding: 7px 19px 12px 19px; text-decoration:none; display: block; font-size: 90%;}
.FooterTab a:hover, .FooterTab a:visited:hover { color:#424242; text-decoration: underline;}
div.FooterTabSitetools a, div.FooterTabSitetools a:link, div.FooterTabSitetools a:visited, div.FooterTabSitetools a:active { margin-left: 15px; }
div.FooterTabSitetools a:hover, div.FooterTabSitetools a:visited:hover { margin-left: 15px; }

.FooterPrintVersion { display: none; }
.FooterTop { background-image: url(/UM_Relaunch/images/icon_top.gif); background-repeat: no-repeat; background-position: 22px 9px;  }
.FooterDrucken { background-image: url(/UM_Relaunch/images/icon_drucken.gif); background-repeat: no-repeat; background-position: 39px 5px; }

/* CopyrightLeiste*/

span#CopyrightLeiste { color: #b3b3b3; text-align: center; font-size: 70%; }


/* Die Hilfeliegt als ausgeblendetes Div am Ende des HTML-Templates und wird per Javascript eingeblendet */
div#help {
  background-color:#f1f1f1;
  color:#333;
  padding:5px;
  border:1px solid #ee8019;
  position:absolute;
  width:auto;
  height:auto;
  z-index:100;
  visibility:hidden;
  left:0;
  top:0;
}

div.help span.hl {
  font-weight:bold;
  /* #color:#006EBD; */
}