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

/*NEU 2010*/
/*Anpassungen in den Klassen body, Seite, flagEn, FlagFr, FlagDe, HeadContainer und im IE6-Style */
#Intro { display: none;}
#SeitenRand{ background-image:url(../images/seitenrand.png); background-repeat:repeat; padding: 10px 10px 10px 10px; width: 970px; margin-bottom: 20px;}
div.LanguageLinks { width: 970px;height: 23px;}
div.LanguageLinks div{ float:right; font-size: 65%; white-space: nowrap; margin: 3px 0px 3px 0px; width:185px; padding-top:2px; }
div.LanguageLinks a, 
div.LanguageLinks a:link, 
div.LanguageLinks a:visited, 
div.LanguageLinks a:active		 { color: #dfdfdf; text-decoration: none; float: left; line-height: 12px; margin-right: 30px; }
div.LanguageLinks a:hover, 
div.LanguageLinks a:visited:hover{ text-decoration: underline; }




/*Allgemein*/
body 							{ font-family: Arial, Helvetica, sans-serif; color: #141414; background-color: #09214e; vertical-align: top; margin: 0px; margin-top: 0px; margin-left: 0px; background-image: url(../bilderwelten/charlottenstrasse-18.jpg); background-position: top center; background-attachment: fixed; background-repeat:no-repeat;}
td, input, select, textarea, p, div { font-family: Arial, Helvetica, sans-serif; vertical-align: top;}
ol, ul						{ margin-top: 5px;}
ul						{ list-style: none; padding: 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;}
ol li 						{ margin-left: 0px; margin-right: 0px; margin-bottom: 5px; }
img 							{	border: 0px none; }


/*Ueberschriften*/
h1 							{ font-size: 165%; font-weight: normal; /*padding: 0px 0px 0px 0px;*/ 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; }

.clear {
    clear: both;
    line-height:0px;
    padding: 0px;
    font-size: 0px;
    height: 0px;
    margin: 0px;
}
/*Spalten und Layoutcontainer*/
#Seite						{ position: relative; width: 950px; height:99%; background-color: #ffffff; border: 10px solid #ffffff; border-top: 20px solid #ffffff; border-bottom: 30px solid #ffffff;}
#HeadContainer				{ width: 100%; height: 85px; margin-top: 0px; margin-bottom: 0px;}
#Bilderwelten				{ width: 100%; height: 99px; margin-top: 0px; background-color: #b3b3b3; background-position: 1px 1px; background-repeat: no-repeat }
#SeitenLayout				{ width: 100%; margin-top: 12px; text-align: left; }
#SpalteContainer			{ width: 176px; float: left; text-align: left; margin-bottom: 20px; }
#NavigationContainer		{ text-align: left; /*padding: 0px;*/ margin-bottom: 30px;}
#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;}
#InhaltContainer.Home			{ width: 950px; float: none; margin-left: 0px; margin-bottom:55px; }

/*Head*/
.HeadLogo 					{ float: left; }
.HeadLogoPrint				{ display: none; }

/*SiteTools oben*/
.SiteToolsInhalt 			{ float: right; height: 17px; margin-top: 10px; font-size: 70%; text-align: right; white-space: nowrap;  margin-right: 26px; }
div.SiteToolsInhalt a, div.SiteToolsInhalt a:link, div.SiteToolsInhalt a:visited, div.SiteToolsInhalt a:active { margin-left: 15px; }
div.SiteToolsInhalt a:hover, div.SiteToolsInhalt a:visited:hover { margin-left: 15px; }
.FlagEn 						{ background-image: url(../images/icon_flag_english.gif); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 23px; margin-right: 0px; }
.FlagFr 						{ background-image: url(../images/icon_flag_french.gif); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 23px; margin-right: 0px; }
.FlagDe 						{ background-image: url(../images/icon_flag_german.gif); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 23px; margin-right: 0px; }
div.FooterTabSitetools .FlagEn
								{ padding: 0px 0px 0px 0px; margin-right: 5px; background-image: none; }

								
								
/*Suche*/
.Schnellsuche				{ float: right; height: 20px; margin-top: 10px; }
.Schnellsuche form		{ margin: 0px;}
.SchnellsucheEingabe		{ font-size: 60%; width:152px; border: 1px solid #a5acb2;}
.SchnellsucheButton		{ margin-bottom: 0px; margin-right: 0px; vertical-align: bottom;} 

/*Loesungsfinder Menu*/
.Loesungsfinder			{ font-size: 60%; width:174px; border: 1px solid #a5acb2;}
.BoxLoesungen form		{ margin-top: 10px;}

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

/*<group=Navigation>*/

/*Laschen*/
/*top right bottom left*/
.NavigationLeiste 		{ width:950px; padding-top: 5px; background: url(../images/nav_linie.jpg) no-repeat; }
.NavigationLaschen 		{ border-top: 0px none #FFFFFF; height: 100%; font-size: 75%; background-image: url(../images/tab_leer.gif); background-position: right 0px; background-repeat: no-repeat;}

/*Neue Tab Styles*/
.Tab					{ vertical-align:bottom; margin: 0px -1px 0px 0px; float:left; width: auto;}
.Tab ul				{ background:url(../images/tab_passiv_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none; }
.Tab li				{ background:url(../images/tab_passiv_re.gif) no-repeat right top; padding: 0px 0px 1px 0px; margin:0px 0px 2px 0px; }
.Tab a, .Tab a:link, .Tab a:active, .Tab a:visited { white-space:nowrap; color:#5B73A3; font-size: 130%; padding: 7px 35px 12px 35px; text-decoration:none; display: block;}
.Tab a:hover, .Tab a:visited:hover { color:#424242;}

.TabAktiv			{ vertical-align:bottom; margin: 0px 0px 0px 0px; float:left; color:#FFFFFF; }
.TabAktiv ul		{ background:url(../images/tab_aktiv_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px ; list-style:none;}
.TabAktiv li		{ background:url(../images/tab_aktiv_re.gif) no-repeat right top; padding: 0px 0px 1px 0px; margin:0px 0px 2px 0px; }
.TabAktiv a, .TabAktiv a:link, .TabAktiv a:active, .TabAktiv a:visited { white-space:nowrap; color:#424242; font-weight:normal;font-size: 130%; padding: 7px 35px 12px 35px; text-decoration:none; display: block;}
.TabAktiv a:hover, .TabAktiv a:visited:hover { color:#5B73A3;}

/*Flash*/
div#intro { background: url(../fallback_ani.gif) no-repeat; }


/*Zustaende*/
/*Zustand1 - Ebene 2*/
/*Zustand1_selected - Ebene 2 aufgeklappt*/
/*Zustand2 - Ebene 3*/
/*Zustand2_selected - Ebene 3 aufgeklappt*/
/*Zustand3 - Ebene 4*/
/*Zustand3_selected - Ebene 4 aufgeklappt*/

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

/*Stile Zustand 1, Ebene 2*/
.Zustand1, .Zustand1_selected { font-size: 75%; font-weight: bold; padding: 0px 0px 0px 0px; margin-bottom: 2px; background: url(../images/anstrich_haupt.jpg) no-repeat 0px 7px;}
.Zustand1 a, .Zustand1 a:link, .Zustand1 a:visited, .Zustand1 a:active, .Zustand1 a:hover, .Zustand1 a:visited:hover { display: block; padding: 3px 2px 3px 13px; }
#NavigationContainer div.Zustand1_selected a, #NavigationContainer div.Zustand1_selected a:link, #NavigationContainer div.Zustand1_selected a:visited, #NavigationContainer div.Zustand1_selected a:active, #NavigationContainer div.Zustand1_selected a:hover, #NavigationContainer div.Zustand1_selected a:visited:hover { padding: 3px 2px 3px 13px; color: #424242;}

/*Stile Zustand 2, Ebene 3*/
.Zustand2, .Zustand2_selected { font-size: 70%; font-weight: normal; line-height: 15px; margin-bottom: 3px; background: url(../images/anstrich_punkt.gif) no-repeat 12px 5px;}
div.Zustand2 a, div.Zustand2 a:link, div.Zustand2 a:visited, div.Zustand2 a:active, div.Zustand2 a:hover, div.Zustand2 a:visited:hover { display: block; padding: 0px 3px 2px 20px; }
#NavigationContainer div.Zustand2_selected a, #NavigationContainer div.Zustand2_selected a:link, #NavigationContainer div.Zustand2_selected a:visited, #NavigationContainer div.Zustand2_selected a:active, #NavigationContainer div.Zustand2_selected a:hover, #NavigationContainer div.Zustand2_selected a:visited:hover  { display: block; padding: 0px 3px 2px 20px; color: #424242; font-weight: bold;}

/*Stile Zustand 3, Ebene 4*/
.Zustand3, .Zustand3_selected { font-size: 70%; font-weight: normal; line-height: 15px; margin-bottom: 3px; background: url(../images/anstrich_strich.gif) no-repeat 22px 5px;}
div.Zustand3 a, div.Zustand3 a:link, div.Zustand3 a:visited, div.Zustand3 a:active, div.Zustand3 a:hover, div.Zustand3 a:visited:hover { display: block; padding: 0px 3px 2px 32px; }
#NavigationContainer div.Zustand3_selected a, #NavigationContainer div.Zustand3_selected a:link, #NavigationContainer div.Zustand3_selected a:visited, #NavigationContainer div.Zustand3_selected a:active, #NavigationContainer div.Zustand3_selected a:hover, #NavigationContainer div.Zustand3_selected a:visited:hover  { display: block; padding: 0px 3px 2px 32px; color: #424242; font-weight: bold;}

/*</group>*/


/*Buehne 2011*/
/*Buehne*/
div#Stage {
    position: relative;
    width: 950px;
    margin-bottom: 40px;
    z-index: 800;
    text-align: left;
    height: 360px;
}
div#Stage img {
    vertical-align: top;
    display: block;
}


div#Stage a.ButtonPrev,
div#Stage a.ButtonNext {
    position: absolute;
    top: 0;
    display: none;
    z-index: 700;
    line-height: 340px;
    height: 340px;
    width: 20px;
}
div#Stage a.ButtonPrev span,
div#Stage a.ButtonNext span {
    line-height: 340px;
    height: 340px;
    width: 20px;
    display: block;
    /*opacity: 0.7; filter:Alpha(Opacity=70);*/
    background-image: url('../images/buttons_stage.png');
    background-repeat: no-repeat;
    font-size: 0px;
    overflow: hidden;
}

div#Stage a.ButtonPrev {
    left: 10px;
}
div#Stage a.ButtonNext {
    right: 10px;
}
div#Stage a.ButtonPrev span {
    background-position: left top;
}
div#Stage a.ButtonNext span {
    background-position: right top;
}
div#Stage a.ButtonPrev:hover span,
div#Stage a.ButtonNext:hover span {
    /*opacity: 1; filter:Alpha(Opacity=100);*/
}
div#Stage a.ButtonPrev:hover span {
    background-position: left bottom;
}
div#Stage a.ButtonNext:hover span {
    background-position: right bottom;
}

div#Stage div.slides {
    position: relative;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    min-width: 0;
    height: 340px;
}


