@charset "UTF-8";
/* CSS Document  for
	the smartkommunizieren Gadget
*/

#gadget {
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-219px;
	width:288px;
    height:438px;
	z-index:10000;
    background-image:url("/fileadmin/smartkommunizieren/grafiken/phone.png");
    background-repeat:no-repeat;
    padding-top:45px;
    cursor:move;

}

#smallgadget {
	position:absolute;
	left:40px;
	top:30px;
	width:73px;
    height:111px;
	z-index:10000;
    background-image:url("/fileadmin/smartkommunizieren/grafiken/smallphone.png");
    background-repeat:no-repeat;
    cursor:pointer;
}

.gadgettext {
	position:absolute;
	/*left:50%;
	margin-left:-150px;
	top:300px;*/
	width:291px;
	height:157px;
	padding:5px 10px 5px 10px;
	z-index:10010;
    overflow:hidden;
  	background-image:url("/fileadmin/smartkommunizieren/grafiken/mouseover_bg.png");
    background-repeat:no-repeat;
    font-size: 11px;
    color: #003565;
}

.gadgettext h2 {
	margin:0px;
	padding:0px;
	color: #003565;
	font-size: 13px;
}

#gadget ul.row {
    margin-top:0px;
     margin-bottom:2px;

}

#showTime {
	top:30px;
	position:absolute;
	left:50%;
	margin-left:-50px;
	width:100px;
	color:white;
	font-size:10px;
	text-align: center;
}

#gadget li.item {
	display:inline;
	list-style-type:none;
	margin:0px 3px 0px 3px;

}


.buttoncontainer {
	display:inline;
}

#offButton {
	position:absolute;
	top:5px;
	right:18px;
	width:35px;
	height:15px;
    cursor:pointer;
}

#homeButton {
	position:absolute;
	bottom:50px;
	left:50%;
        margin-left:-25px;
	width:50px;
	height:50px;
    cursor:pointer;
}

#loader {
	position:absolute;
	z-index: 500;
	background-color: white;
	color:#092A55;
	width:300px;
	left:50%;
	margin-left:-150px;
	height:70px;
	top:300px;
	padding:20px;
	border:1px solid #092A55;
	text-align: center;
}

#loader h1 {
	margin-top:15px;
	text-align:center;
	font-size: 20px;
}
#loader img {

}

#smartlink {
	float:left;
	background-color: #9E2733;
	color:white;

	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}

#smartlink a {
	color:white;
}