File: D:/HostingSpaces/JTent/tentje.com/wwwroot/2015_02_13/layout/tsg_mobile/content/css/content.css
.ContentScreen {
position:absolute;
left:0px;
top:40px;
width:1024px;
height:580px;
overflow: hidden;
background-color: #FFFFFF;
z-index:1000;
}
body {
font-family: Tahoma, Arial, Verdana;
font-size: 15px;
}
p {
margin-top: 0px;
margin-bottom: 8px;
}
ul {
padding: 15px;
margin: 3px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
}
/* // jw, 3905, 30.08.06 */
ul li {
list-style-image: url(../globalimages/listitem.png);
line-height: 20px;
margin-bottom: 6px;
}
ol{
padding: 24px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
/* // end jw, 3905, 30.08.06 */
a {
cursor:pointer;
text-decoration:underline;
color:#E20074;
}
a.LinkInfo {
padding-left:12px;
background:url(../globalimages/info.gif) no-repeat left center;
}
a.LinkGlossary {
padding-left:12px;
background:url(../globalimages/glossary.gif) no-repeat left center;
}
table {
font-family: Arial, Tahoma;
font-size:12px;
color:#000000;
}
.StartPageElements{}
LinkInfo {
padding-left:12px;
background:url(../globalimages/info.gif) no-repeat left center;
}
LinkGlossary {
padding-left:12px;
background:url(../globalimages/glossary.gif) no-repeat left center;
}
.TextTitle {
position:absolute;
left:552px;
top:4px;
width:445px;
font-family: Arial, Tahoma;
font-size: 16px;
color: #E20074;
font-weight: bold;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextSubTitle {
position:absolute;
left:552px;
top:10px;
width:445px;
font-family: Arial, Tahoma;
font-size: 15px;
color: #808080;
font-weight: bold;
line-height: 16px;
visibility:hidden;
z-index:10;
margin-bottom: 4px;
}
.TextScreen {
position:absolute;
left:552px;
top:10px;
width:450px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextScreenLeft {
position:absolute;
left:30px;
top:10px;
width:978px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextTitleRight {
position:absolute;
left:731px;
top:4px;
width:265px;
font-family: Arial, Tahoma;
font-size: 16px;
color: #E20074;
font-weight: bold;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextSubTitleRight {
position:absolute;
left:731px;
top:10px;
width:265px;
font-family: Arial, Tahoma;
font-size: 15px;
color: #808080;
font-weight: bold;
line-height: 16px;
visibility:hidden;
z-index:10;
margin-bottom: 4px;
}
.TextScreenRight {
position:absolute;
left:731px;
top:10px;
width:265px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextFreePos {
position:absolute;
left:0px;
top:0px;
width:300px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.TextFreePosBox {
position:absolute;
left: 770px;
top: 6px;
width: 200px;
*width: 230px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: solid 1px #e20074;
line-height: 20px;
visibility:hidden;
z-index: 10;
padding: 12px;
}
.TextScreenForceRight {
font-family: Arial, Tahoma, Verdana;
position:absolute;
left:460px;
top:93px;
width:520px;
font-size: 14px;
color: #000000;
line-height: 16px;
color:#000000;
visibility:hidden;
z-index:10;
}
.TextScreenBottom {
font-family: Arial, Tahoma, Verdana;
position:absolute;
left:460px;
width:540px;
bottom:8px;
font-size: 14px;
color: #000000;
line-height: 16px;
color:#000000;
visibility:hidden;
z-index:10;
}
.TextMagentaBox {
position:absolute;
left:470px;
top:10px;
width:400px;
*width:428px;
color: #FFFFFF;
font-weight: bold;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
background-color: #E20074;
line-height: 20px;
visibility:hidden;
z-index:10;
padding: 12px;
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); alpha(opacity=80)";*/
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000', opacity=80);
box-shadow:3px 3px 3px #808080;*/
border: solid 1px #000000;
border-radius: 4px;
margin-top: 12px;
margin-bottom: 20px;
}
.TextMagentaBox a {
color: #FFFFFF;
text-decoration: none;
}
.TextInstruction {
position:absolute;
left:552px;
width:420px;
*width:445px;
bottom:34px;
padding: 12px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #F9F9F9;
border: solid 1px #808080;
font-family: Arial, Tahoma;
font-size:14px;
font-weight: normal;
color: #333333;
visibility:hidden;
z-index:10;
background-image: url(../globalimages/background_instruction.png);
background-repeat: repeat-x;
}
.TextQuestion {
position:absolute;
left:552px;
width:420px;
*width:445px;
bottom:34px;
padding: 12px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #F9F9F9;
border: solid 1px #808080;
font-family: Arial, Tahoma;
font-size:14px;
font-weight: normal;
color: #333333;
visibility:hidden;
z-index:10;
background-image: url(../globalimages/background_instruction.png);
background-repeat: repeat-x;
}
.TextPopup {
position:absolute;
left: 262px;
top: 100px;
width: 450px;
height: 220px;
z-index: 999999;
overflow: hidden;
visibility: hidden;
background-color: #FFFFFF;
border: solid 3px #E20074;
}
.PopupImage {
position:absolute;
left: 2px;
top: 2px;
}
.PopupClose {
position:absolute;
right: 20px;
top: 16px;
}
.PopupOuter {
background-color: #808080;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5;
}
.PopupInner {
position:absolute;
left: 0px;
top: 0px;
width: 90%;
*width: 100%;
height: 100%;
padding: 10px;
padding-top: 30px;
font-family: Arial, Tahoma;
font-size: 15px;
color: #333333;
text-decoration: none;
overflow:auto;
}
.FeedbackInner {
position:absolute;
left: 0px;
top: 0px;
width: 80%;
*width: 100%;
height: 100%;
padding: 10px;
padding-top: 30px;
padding-left:60px;
font-family: Arial, Tahoma;
font-size: 15px;
color: #333333;
text-decoration: none;
overflow:auto;
}
.TextScreenLaunch {
font-family: Arial, Tahoma;
font-size: 14px;
position: absolute;
right: 26px;
*right: 24px;
width: 455px;
top: 26px;
color: #333333;
visibility: hidden;
z-index: 10;
background-color: #FFFFFF;
padding: 15px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow:3px 3px 3px #808080;
}
.TextWhiteBox {
font-family: Arial, Tahoma;
font-size: 15px;
position: absolute;
right: 25px;
width: 442px;
*width: 458px;
top: 5%;
color: #333333;
visibility: hidden;
z-index: 10;
background-color: #FFFFFF;
opacity: 1;
padding: 8px;
line-height: 20px;
}
.TextLeftBottomOpacity {
font-family: Arial, Tahoma;
font-size: 15px;
position: absolute;
left: 0px;
width: 406px;
*width: 430px;
bottom: 0px;
color: #333333;
visibility: hidden;
z-index: 10;
background-color: #FFFFFF;
opacity: 0.8;
padding: 12px;
line-height: 20px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ButtonStart {
font-family: Arial, Tahoma;
margin-top: 30px;
background-color: #e20074;
*background-image: url(../globalimages/btn_start.png);
*background-repeat: no-repeat;
*background-color: transparent;
color: #FFFFFF;
border-radius: 4px;
padding-top:16px;
*padding-top:10px;
text-align: center;
text-decoration: none;
width: 240px;
height: 40px;
opacity:1 !important;
}
.ButtonBack a {
font-family: Arial, Tahoma;
color: #FFFFFF;
text-decoration: none;
}
.ButtonBack {
font-family: Arial, Tahoma;
margin-top: 30px;
background-color: #e20074;
color: #FFFFFF;
border-radius: 0.9em;
padding-top:10px;
text-align: left;
padding-left: 12px;
text-decoration: none;
width: 180px;
height: 40px;
opacity:1 !important;
}
.ButtonStart a {
font-family: Arial, Tahoma;
color: #FFFFFF;
text-decoration: none;
}
.BubbleWhite {
position:absolute;
left:0px;
top:0px;
width:300px;
color: #333333;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.BubbleWhite td {
padding: 0px !important;
color: #333333;
}
.InnerBubbleWhite {
font-family:Arial;
font-size:15px;
line-height:18px;
color:#333333;
background-color:#FFFFFF;
}
.BubbleTelekom {
position:absolute;
left:0px;
top:0px;
width:300px;
color: #FFFFFF;
font-weight: normal;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
border: dotted 0px #666666;
line-height: 20px;
visibility:hidden;
z-index:10;
}
.BubbleTelekom td {
padding: 0px !important;
color: #FFFFFF;
}
.InnerBubbleTelekom {
font-family:Arial;
font-size:15px;
line-height:18px;
color:#FFFFFF;
background-color:#e00274;
}
.GraphicScreen {
position:absolute;
left:30px;
top:6px;
visibility:hidden;
z-index:8;
}
.GraphicScreenRight {
position:absolute;
left: 460px;
bottom: 24px;
visibility: hidden;
z-index: 8;
}
.GraphicBackgroundPad {
position: absolute;
left: 0px;
top: 0px;
background: transparent;
padding: 0%;
z-index: 8;
border: dotted 0px #666666;
visibility: hidden;
}
.GraphicMenuButton {
position:absolute;
left: 0px;
top: 0px;
z-index:120;
}
.GraphicCube {
position:absolute;
visibility:hidden;
z-index:8;
text-align: center;
}
.GraphicRotate {
position:absolute;
visibility:hidden;
z-index:8;
text-align: center;
}
.GraphicZoom {
position:absolute;
left:30px;
top:6px;
width:720px;
visibility:hidden;
z-index:8;
}
.FlashScreen {
position: absolute;
left: 460px;
bottom: 24px;
visibility: hidden;
z-index: 12;
}
.blue {
font-family: Arial, Tahoma;
border: solid 1px #36799D;
background-image: url(../globalimages/cubeblue.png);
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #B6D9EE), color-stop(75%, #56B1E1), color-stop(100%, #56B1E1));*/
}
.green {
font-family: Arial, Tahoma;
border: solid 1px #BCB458;
background-image: url(../globalimages/cubegreen.png);
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #EFEDC2), color-stop(75%, #D9D169), color-stop(100%, #D9D169));*/
}
.yellow {
font-family: Arial, Tahoma;
border: solid 1px #D8AD4B;
background-image: url(../globalimages/cubeyellow.png);
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FCEBB6), color-stop(75%, #FECC5B), color-stop(100%, #FECC5B));*/
}
ul {
padding: 15px;
padding-top: 0px;
padding-bottom: 0px;
margin: 3px;
margin-top: 0px;
margin-bottom: 3px;
}
ul li {
line-height: 18px;
}
.PlayAudioBtn {
position:absolute;
left: 940px;
top:510px;
visibility:hidden;
z-index:100;
cursor:pointer;
}
.AudioTextBtn {
position:absolute;
left: 10px;
top:510px;
visibility:hidden;
z-index:100;
cursor:pointer;
}
.Video {
position: absolute;
left:30px;
top:6px;
width: 500px;
height: 360px;
border: solid 0px #808080;
z-index:8;
}
.VideoImage {
width: 400px;
height: 300px;
}
.Feedback {
position:absolute;
left:46px;
top:476px;
width:350px;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#f83c65;
visibility:hidden;
}
.Frame {
position:absolute;
visibility:hidden;
z-index:12;
}
.iFrame {
position:absolute;
left:2px;
top:2px;
width:98%;
height:98%;
overflow:auto;
visibility:hidden;
z-index:12;
}
.HTML {
position:absolute;
left:26px;
top:10px;
width:500px;
height:320px;
visibility:hidden;
z-index:12;
}
.EndPageElements {}
/* Selektieren im Firefox ausschalten */
body {
-moz-user-select: none;
}
input, textarea {
-moz-user-select: normal;
}
td {
font-family: Arial, Tahoma;
font-size: 15px;
padding: 4px;
}
.round {
border-radius: 6px;
padding: 4px;
border-bottom: solid 1px #FFFFFF;
}
.rounded-corners {
behavior: url(border-radius.htc);
border-radius: 20px;
}
.roundcorner {
border-radius: 6px;
padding: 4px;
border: solid 1px #e20074;
}
.botline {
border-bottom: solid 1px #000000;
}
.botlinewhite {
padding: 4px;
border-bottom: solid 1px #FFFFFF;
}
.TextTdTitle {
color: #E20074;
font-weight: bold;
font-family: Arial, Tahoma;
font-size: 16px;
border: dotted 0px #666666;
margin-top: 6px;
margin-bottom: 8px;
}
.TextBoxRotate {
font-family: Arial, Tahoma;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 0.4em;
padding-top: 6px;
text-align: center;
border: 1px solid #bbbbbb;
background-color: #e20074;
color: #FFFFFF;
margin-left: 10px;
font-size: 12px;
-webkit-transform: rotate(-15deg);
-webkit-box-shadow: #808080 0.1em 0.1em 0.1em;
}
.TextBoxRotateBlue {
font-family: Arial, Tahoma;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 0.4em;
padding-top: 6px;
text-align: center;
border: 1px solid #bbbbbb;
background-color: #64B9E4;
color: #FFFFFF;
margin-left: 10px;
font-size: 12px;
-webkit-transform: rotate(-15deg);
-webkit-box-shadow: #808080 0.1em 0.1em 0.1em;
}
.GraphicZoom_ErrorImage
position:absolute;
left:30px;
top:6px;
width:900px;
height:490px;
visibility:hidden;
z-index:8;
background-color: #333333;
border: solid 1px #333333;
}
.GraphicScreen_ErrorImage {
position:absolute;
left:30px;
top:8px;
width: 500px;
height: 360px;
visibility:hidden;
z-index:8;
background-color: #808080;
}
.GraphicScreenRight_ErrorImage {
position: absolute;
left: 440px;
bottom: 24px;
visibility: hidden;
width: 526px;
height: 316px;
z-index: 8;
background-color: #808080;
}
.Graphic_ErrorImage {
position:absolute;
left:510px;
top:40px;
width:453px;
height:339px;
z-index:8;
background-color:#808080;
}
.ErrorImage {
z-index:6;
}
.WBTTitle {
position:absolute;
left:46px;
top:27px;
width:700px;
font-family:Arial;
font-size:20px;
color:#656565;
font-weight:bold;
}
.ChapterTitle {
position:absolute;
left:46px;
top:53px;
width:700px;
font-family:Arial;
font-size:20px;
color:#f83c65;
font-weight:bold;
}
.ChapterPath {
position:absolute;
left:46px;
top:115px;
width:700px;
font-family:Arial;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.PrintHeader {
position:absolute;
left:0px;
top:0px;
visibility:hidden;
}
.PrintBackground {
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;
}
.Legend {
font-family:Arial;
font-size:10px;
color:#000000;
}
.PlainText {
font-family:Arial;
font-size:12px;
color:#000000;
text-decoration:none;
}
.LinkPlainText {
font-family:Arial;
font-size:12px;
color:#f83c65;
text-decoration:underline;
}
.FOD {
border:1px solid #f83c65;
background-color:#FAFAFA;
font-family:Arial;
font-size:12px;
color:#f83c65;
text-decoration:none;
}
.Sound {
position:absolute;
left:0px;
top:0px;
font-family:Arial;
font-size:19px;
}
.External {
position:absolute;
top:490px;
left:20px;
font-family:Arial;
font-size:9px;
}
.Todo {
position:absolute;
top:510px;
left:20px;
font-family:Arial;
font-size:9px;
}
.ImageDescription {
font-family:Arial;
font-size:12px;
text-decoration:none;
}
.EditMenuText {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000
}
.EditFlagBorder {
position:absolute;
left:-1px;
top:-1px;
visibility:hidden;
border:1px solid #324f5e;
}
.EditFlagText {
position:absolute;
left:0px;
top:-11px;
font-family: Arial;
font-size: 9px;
font-weight: bold;
height:11px;
overflow:hidden;
color: #FFFFFF;
background-color:#324f5e;
}
.ctxmenu {
BORDER-RIGHT: #999999 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #dddddd 1px solid;
PADDING-LEFT: 1px;
Z-INDEX: 1;
PADDING-BOTTOM: 1px;
BORDER-LEFT: #dddddd 1px solid;
PADDING-TOP: 1px;
BORDER-BOTTOM: #999999 1px solid;
POSITION: absolute;
BACKGROUND-COLOR: #ffffff
}
.ctxsidebar {
WIDTH: 25px;
CURSOR: pointer;
BACKGROUND-COLOR: #f0f0f0
}
.ctxtext {
FONT-SIZE: 8pt;
CURSOR: pointer;
COLOR: #333333;
FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: none
}
.ctxitem {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
CURSOR: pointer;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #ffffff
}
.ctxitemover {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
CURSOR: pointer;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #808080
}
.ctxsidebarover {
WIDTH: 25px;
CURSOR: pointer;
BACKGROUND-COLOR: #808080
}
.ctxtextover {
FONT-SIZE: 8pt;
CURSOR: pointer;
COLOR: #ffffff;
FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: none
}
.ctxtextdisable {
FONT-SIZE: 8pt;
CURSOR: pointer;
COLOR: #999999;
FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: none
}
.ctxtextoverdisable {
FONT-SIZE: 8pt;
CURSOR: pointer;
COLOR: #999999;
FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: none
}
.ctxseparator {
BORDER-TOP: #cccccc 1px solid;
FONT-SIZE: 1px
}
.TodoButton {
position:absolute;
left:755px;
top:2px;
cursor:pointer;
z-index:15000;
}
.Todos {
position:absolute;
left:372px;
top:2px;
z-index:15000;
}
.TodoInner {
font-family:Arial;
font-size:11px;
color:#000000;
text-decoration:none;
width:400px;
border-collapse:collapse;
padding:5px;
background-color:#FFFFFF;
}
.TodoHead {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
background-color:#FF3100;
}
.TodoCell {
cursor:default;
border:1px solid #9C9C9C;
}
.EditMoreButton {
position:absolute;
left:661px;
top:2px;
cursor:pointer;
z-index:15000;
visibility:visible;
}
.EditMoreMenu {
position:absolute;
left:598px;
top:19px;
z-index:15000;
visibility:hidden;
}
.EditContext {
position:absolute;
z-index:15000;
visibility:visible;
}
.NewPageDialog {
position:absolute;
left:49px;
top:49px;
width:702px;
height:352px;
background-color:#324F5E;
z-index:15000;
}
.NewPageInner {
position:absolute;
left:1px;
top:1px;
width:700px;
height:350px;
background-color:#FFFFFF;
}
.NewPageCaption {
position:absolute;
left:0px;
top:0px;
width:700px;
height:20px;
background-color:#324F5E;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
padding-top:2px;
}
.NewPageTemplates {
position:absolute;
left:10px;
top:30px;
width:320px;
height:305px;
overflow:auto;
border:1px
solid #324F5E;
}
.NewPageTemplateTable {
font-size:11px;
width:300px;
cursor:pointer;
}
.NewPageTemplateNormal {
background-color:#FFFFFF;
color:#000000;
}
.NewPageTemplateSelected {
background-color:#324F5E;
color:#FFFFFF;
}
.NewPageOptionsTable {
position:absolute;
left:350px;
top:30px;
width:330px;
}
.EditDialogButton {
background-color:#f83c65;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border:0px;
cursor:pointer;
}
.waiterDiv {
border:1px solid #324f5e;
position:absolute;
left:10px;
top:10px;
width:100px;
height:50px;
visibility:hidden;
background-color:#EEEEEE;
font-family: Arial;
text-align:center;
text-valign:middle;
}
.Button {
font-family: Arial, Tahoma;
font-size: 8pt;
font-weight: normal;
background-color:#f83c65;
color: #FFFFFF;
cursor:pointer;
height:20px;
width:86px;
border: #808080 1px solid;
text-align:center;
text-valign:top;
}
.HelpOverlay {
position:absolute;
left: 28px;
top: 3px;
width:964px;
*width:970px;
height:528px;
z-index: 999999;
overflow: hidden;
visibility: hidden;
background-color: #FFFFFF;
border: solid 3px #E20074;
}
.MenuOverlay {
position:absolute;
left: 28px;
top: 3px;
width:964px;
*width:970px;
height:528px;
z-index: 999999;
overflow: hidden;
visibility: hidden;
background-color: #FFFFFF;
border: solid 3px #E20074;
background-image: url(../globalimages/background_menu.png);
}
.MenuScroller {
position:absolute;
left: 533px;
top: 49px;
width:380px;
height:395px;
overflow: auto;
border: solid 1px #808080;
}
.MenuClose {
position:absolute;
right: 10px;
top: 10px;
overflow: auto;
cursor: hand;
}