@charset "utf-8";
/* CSS Document contents_prosigno.css / 01 sep 2010 */



/* enables fading of bg images in stage and stage mirror */
.stage_Fading {
	width:960px;
	height:540px;
	position:absolute;
	z-index:9;
	background-color:#000;
}
.stage_mirror_Fading {
	width:960px;
	height:112px;
	position:absolute;
	z-index:9;
	background-color:#000;
}



/* enables fading of bg images in stage and stage mirror */
.stage_Callback {
	width:960px;
	height:540px;
	position:absolute;
	z-index:10;
	background:#000 url("../img/backgrounds/call_back.jpg") 0 0 no-repeat;
}
.stage_mirror_Callback {
	width:960px;
	height:112px;
	position:absolute;
	z-index:10;
	background:#000 url("../img/backgrounds/call_back_mirror.jpg") 0 0 no-repeat;
}
.stage_Callback, .stage_mirror_Callback {
	display:none;
}
#callback .title {
	font-size:2.185em;
	margin:180px 0 0 510px;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
}
#callback .component {
	margin:20px 0 0 510px;
	width:410px;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
}
#callback dl {}
#callback dt {
	width:200px;
	float:left;
	clear:left;
	padding:12px 0 4px 0;
	font-size:1.250em;
	line-height:100%;
}
#callback dd {
	width:200px;
	float:left;
	padding:4px 0 4px 0;
	line-height:100%;
}
#callback #cb_name, #callback #cb_phone, #callback #cb_datetime {
	width:200px;
	height:34px;
	background-color:#D4CFC7;
	border:none;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.250em;
	padding:0 6px 0 6px;
}
#callback #email {
	display:none;
	visibility:hidden;
}
#callback .xs {
	font-size:0.750em;
}
#callback #cb_callback_send {
	width:212px;
	height:34px;
	background-color:#D4CFC7;
	border:none;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.000em;
	cursor:pointer;
}




/* some video features */
.stage_Video {
	width:960px;
	height:540px;
	position:absolute;
	z-index:3;
	overflow:hidden;
}
.stage_Video_cover {
	width:960px;
	height:540px;
	position:absolute;
	z-index:4;
}



/* error messages */
#error {
	width:380px;
	margin:190px auto auto 100px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
#error h1 {
	font-size:19px !important;
	font-weight:normal;
	margin-bottom:30px;
}
#error p {
	margin-top:10px;
	line-height:150%;
	font-size:13px;
}
#error a {
	color:#000;
	text-decoration:none;
}
#error a:hover {
	text-decoration:underline;
}



/* sitemap setup */
#sitemap_setup {
	width:860px;
	margin:30px;
	line-height:150%;
	font-size:11px;
	color:#000;
}
#sitemap_setup h1 {
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0 0 5px 0 !important;
	border-bottom:1px #666 solid;
}



/* content globals */
#content {
	width:960px;
	height:540px;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}
a, input {
	outline:none;
}
#content h1 {
	font-size:10pt;
	margin-top:-60px;
}
#tabs h1, #tabs h2 {
	font-size:23px;
	margin:0 0 25px 0 !important;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
}



/* section: tabs all tabs */
.tab_text, .tab_text_high {
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	line-height:160% !important;
	text-shadow: 1px 1px 1px #000;
}
.tab_text ul {
	list-style-image:url("../img/in_content_ul_bullet.png") !important;
	margin:6px 0 6px 0;
}
.tab_text li {
	padding-left:5px !important;
	margin-left:20px !important;
}
.tab_text p {
	margin:10px 0;
}
.tab_text .zitat {
	text-transform:uppercase;
	font-size:13px;
	word-spacing:2px;
	margin-bottom:10px;
}
.tab_text a.connect {
	cursor:pointer;
	width:25px;
	height:20px;
	display:inline-block;
	background: url("https://assets.prosigno.de/img/in_content_button_nextTab.png") 4px 3px no-repeat;
	margin:auto 0 -5px 5px;
	text-decoration:none;
}
.tab_text a.tab_text_in_text {
	color:#FFF;
	margin:0 !important;
	padding:0 !important;
	text-decoration:none;
}



