#theme_switcher {position: fixed;top: 80px;z-index: 2000;left: 100000;}
#theme_switcher .button {display: block;position: absolute;width:70px;height:70px;background: rgba(0, 0, 0, 0.75);margin-left: -70px;color: #e5e5e5;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;outline: 0 !important;}
#theme_switcher .button:hover {text-decoration: none;color: #fff;text-shadow: rgba(255, 255, 255, 0.6) 0 0 5px;}
#theme_switcher .button i {display: block;line-height: 70px;width:70px;text-align: center;font-size: 23px;}
#theme_switcher .content {background: rgba(0, 0, 0, 0.75);color: #fff;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;padding: 0 5px 0 10px;}
#theme_switcher .themes, #theme_switcher .layouts {display: block;width: 200px;padding-bottom: 10px;}
#theme_switcher .themes .active {background: rgba(0, 0, 0, 0.3);}
#theme_switcher .themes div, #theme_switcher .layouts div {font-size: 15px;font-weight: 700;padding: 7px 10px;}
#theme_switcher .layouts {padding-left: 5px;}
#theme_switcher .layouts div {padding-left: 5px;padding-bottom: 10px;}
#theme_switcher .themes a span {display: block;position: absolute;width: 35px;height: 15px;margin: 3px 5px 0 -45px;}
#theme_switcher .themes a.two-colors span {margin: 3px 5px 0 -45px;width: 15px;}
#theme_switcher .themes a.two-colors span:last-child {margin: 3px 5px 0 -25px;width: 15px;}
.themes ul{
display: block;
background-color: #fff;
border: 1px solid #d6d6d6;
margin: 0 0 20px 0;
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: 0;
border: 0;
padding: 10px 0 20px 10px;
margin: 0 0 20px 0;
padding: 0 0 0 10px !important;
}
.themes li.navi{
list-style-type:none;
}
.themes li.navi i{
}
.right-navi{
}
.themes a:link, .themes a:active, .themes a:visited{
color:#FFF;display:block;background-color:rgba(72, 72, 72, 0.75);padding:3px 3px 3px 10px;text-decoration:none;
}
.themes a:hover {
text-decoration:none;
background-color:rgba(53, 53, 53, 0.75);
}
.icons-list ul { margin: 0 0 20px 0; padding: 0 0 0 10px !important; }
.icons-list li {
-webkit-border-radius: 3px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
display: block;
font-size: 13px;
line-height: 28px;
list-style: none;
margin: 0 0 5px 0;
padding: 0 5px;
}
.icons-list i {
display: inline-block;
font-size: 14px;
margin-right: 7px;
width: 15px;
}
h1{}
.kreis1 {
margin: 0 5px;
top: 5px;
width:60px;
height:60px;
border-radius: 100%;
font-size:35px;
line-height:70px;
text-align: center;
display: block;
transition: all linear 0.25s;
-ms-transition: all linear 0.25s;
-moz-transition: all linear 0.25s;
-webkit-transition: all linear 0.25s;
-o-transition: all linear 0.25s;
background: #F2f2f2;
color:#444;
z-index:2000;
position:relative
}
.kreis2 {
margin: 0 auto 10px;
width:70px;
height:70px;
border-radius: 100%;
font-size:35px;
line-height:70px;
text-align: center;
display: block;
transition: all linear 0.25s;
-ms-transition: all linear 0.25s;
-moz-transition: all linear 0.25s;
-webkit-transition: all linear 0.25s;
-o-transition: all linear 0.25s;
background: #444;
z-index:2000;
position:relative
}
.kreis2 i {
font-size: 35px;
color: #FFF;
}
.kreis1 i {
font-size: 35px;
color: #444;
}
Ihr Ausweis für das Internet
Schnell. Sicher. Bequem. Einfach.