/* 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; text-align: center; }
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; margin-left: 5px; }
td ul { margin-left: 0px;}
ul li { margin-left: 8px; margin-right: 0px; margin-bottom: 5px; padding-left: 9px; background: url(../images/anstrich_inhaltliste.gif) no-repeat 0em 0.45em;}
.videotext ul li { display: table; }
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; 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%; margin: 0 auto; }
#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: 70%; 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(../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(../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(../images/tab_leer.gif); background-position: right 0px; background-repeat: no-repeat; }


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

.Tab ul { background: url(../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(../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(../images/tab_aktiv_li.gif) no-repeat left top !important; }
.Aktiv li							{ background: url(../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(../images/anstrich_haupt.jpg) no-repeat left 0.6em; }
.newNavi ul ul li					{ font-size: 100%; font-weight: normal; margin-left: 13px; background: url(../images/anstrich_punkt.gif) no-repeat left 0.6em; }
.newNavi ul ul ul li		{ font-size: 90%; margin-left: 7px; background: url(../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(../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(../images/tab_ueberschrift_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.TeaserTab li { background:url(../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; margin-bottom: 10px; width:200px;  font-size:90%;}
.InhaltElementeLinks300 { float: left; margin-right:15px; margin-top: 5px; width:300px; font-size:90%;}
.InhaltElementeLinksLogo { float: left; margin-right:15px; margin-top: 5px; width:150px; }
.InhaltElementeRechts { float: right; margin-left:15px; margin-top: 5px; width:250px; font-size:90%;}
.InhaltElementeRechts200 { float: right; margin-left:15px; margin-top: 5px; : 10px; width:200px; font-size:90%;}
.InhaltElementeRechtsLogo { float: right; margin-left:15px; margin-top: 5px; width:150px; }
.InhaltFoto { margin-bottom:10px; line-height: 1.3em; }
.InhaltFotoBreit { margin-bottom:10px; margin-top: 5px; font-size:100%;}
.InhaltFoto img { display: block; }
.InhaltFoto { margin-bottom:10px; font-size:100%;}
.InhaltFotoIcon { margin-bottom: -15px; margin-left: 23px; position: relative; top: -15px;}
.InhaltFotoBreit { margin-bottom: 10px; margin-top: 5px; font-size:100%;}
.InhaltFoto img { display: block; }
#InhaltContainer p {
	margin-top: 0;
}
/* 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; }

#InhaltContainer table.Features {
}
#InhaltContainer table.Features td,
#InhaltContainer table.Features th {
	padding: 3px;
	width: 80px;
	text-align: center;
}
#InhaltContainer table.Features tr.even td {
	background-color: #eaeaea;
}

#InhaltContainer table.Features th {
	background-color: #DBE4EB;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
#InhaltContainer table.Features tr.subhead th {
	padding-top: 3px;
	background-color: #e7edf2;
	vertical-align: bottom;
	text-transform: none;
	line-height: 120%;
}
#InhaltContainer table.Features tr td:first-child,
#InhaltContainer table.Features tr th:first-child {
	text-align: left;
	width: 270px;
}
#InhaltContainer table.Features th span {
	font-weight: normal;
}
/*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: 147px; margin: 0px 15px 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; margin-left: 0px; background-image: url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/anstrich_boxliste.gif)  no-repeat 0em 0.45em; }


/* Boxen rechts */
.BoxRechts { background: url(../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(../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(../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(../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(../images/tab_ueberschrift_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.ReferenzAbschnitt li { background:url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/icon_flag_english.gif); 
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px 0px 0px 20px;
  margin-right: 5px;
}
.FlagDe
{
  background-image: url(../images/icon_flag_german.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px 0px 0px 20px;
  margin-right: 5px;
}


.editContent div.info {
    font-size: 90%;
    left: 0px !important;
    padding: 20px 0 10px;
    position: absolute;
    top: 4px;
    margin: 10px;
}
.editContent div.info div {
    padding: 0px 5px
}
/* Footer */
.FooterLeiste { width:950px; margin-bottom: 0px;}
.FooterLaschen { border-top: 0px none #FFFFFF; height: 100%; font-size: 75%; background-image: url(../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(../images/spacer.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px !important; list-style:none;}
.FooterTab li, .FooterTabSitetools li { background:url(../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: 90%; 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%; text-align: center;}
.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(../images/icon_top.gif); background-repeat: no-repeat; background-position: 22px 9px;  }
.FooterDrucken { background-image: url(../images/icon_drucken.gif); background-repeat: no-repeat; background-position: 39px 5px; }

/* CopyrightLeiste*/

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


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

/* video4html5+- */
div.ContentImage {
color:#404040;
float:left;
font-size:95%;
line-height:130%;
margin:0.3em 5px 1em 0;
max-width:220px;
width:220px;
}

div.ContentImage a, div.ContentImage a:link, div.ContentImage a:visited, div.ContentImage a:active {
background:url() no-repeat scroll transparent;
display:block;
padding:0px;
text-decoration:none;
}

div.ContentImage div.ContentImageWrapper {
margin-bottom:5px;
max-width:100%;
position:relative;
}

div.ContentImage span a img {
    vertical-align: middle;
}
/* playueberlagerungsbild */
a.fancybox-media span {
float:left;
margin-bottom:15px;
padding-top:3px;
width:200px;
}
a.fancybox-media span.playbutton {
background-image:url("http://universal-messenger.de/libs/images/playbutton.png");
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:none;
height:100%;
margin:0;
padding:0;
position:absolute;
width:200px;
}

span.orange {
background-image:url("http://universal-messenger.de/libs/images/playbutton_orange.png") !important;
}

span.grau{
background-image:url("http://universal-messenger.de/libs/images/playbutton_grau.png") !important;
}

span.blau{
background-image:url("http://universal-messenger.de/libs/images/playbutton_blau.png") !important;
}

/*FAQ*/
div.FAQ-Kat {
	padding: 3px 0px;
	border-top: 1px solid #f37a04;
	border-bottom: 1px solid #f37a04;
	font-size: 90%;
	margin-bottom: 1em;
}

div.FAQ-Kat div.UMinfo {
	padding-top: 3px;
	margin-top: 2px;
	border-top: 1px dotted #cccccc;
}

div.FAQ-detail h2 {
	font-size: 150%;
	line-height: 150%;
	padding-top: 1em;
}
div.weitereFAQ h3 {
	border-bottom: 1px solid #f69230;
	font-size: 120%;
	background-image: url('../images/icon_info.jpg');
	background-repeat: no-repeat;
	background-position: right;
	padding: 8px 25px 5px 0px;
	width: auto;
}
div.weitereFAQ ul {
	margin: 1.5em 0px 0.5em;
}
div.FAQ-detail ul {
	margin-left: 0px;
	display: table;
	min-width: 0;
}
div.weitereFAQ ul li, div.FAQ-detail ul li { margin-left: 0px; padding-left: 15px; background: url(../images/icon_block_sub.gif) no-repeat 0px 3px;}

a.backlink {
	display: block;
	border-top: 1px solid #f69230;
	margin-top: 1em;
	font-weight: bold;
	background-image: url('../images/icon_backlink.jpg');
	background-repeat: no-repeat;
	background-position: left;
	padding: 5px 0px 5px 20px;
}

pre {
	font-size: 120%;
	font-family: "Courier New", Courier, monospace;
	color: Green;
	padding: 3px;
	background-color: #f0f0f0;
	white-space: pre-wrap;
	line-height: 140%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
pre.console {
	color: white;
	background-color: #222;
}

div.syntaxhighlighter {
	border: 1px solid #c9c9c9;
}
/* CSS for beautyOfCode addon
div#InhaltContainer div.syntaxhighlighter table td,
div#InhaltContainer div.syntaxhighlighter table td code {
	font-size: 107% !important;
	line-height: 130% !important;
}
div.syntaxhighlighter div.line td.number {
	color: #5c5c5c !important;
}
div.syntaxhighlighter div.line td.content {
	border-left: 0px !important;
}
div.syntaxhighlighter div.line.alt1 {
	background-color: #fafafa !important;
}
div.syntaxhighlighter div.line.alt2 {
	background-color: #eeeeee !important;
}
div.syntaxhighlighter div.line.alt1 td.number {
	background: #dedede !important;
}
div.syntaxhighlighter div.line.alt2 td.number {
	background: #c9c9c9 !important;
}
*/
/*CSS for Synthaxhighlighter only*/
div#InhaltContainer div.syntaxhighlighter table td,
div#InhaltContainer div.syntaxhighlighter table td code,
div#InhaltContainer div.syntaxhighlighter div {
	font-size: 12px !important;
	line-height: 130% !important;
}
div#InhaltContainer div.syntaxhighlighter td.gutter div {
	color: #5c5c5c;
}
div#InhaltContainer div.syntaxhighlighter td.gutter .line {
    border-right: 0px !important;
}
div.syntaxhighlighter div.line.alt1 {
	background-color: #fafafa !important;
}
div.syntaxhighlighter div.line.alt2 {
	background-color: #eeeeee !important;
}
div.syntaxhighlighter td.gutter div.line.alt1 {
	background: #dedede !important;
}
div.syntaxhighlighter td.gutter div.line.alt2 {
	background: #c9c9c9 !important;
}
div.syntaxhighlighter .toolbar {
	background: #F37A04 !important;
	height: 14px !important;
	width: 14px !important;
}



div.accordion.steps {
	 border-bottom: 1px solid #c9c9c9;
}
div.accordion.steps .ui-accordion-content {
    padding: 10px 8px;
	 border: 0px;
	 margin-top: -1px;
	 margin-bottom: 1px;
	 border-top: 1px solid #c9c9c9;
	 line-height: 1.4em;
	 display: block;
         z-index:1900; 
	 /*overflow: hidden;*/
}
div.accordion.steps .ui-accordion-content p {
    margin-top: 0px;
}
div.accordion.steps h4 {
	 border: 0px;
	 border-top: 1px solid #c9c9c9;
	 padding: 7px 0px 6px 18px;
	 margin: 0px;
}
div.accordion.steps div.shadow {
	height: 10px;
	position: absolute;
	width: 100%;
	background: url('../images/bg_shadow.png') repeat-x top;
	top: 0px;
	left: 0px;
}
a.querverweis,
a.querverweis:link ,
a.querverweis:visited { background: url('../images/icon_querverweis.png') no-repeat 2px 0px; padding-left: 15px; }
a.querverweis:active,
a.querverweis:hover,
a.querverweis:visited:hover	{ color: #5B73A3; text-decoration: underline; }

* html a.querverweis { display: inline-block; }

span.pfad, tt {
	font-size: 120%;
	font-family: "Courier New", Courier, monospace;
	color: green;
	background-color: #f0f0f0;
	white-space: no-wrap;
}

a.glossar,
a.glossar:link,
a.glossar:visited,
a.glossar:active {
	border-bottom: 1px dashed #5B73A3;
	cursor: default;
}
a.glossar:hover,
a.glossar:visited:hover {
	text-decoration: none;
}
div.Achtung, div.Tipp {
	border: 1px solid;
	padding: 7px 10px 10px 10px;
	margin: 0.5em 0;
	zoom: 1;/*has-layout for IE*/
}
div.Achtung h3, div.Tipp h3 {
	border: 0px;
	font-size: 120%;
	margin-top: 0px;
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
	background-position: top right;
}
div.Achtung {
	border-color: #f37a04;
	/*For WebKit (Safari, Google Chrome etc) */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd8b2), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background-image: -moz-linear-gradient(top, #ffd8b2, #fff);
	/* For Internet Explorer 5.5 - 7 */
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd8b2', endColorstr='#ffffff');
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd8b2, endColorstr=#FFFFFF)";
}
div.Achtung h3 {color: #f37a04; background-image: url('../images/mandatory.gif'); }
div.Tipp {
	border-color: #5B73A3;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6dfe7), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #d6dfe7, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6dfe7, endColorstr=#FFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6dfe7, endColorstr=#FFFFFF)";
}
div.Tipp h3 { color: #5B73A3; background-image: url('../images/about.gif');}