/* intro pages */
/* globals */
.intro_mobile, .intro_seo, .intro_sea, .intro_web, .intro_simplicity {
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:160%;
	text-shadow: 1px 1px 1px #000;
}
.clickarea_mobile, .clickarea_seo, .clickarea_sea, .clickarea_web, .clickarea_simplicity {
	width:60px;
	height:60px;
}
.clickarea_mobile a, .clickarea_seo a, .clickarea_sea a, .clickarea_web a, .clickarea_simplicity a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
/* section: mobile app */
.intro_mobile {
	position:absolute;
	left:75px;
	bottom:70px;
	width:335px;
}
.clickarea_mobile {
	position:absolute;
	bottom:80px;
	right:463px;
}
/* section: seo */
.intro_seo {
	position:absolute;
	left: 78px;
	bottom:197px;
	width:535px;
}
.clickarea_seo {
	position:absolute;
	bottom:200px;
	right:273px;
}
.seo_pic {
	position:absolute !important;
	top:130px;
	right:0;
	height:154px;
	width:100px;
	background: url("https://assets.prosigno.de/img/in_content_seo.png") 0 0 no-repeat;
}
/* section: sea */
.intro_sea {
	position:absolute;
	left:457px;
	bottom:125px;
	width:395px;
}
.clickarea_sea {
	position:absolute;
	bottom:136px;
	right:50px;
}
/* section: web */
.intro_web {
	position:absolute;
	left:102px;
	bottom:130px;
	width:335px;
}
.clickarea_web {
	position:absolute;
	bottom:134px;
	right:429px;
}
.cusLH {
	line-height:140% !important;
}
/* section: simplicity */
.intro_simplicity {
	position:absolute;
	left:94px;
	bottom:95px;
	width:400px;
}
.clickarea_simplicity {
	position:absolute;
	bottom:104px;
	right:372px;
}
.simplicity_back {
	width:485px;
	height:215px;
	margin-top:-60px;
	background:url("https://assets.prosigno.de/img/in_content_simplicity.png") bottom left no-repeat;
}
.tab_text .con_left {
	margin-top:10px;
	width:290px;
	float:left;
}
.tab_text .con_right {
	margin-top:10px;
	width:170px;
	float:right;
}
.tab_text .clb {
	padding-top:20px;
	clear:both;
}



/* page home */
.txtset_1, .txtset_2, .txtset_3 {
	font:15px 'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:150%;
	text-shadow: 1px 1px 1px #000;
	margin-left:80px;
}
.txtset_1 {
	margin-top:240px;
	width:220px;
}
.txtset_2 {
	margin-top:230px;
	width:360px;
}
.txtset_3 {
	margin-top:165px;
	width:310px;
}
.txtset_4 {
	margin-top:165px;
	width:310px;
}