div#Stage div#cycle {
	height: 340px;
	position: relative;
	overflow: hidden;
	z-index: 300;
}


div#Stage div.slide-content {
	height: 340px;
	width: 950px;
	position: absolute;
    background-color: #f4f4f4;
    font-size: 85%;
    line-height: 130%;
}
div#Stage div.slide-content a.FullStageLink {
	display: block;
	height: 340px;
	width: 950px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	background-color: #ffffff;
	opacity: 0.01;
	filter: Alpha(opacity=0.01);
}
div#Stage .hidden {
	display: none;
}
div#Stage div.slide-overlay {
    display: block;
    color: #696969;
    position: absolute;
    top: 60px;
    font-size: 130%;
    line-height: 125%;
	z-index: 100;
}
div#Stage div.slide-overlay h1 {
	margin: 0px;
	margin-bottom: 20px;
    font-weight: normal;
    font-size: 170%;
    color: #5b73a3;
	line-height: 120%;
}
div#Stage div.slide-overlay p {
	margin: 0px;
	margin-bottom: 20px;
}
div#Stage div.slide-overlay img {
	margin-bottom: 20px;
}
div#Stage div.slide-overlay a,
div#Stage div.slide-overlay a:link,
div#Stage div.slide-overlay a:visited {
    display: block;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/arrow_link_stage.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #5b73a3;
}
div#Stage div.slide-overlay a:active,
div#Stage div.slide-overlay a:hover,
div#Stage div.slide-overlay a:visited:hover {
	text-decoration: underline;
}
div#Stage div.slide-content#panel_1 div.slide-overlay {
    width: 420px;
    right: 40px;
}
/*div#Stage div.slide-content#panel_1 div.slide-overlay.note {
    top: 155px;
    left: 80px;
    width: 385px;
    font-size: 180%;
    line-height: 130%;
}
div#Stage div.slide-content#panel_1 div.slide-overlay.note span {
    font-size: 120%;
    display: block;
    margin-bottom: 20px;
}*/
div#Stage div.slide-content#panel_2 div.slide-overlay {
    width: 400px;
    right: 30px;
}
div#Stage div.slide-content#panel_3 div.slide-overlay {
    width: 450px;
    right: 30px;
}


