/*
    main.css
    Firefox 3+, Chrome
    Version 3.3
    (c) Marius Lutz
    http://www.mariuslutz.de
    2011
*/

body
{
    font-size: 12pt;
    font-family: verdana, sans-serif;
}

#page { margin: 5px auto }

a
{
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

h1,
h2,
h3 { margin: 5px 0 0 }

/*
h3
{
    margin-bottom: 0.5em;
}*/

textarea,
input,
select,
button
{
    /*background-image: none;*/
    color: #a0a4a8;
    border: #a0a4a8 1px solid;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
}

select
{
    font-size: 10pt;
    height: 29px;
    margin: 2px 5px 0 4px;
    padding: 5px;
}

option { padding: 5px 0 5px 5px }

input[type=text],
[type=password],
[type=search]
{
    padding: 5px 10px;
    margin: 2px;
}

input[type=submit],
input[type=button],
input[type=reset],
button
{
    margin: 2px;
    color: #eeeeee;
    border: none;
    font-weight: bold;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
select:hover,
button:hover
{
    outline: none;
    box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus
{
    color: #000;
    outline: none;
    border: #35a5e5 1px solid;
    box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
}

textarea
{
    color: #666;
    margin: 5px 0 10px;
    padding: 4px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
}

ul,
ol { margin: 0 }

pre
{
    margin: 0.5em 0;
    line-height: 1;
}

.mobile { display: none }

.clearfix /* Fix IE7 micro-clearfix not working */
{
    clear: both;
    height: 0;
}

.logo
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 26pt;
    float: left;
}

.logo1,
.logo3 { text-shadow: 1px 2px 3px rgba(0, 124, 232, 0.3) }

.logo1 { color: #007CE8 }

.logo3 { background-color: #007CE8 }

.logo4 { color: #9900FF }

.logo5,
.logo6 { font-size: 22pt }

.logo6 { display: none }

#search
{
    font-size: 10pt;
    float: right;
    margin-top: 12px;
}

#searchform
{
    height: 20px;
    margin: 0;
}

input#submit
{
    margin-left: -5px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
}

nav
{
    height: 34px;
    margin: 5px 0 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

nav ul,
.share ul
{
    padding: 0 !important;
    position: relative;
}

nav ul li,
.share ul li
{
    list-style-type: none;
    float: left;
    margin-right: 0.3em;
}

.menu-link,
.sidebar-heading
{
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 15px;
    line-height: 2em;
    text-transform: uppercase;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
}

nav img
{
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

#flag-hover-1,
#flag-hover-2
{
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
}

#theme-hover-1,
#theme-hover-2 { margin: 2px 0 }

#flag-hover-2,
#theme-hover-2
{
    position: absolute;
    top: 0;
}

#flag-hover-2 { left: 0 }

#theme-hover-2 { left: 50px }

img#flag-hover-2:hover,
img#theme-hover-2:hover { opacity: 0 }

#flag-mobile,
#theme-mobile { display: none }

#main
{
    width: 100%;
    float: left;
    margin: 0 -260px 0 0;
    /*dark/white.css*/
    background-color: #26292E;
    -moz-box-shadow: 5px 5px 5px rgba(38, 41, 46, 0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(38, 41, 46, 0.3);
    box-shadow: 5px 5px 5px rgba(38, 41, 46, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#content
{
    margin: 0 260px 5px 5px;
    line-height: 1.5;
    min-height: 400px;
}

#content img { margin: 3px }

#content ul { padding-left: 20px }

#noscript,
#nojquery,
#ie,
#adblocker,
.warning
{
    margin: 0 auto 1em;
    width: 90%;
    border: 1px dotted #007CE8;
}

.no-js #noscript { display: block }

.js #noscript { display: none }

#adblocker,
#nojquery { display: none }

#noscript img,
#nojquery img,
#ie img,
#adblocker img,
.warning img { float: left }

#noscript p,
#nojquery p,
#ie p,
#adblocker p,
.warning p
{
    margin: 0;
    overflow: hidden;
}

.warning { text-align: center }

#ok { color: green }

#error { color: red }

input[type=submit],
input[type=button],
input[type=file],
input[type=reset],
button,
.menu-link:hover,
nav ul li.active a,
.button,
.sidebar-heading,
.hira
{
    text-shadow: 1px 2px 3px rgba(255, 255, 255, 0.3);
    background-color: #0079f4;
    background-image: url("gradient-1.svg");
    background: -moz-linear-gradient(#0079f4, #003fb5);
    background: -webkit-linear-gradient(#0079f4, #003fb5);
    background: -o-linear-gradient(top, #0079f4 0%,#003fb5 100%);
    background: -ms-linear-gradient(top, #0079f4 0%,#003fb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079f4', endColorstr='#003fb5',GradientType=0 );
    background: linear-gradient(top, #0079f4 0%,#003fb5 100%);
}

input:hover[type=submit],
input:hover[type=button],
input:hover[type=file],
input:hover[type=reset],
button:hover,
nav ul li.active a:hover,
.button:hover,
.hira:hover
{
    text-shadow: 1px 2px 3px rgba(255,255,255,0.5);
    background-color: #0072E5;
    background-image: url("gradient-2.svg");
    background: -moz-linear-gradient(#0072e5, #003599);
    background: -webkit-linear-gradient(#0072e5, #003599);
    background: -o-linear-gradient(top, #0072e5 0%,#003599 100%);
    background: -ms-linear-gradient(top, #0072e5 0%,#003599 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072e5', endColorstr='#003599',GradientType=0 );
    background: linear-gradient(top, #0072e5 0%,#003599 100%);
}

.button
{
    display: inline-block;
    padding: 0.25em 0.75em;
    color: #eeeeee !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -khtml-border-radius: 0.25em;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
}

.button:active
{
    position: relative;
    top: 1px;
}

.button:hover
{
    box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
}

.dbutton
{
    background: #33cc00;
    background: -moz-linear-gradient(#33cc00, #336600);
    background: -webkit-linear-gradient(#33cc00, #336600);
    background: -o-linear-gradient(top, #33cc00 0%,#336600 100%);
    background: -ms-linear-gradient(top, #33cc00 0%,#336600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc00', endColorstr='#336600',GradientType=0 );
    background: linear-gradient(top, #33cc00 0%,#336600 100%);
}

.dbutton:hover
{
    background: #2fbf00;
    background: -moz-linear-gradient(#2fbf00, #264c00);
    background: -webkit-linear-gradient(#2fbf00, #264c00);
    background: -o-linear-gradient(top, #2fbf00 0%,#264c00 100%);
    background: -ms-linear-gradient(top, #2fbf00 0%,#264c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fbf00', endColorstr='#264c00',GradientType=0 );
    background: linear-gradient(top, #2fbf00 0%,#264c00 100%);
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(40, 160, 0, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

.form_err { border: 1px solid red }

article
{
	/*background: rgba(0, 0, 0, .2);*/
	padding: 20px;
    margin-bottom: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
}

article h3
{
    position: relative;
    top: -10px;
}

img.icon
{
    position: relative;
    top: 10px;
}

article .date
{
    margin-top: 1em;
    float: right;
    font-size: 12pt;
    font-weight: normal;
}

#Shutdown7,
#Notizblock { top: 0 }

#novirus
{
    padding-top: 40px;
    font-style: italic;
}

#question
{
    font-size: 20pt;
    text-align: center;
    margin-top: 15px;
}

#hira
{
    border-collapse: separate;
    border-spacing: 4px;
}

#hira td
{
    width: 45pt;
    font-size: 16pt;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 0);
}

#hira td:hover
{
    box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 121, 244, 1);
}

.hira-wrong
{
    background: #f82814;
    background: -moz-linear-gradient(#f82814, #940a00);
    background: -webkit-linear-gradient(#f82814, #940a00);
    background: -o-linear-gradient(top, #f82814 0%,#940a00 100%);
    background: -ms-linear-gradient(top, #f82814 0%,#940a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82814', endColorstr='#940a00',GradientType=0 );
    background: linear-gradient(top, #f82814 0%,#940a00 100%);
}

.hira-wrong:hover
{
    box-shadow: 0 0 5px rgba(248, 40, 20, 1);
    -webkit-box-shadow: 0 0 5px rgba(248, 40, 20, 1);
    -moz-box-shadow: 0 0 5px rgba(248, 40, 20, 1);
}

#newtbl,
#newx,
#tbl { position: relative }

form h2 { top: -2px }

#newtbl,
#tbl { top: -2px }

#newx { top: -3px }

#notes img { margin: 0 }

.furjbqy /* Feedback */ { display: none }

aside
{
    float: right;
    width: 255px;
}

aside a { font-weight: bold }

aside p { margin: 0 }

.sidebar-heading
{
    width: 225px;
    margin: 5px 0;
}

.top { margin-top: 0 }

.social img
{
    opacity: 0.5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.social img:hover { opacity: 1 }

.apps
{
    position: relative;
    top: 10px;
}

.apps-links a
{
    position: relative;
    top: -9px;
}

#w3 img
{
    width: 88px;
    height: 31px;
    margin: 1px !important;
    margin-top: 5px !important;
}

footer p
{
    font-size: 10pt;
    margin: 0;
    float: right;
    clear: both;
    position: relative;
    bottom: 15px;
}