/* page wertvolles */
#werte {
	position:absolute;
	width:960px;
	height:540px;
}
#werte img {
	border:none;
}
.werte_th1, .werte_th2, .werte_th3, .werte_th4, .werte_th5, .werte_th6, .werte_th7 { position:absolute; cursor:pointer; }
.werte_th1 { top:63px; left:250px; }
.werte_th2 { top:334px; left:298px; }
.werte_th3 { top:100px; left:430px; }
.werte_th4 { top:204px; left:430px; }
.werte_th5 { top:229px; left:610px; }
.werte_th6 { top:229px; left:763px; }
.werte_th7 { top:179px; left:100px; }
.werte_el1, .werte_el2, .werte_el3, .werte_el4, .werte_el5, .werte_el6, .werte_el7 {
	position:absolute;
	width:960px;
	height:540px;
	z-index:10;
	display:none;
}
.werte_el1_mirror, .werte_el2_mirror, .werte_el3_mirror, .werte_el4_mirror, .werte_el5_mirror, .werte_el6_mirror, .werte_el7_mirror {
	position:absolute;
	width:960px;
	height:112px;
	z-index:10;
	display:none;
}
/* back link */
.werte_el1_back, .werte_el2_back, .werte_el3_back, .werte_el4_back, .werte_el5_back, .werte_el6_back, .werte_el7_back {
	position:absolute;
	width:40px;
	height:70px;
	cursor:pointer;
}
.werte_el1_back { top:205px; left:485px; }
.werte_el2_back { top:140px; left:450px; }
.werte_el3_back { top:324px; left:60px; }
.werte_el4_back { top:135px; left:450px; }
.werte_el5_back { top:368px; left:455px; }
.werte_el6_back { top:238px; left:515px; }
.werte_el7_back { top:288px; left:38px; }
/* goto link */
.werte_el1_goto, .werte_el2_goto, .werte_el3_goto, .werte_el4_goto, .werte_el5_goto, .werte_el6_goto, .werte_el7_goto {
	position:absolute;
	height:26px;
	cursor:pointer;
}
.werte_el1_goto { top:288px; left:535px; width:170px; }
.werte_el2_goto { top:233px; left:494px; width:205px; }
.werte_el3_goto { top:417px; left:108px; width:175px; }
.werte_el4_goto { top:230px; left:496px; width:157px; }
.werte_el5_goto { top:450px; left:505px; width:276px; }
.werte_el6_goto { top:336px; left:573px; width:192px; }
.werte_el7_goto { top:380px; left:83px; width:166px; }
.werte_el1_goto a, .werte_el2_goto a, .werte_el3_goto a, .werte_el4_goto a, .werte_el5_goto a, .werte_el6_goto a, .werte_el7_goto a {
	display:block;
	width:100%;
	height:26px;
	cursor:pointer;
}



/* page: Profil - Leitsätze */
.leitsaetze_style {
	position:absolute;
	word-spacing:1px;
	font-family:'FranklinGothicBookRegular', Arial, Helvetica, sans-serif;
	display:none;
	color:#fff !important;
	text-shadow: 1px 1px 1px #000;
}
.set1 {
	font-size:19px;
	top:50px;
	left:90px;
}
.set2 {
	font-size:15px;
	top:90px;
	right:30px;
	font-weight:bold;
}
.set3 {
	font-size:13px;
	top:100px;
	left:30px;
}
.set4 {
	font-size:19px;
	top:145px;
	right:75px;
}
.set5 {
	font-size:12px;
	top:190px;
	left:35px;
}
.set6 {
	font-size:20px;
	top:230px;
	left:120px;
}
.set7 {
	font-size:17px;
	top:210px;
	right:80px;
}
.set8 {
	font-size:21px;
	top:270px;
	right:150px;
}
.set9 {
	font-size:16px;
	top:310px;
	left:50px;
}
.set10 {
	font-size:13px;
	top:370px;
	left:65px;
}
.set11 {
	font-size:14px;
	top:330px;
	right:65px;
	letter-spacing:0px;
}
.set12 {
	font-size:12px;
	top:400px;
	right:30px;
}



/* page: Kontakt */
#kontakt {
	color:#eee;
	width:480px;
	height:400px;
	margin:70px auto auto 420px;
	font-family:'FranklinGothicBookRegular', Arial, sans-serif;
	text-shadow: 1px 1px 1px #000;
}
#kontakt a {
	color:#eee;
	text-decoration:none;
}
#kontakt a:hover {
	text-decoration:underline;
}
#kontakt .telepost {
	font-weight:bold;
	font-size:12pt;
	text-transform:uppercase;
	padding-top:10px;
	margin-bottom:5px;
}
#kontakt .telepost div {
	float:left;
	margin-right:15px;
	display:block;
}
#kontakt .head {
	font-weight:bold;
	font-size:8pt;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-top:50px;
}
#kontakt p {
	font-weight:normal;
	font-size:10pt;
	text-transform:uppercase;
	line-height:160%;
}
#kontakt .repsL {
	float:left;
	width:240px;
}
#kontakt .repsR {
	width:240px;
	float:left;
}