div.Pager {
    text-align: center;
    position: absolute;
    z-index: 700;
    bottom: -10px;
    height: 10px;
    width: 950px;
}
ul#cyclePager {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0px auto 0px auto !important;
    font-size: 0;
    line-height: 10px !important;
    height: 10px;
}
ul#cyclePager li {
    width: 9px;
    line-height: 10px;
    font-size: 0;
    display: inline-block !important;
    margin: 0 2px 0 2px !important;
    padding: 0 !important;
    background-image: none !important;
}
ul#cyclePager li a {
    outline: none;
    overflow: hidden;
    font-size: 0px;
    line-height: 10px;
    background-image: url(../images/cycle-pager.png);
    background-position: 0px -9px;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 10px 10px 0px 0px;
    display: inline-block;
}
*+html ul#cyclePager li  {
    display: inline !important;
}
ul#cyclePager li a span {
    visibility: hidden;
}

ul#cyclePager li a:hover {
    background-position: 0px -19px;
}
ul#cyclePager li.activeSlide a,
ul#cyclePager li.activeSlide a:hover {
	outline: none;
	cursor: default;
    background-position: 0px 1px;
}

*+html div.Pager {
    bottom: 5px;
}
*+html ul#cyclePager a {
    color: #ff6600;
    display: inline-block;
}

