* {
    margin:0;
    padding:0;
}

html {
    background-color:#CAE7FD;
}
 
body {
    font:100.01% 'lucida sans unicode', sans-serif;
    background-color:#CAE7FD;
    color:#000;
}

#wrapper {
    font-size:.8em;
    z-index:1;
    width:50em;
    margin:20px auto;
    background-color:#fff;
    color:#777;
    padding:10px;
    border-right:1px solid #929CA3;
    border-bottom:1px solid #929CA3;
}
 
/**
 * ################# CONTENT #################
 */


#wrapper a {
    color:#444;
    text-decoration:none;
    border-bottom:1px solid #fff;
}

#wrapper a:hover {
    color:#111;
    border-bottom:1px solid #ccc;
}

#wrapper h1 a:hover {
    border-bottom:1px solid #fff;
}

#func_box {
    position:absolute;
    z-index:2;
    background-color:#006699;
    opacity:.7;
    top:-30px;
    right:-30px;
    padding:10px 10px 0 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    width:155px;
    color:#fff;
}

#header {
    margin-bottom:1.2em;
}

#func_box a {
    color:#fff;
}

#func_box ul {
    margin-bottom:10px;
}

#func_box span {
    display:block;
}

input[type=text], input[type=password] {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #666;
    border-left:1px solid #666;
    padding:2px;
}

input[type=submit] {
    cursor:pointer;
    padding:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    background-color:#CAE7FD;
    border:1px solid #bbb;
    color:#333;
}

input[type=submit]:hover {
    color:#000;
}

#func_box input[type=text], #func_box input[type=password] {
    width:135px;
    border:1px solid #000;
    padding:2px;
    background-color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}

#func_box input[type=submit] {
    border:1px solid #000;
    padding:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
}

#registrieren_form span {
    display:block;
}

#registrieren_form span#checkUsername, #registrieren_form span#checkPassword, #registrieren_form span#checkPasswordRepeat, #registrieren_form span#checkEmail {
    display:inline;
}

.nav li {
    display:inline;
    margin-right:.4em;
}

#wrapper .nav .current {
    color:#000;
}
 
/**
 * ################# MISC #################
 */

h1 {
    border-bottom:1px solid #ccc;
    margin-bottom:.15em;
    padding-bottom:1px;
}
 
h1, h2 {
    font-weight:normal;
}
 
h2, p, ul {
    margin-bottom:1.5em;
}
 
ul {
    list-style-type:none;
}

ul li {
    margin-bottom:.25em;
}

p {
    line-height:1.5em;
}

a {
    outline:none;
}
 
/**
 * ################# CLASSES #################
 */

.success {
    padding:5px 10px;
    background-color:lightgreen;
}

.error {
    padding:5px 10px;
    background-color:red;
    color:#fff;
}

.notice {
    padding:5px 10px;
    background-color:yellow;
}

.smaller {
    font-size:.85em;
}

.msg {
    margin-bottom:0;
    position:relative;
    z-index:3;
    -khtml-opacity:.8;
    -moz-opacity:.8;
    -webkit-opacity:.8;
    -ms-filter:”alpha(opacity=80)”;
    filter:alpha(opacity=80);
    opacity:.8;
    display:none;
}

.center {
    text-align:center;
    margin-bottom:0;
}

.box {
    margin-bottom:1.3em;
}
 
/**
 * ################# CLEARFIX #################
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}