/* page: Impressum */
#impressum {
	font-size:12px;
	line-height:175%;
	color:#eee;
	font-family:'FranklinGothicBookRegular', Arial, sans-serif;
	text-shadow: 1px 1px 1px #000;
}
#impressum .head {
	margin:60px 0 0 90px;
	width:370px;
	height:50px;
	position:absolute;
}
#impressum .identLeft {
	margin:150px 0 0 90px;
	width:185px;
	height:200px;
	position:absolute;
	text-align:right;
}
#impressum .identRight {
	margin:150px 0 0 300px;
	width:140px;
	height:200px;
	position:absolute;
}
#impressum .legal {
	margin:60px 0 0 530px;
	width:380px;
	height:440px;
	position:absolute;
	font-size:11px;
	line-height:150%;
}
#impressum .legal p {
	margin:5px 0 20px 0;
}
#impressum .legal .title {
	font-weight:bold;
}



/* page: default-content-blue */
#default-content-blue {
	color:#eee;
	width:480px;
	height:400px;
	margin:70px auto auto 420px;
	font-family:'FranklinGothicBookRegular', Arial, sans-serif;
	text-shadow: 1px 1px 1px #000;
	font-size:11pt;
	font-weight:normal;
}
#default-content-blue a {
	color:#eee;
	text-decoration:none;
	display:block;
	width:60%;
	padding:2px;
}
#default-content-blue a:hover {
	text-decoration:underline;
	color:#fff;
}
#default-content-blue h1 {
	font-size:15pt;
	padding:8px 0 2px 0;
}
#default-content-blue h2 {
	font-weight:bold;
	font-size:10pt;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-top:25px;
	clear:both;
}
#default-content-blue dl {
	width:48%;
	float:left;
}



#content a.login, #content a.login:visited {
	display:inline-block;
	padding:5px 30px;
	margin:5px auto;
	border:1px #fff solid;
	width:180px;
}
#content a.login:hover, #content a.login:focus {
	color:#5D80BA;
	background-color:#FFF;
	text-shadow:none;
	text-decoration:none;
}



/* login box */
div.login {
	display:table;
	width:100%;
	position:relative;
	margin:0 0 30px 0;
}
/* login box - element position */
div.login dl {
	position:relative;
	margin:10px 0 10px 0;
	left:50%;
	transform:translateX(-50%);

	display:-webkit-flex; /* Safari */
	-webkit-flex-flow:row-reverse wrap; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap; /* Safari 6.1+ */
	display:flex;
	flex-flow:row;
	flex-wrap:wrap;
	width:250px !important; /* set the container width*/
	overflow:visible;
}
div.login dt {
	-webkit-flex:0 0 35%; /* Safari 6.1+ */
	-ms-flex:0 0 35%; /* IE 10 */
	flex:0 0 35%;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:5px;
}
div.login dd {
	-webkit-flex:0 0 65%; /* Safari 6.1+ */
	-ms-flex:0 0 65%; /* IE 10 */
	flex:0 0 65%;
	margin-left:auto;
	margin-bottom:5px;
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
}
/* login box - inputs */
div.login .log-if {
	width:100%;
	font-family:'FranklinGothicBookRegular', Arial, sans-serif;
}
div.login .if-user, div.login .if-pass {
	padding:2px 4px;
	background-color:#FFF;
	border:1px #F7F7F9 solid;
}
div.login .if-submit {
	text-transform:uppercase;
	padding:5px 0 5px 0;
	cursor:pointer;
	border:1px #fff solid;
	background-color:transparent;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
div.login .if-submit:hover {
	color:#5D80BA;
	background-color:#FFF;
	text-shadow:none;
}
div.login div {
	width:250px !important; /* set the container width*/
	margin:0 auto 0 auto;
}