/*Boxen auf Startseite 2011*/
#InhaltContainer.Home h2 {
    clear: both;
    color: #a2a2a2;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 120%;
    font-weight: bold;
    margin: 0px 30px 7px 30px;
}
#InhaltContainer.Home h3 {
    border: 0px;
    font-size: 130%;
    font-weight: normal;
    padding: 0px;
    line-height: 120%;
    margin-top: 7px;
    margin-bottom: 0.5em;
}
div.HomeTeaser {
    background-image: url('../images/bg_hometeaser.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border-top: 1px solid transparent;
    margin-bottom: 50px;
    padding: 0px 0px 0px 30px;
    min-height: 105px;
}
div.HomeTeaser div.Box {
    float: left;
    clear: none;
    width: 194px;
    margin-right: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.RightContentCol {
    margin-right: 0 !important;
}
div.PartnerBox {
    clear: both;
    width: 948px;
    /*border: 1px solid #e3e5e4;
    box-shadow: inset 0px 0px 3px #e3e5e4;
    margin-top: 7px;*/
}
div.PartnerBox a {
    display: block;
    float: left;
    padding: 10px 30px;
    margin-right: 15px;
}
div.PartnerBox a img {
    border: 0;
    vertical-align: top;
}
/*Boxen rechts*/
.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 bottom; margin-bottom: 5px; }
.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 12px; background: url(../images/icon_pdf.gif) no-repeat 0px 3px; }
div.BoxLink a, div.BoxLink a:link, div.BoxLink a:visited, div.BoxLink a:active 
										{ text-decoration: none; display: block; padding: 2px 0px 3px 8px; 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; }


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



/*ReferenzBoxen*/
#ReferenzBoxenContainer 					{ margin-top: 0px; padding-top: 65px;}
.BoxReferenz 									{ width: 160px; margin-right: 18px; float: left;}
.BoxReferenz .BoxUeberschrift 			{ font-size: 100%;}
.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; }

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



/*Footer*/
.FooterLeiste				{ width:950px; margin-bottom: 0px;}
.FooterLaschen 			{ border-top: 0px none #FFFFFF; height: 100%; font-size: 75%; background-image: url(../images/tab_leer.gif); background-position: right 0px; background-repeat: no-repeat;}
.FooterTab					{ vertical-align:bottom; margin: 0px 0px 0px 0px; float:left; width: 176px;}
.FooterTabSitetools		{ vertical-align:bottom; margin: 0px 0px 0px 0px; float:left; width: 598px;}
.FooterTab ul, .FooterTabSitetools ul			{ background:url(../images/tab_passiv_li.gif) no-repeat left top; padding: 0px 0px 0px 0px; margin:0px; list-style:none;}
.FooterTab li, .FooterTabSitetools li			{ background:url(../images/tab_passiv_re.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(../images/icon_top.gif); background-repeat: no-repeat; background-position: 26px 4px;}
.FooterDrucken 			{ background-image: url(../images/icon_drucken.gif); background-repeat: no-repeat; background-position: 35px 4px;}

/*Footer 2011*/
div.Footer {
    text-align: left;
    border-top: 1px solid #d0d0d0;
    font-size: 70%;
    color: #505050;
    margin-bottom: 30px;
    background-image: url('../images/bg_footer.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    min-height: 135px;
    padding-top: 10px;
}
div.Footer ul {
    margin: 0;
    padding: 0;
}
div.Footer ul li {
    margin: 0 0 3px 0;
    padding: 0;
    background-image: none;
}
.Footer .Service {
    float: left;
    width: 150px;
    padding-left: 30px;
    padding-right: 20px;
}
.Footer .Kompetenzen {
    float: left;
    width: 400px;
    padding-left: 30px;
}
.Footer .Kompetenzen ul {
    float: left;
    width: 180px;
    margin-right: 20px;
}
.Footer .UM {
    float: left;
    width: 290px;
    padding-left: 30px;
}
/* CopyrightLeiste*/

span#CopyrightLeiste		{ clear: both; display: block; color: #505050; text-align: left; font-size: 70%; margin-left: 30px; }

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

/*Inhaltsstyles Folgeseiten*/
.InhaltElementeLinks 	{ float: left; margin-right:15px; margin-top: 5px; background-color: #FFFFFF;} /* width:200px;  */
.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; background-color: #FFFFFF; font-size:85%;} /* width:250px; */
.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; }
.InhaltFotoIcon { margin-left:23px; margin-top:-17px; }


/*Layouttabelle Inhalt*/
#InhaltContainer table							{ border: 1px solid #707070; font-size: 100%; border-collapse: collapse; border-spacing: 0px; width: 534px;}
#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: 14px; margin-bottom: 5px; margin-top: 5px; background-image: url(../images/icon_block_sub.gif); background-repeat: no-repeat; background-position: 0px 2px; }
.LinklisteInhaltPDF	{ display: block; font-size: 100%; padding-left: 14px; margin-bottom: 5px; margin-top: 5px; background-image: url(../images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px 3px;}
.LinklisteInhaltWORD	{ display: block; font-size: 100%; padding-left: 14px; margin-bottom: 5px; margin-top: 5px; background-image: url(../images/icon_word.gif); background-repeat: no-repeat; background-position: 0px 3px;}

/*Home Inhalt*/
#HomeInhalt 										{ float: left; width: 751px; text-align: left; margin-bottom: -66px; 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					{ background-image: url(../images/homebutton_ecrm_o.jpg); }
.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						{ background-image: url(../images/homebutton_ecrm.jpg); }
.HomeButton a#ecrm:hover,
.HomeButton a#ecrm:visited:hover				{ background-image: url(../images/homebutton_ecrm_o.jpg); }

.HomeButton a#cms,
.HomeButton a#cms:link,
.HomeButton a#cms:active,
.HomeButton a#cms:visited						{ background-image: url(../images/homebutton_cms.jpg); }
.HomeButton a#cms:hover,
.HomeButton a#cms:visited:hover				{ background-image: url(../images/homebutton_cms_o.jpg); }

.HomeButton a#bpm,
.HomeButton a#bpm:link,
.HomeButton a#bpm:active,
.HomeButton a#bpm:visited						{ background-image: url(../images/homebutton_bpm.jpg); }
.HomeButton a#bpm:hover,
.HomeButton a#bpm:visited:hover				{ background-image: url(../images/homebutton_bpm_o.jpg); }

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

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


.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:0px; margin-bottom: 10px;}
span.SpecialHomeLinks			{ display:block; float:right; width:250px; margin-top:0px; margin-bottom: 10px;}
span.CMSHomeLinks			{ display:block; float:right; width:180px; margin-top:0px; margin-bottom: 10px; font-weight: normal; padding: 0px 0px 0px 0px;}
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; }

/*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*/
.sqrt265 { display:none; }
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;}
.InhaltFormularLeft 					{ float: left; width: 260px; }
.InhaltFormularRight 				{ float: right; width: 260px; }
.InhaltFormular label.Feld			{ display: block; font-weight: bold; /*padding-left: 5px; padding-top: 15px; background: #d6e6f6;*/}
.InhaltFormular select.Anrede		{ display: block; width: 260px; border: 1px solid #a5acb2; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular .TextFeld 			{ display: block; width: 248px; border: 1px solid #a5acb2; padding:1px 5px 1px 5px; color: #000000; font-size: 100%; margin-bottom: 8px; }
.InhaltFormular textarea 			{ display: block; width: 248px; height: 153px; 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; }

.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: 8px; margin-bottom: 20px; }

/* Raum Layer Karriereseite */
img#raumplan					{ position: relative; width: 534px; height: 403px; }
div.raumlayer					{ position: absolute; top: 0px; left: 0px;  display:none; } /* display:none; */
div#konferenz_layer div		{ width: 257px; height: 160px; background-image: url(../images/raum_konferenz.png); background-repeat: no-repeat; background-position: left top; }
div#lounge_layer div			{ width: 257px; height: 160px; background-image: url(../images/raum_lounge.png); background-repeat: no-repeat; background-position: left top; }
div#kueche_layer div			{ width: 211px; height: 205px; background-image: url(../images/raum_kueche.png); background-repeat: no-repeat; background-position: left top; }
div#development_layer div	{ width: 257px; height: 160px; background-image: url(../images/raum_development.png); background-repeat: no-repeat; background-position: left top; }
div#marketing_layer div		{ width: 211px; height: 205px; background-image: url(../images/raum_marketing.png); background-repeat: no-repeat; background-position: left top; }
div#system_layer div			{ width: 211px; height: 205px; background-image: url(../images/raum_system.png); background-repeat: no-repeat; background-position: left top; }
div#chef_layer div			{ width: 211px; height: 205px; background-image: url(../images/raum_chef.png); background-repeat: no-repeat; background-position: left top; }
div#creative_layer div		{ width: 211px; height: 205px; background-image: url(../images/raum_creative.png); background-repeat: no-repeat; background-position: left top; }