/* DESIGNED BY KEVIN NEUBERT [GASKINDER.DE] FOR HABBEVENT.DE */
html, body
{
background-image: url(../img/bg.png);
background-repeat: repeat;
}
body {
 width: auto;
 margin: 0px auto;
}

.header {
    background-image: url(../img/header.png);
    width: 506px;
	height: 185px;
	float: left;
	margin-left: 180px;
	margin-bottom: 20px;
}
.user {
    background-image: url(../img/usersystem.png);
    width: 494px;
	height: 193px;
	float: left;
}
.navi {
    background-image: url(../img/navbg.png);
    width: auto;
	height: 49px;
	margin-bottom: 15px;
}
.box { 
float: left;
margin-left: 180px;
margin-right: 20px;
margin-bottom: 20px;
width: 650px; 
padding: 8px; 
background: #ffffff; 
border-radius: 3px;
font-size: 13px;
font-family: Ubuntu;
font-weight: medium;
}
.minibox { 
float: right;
margin-right: 185px;
margin-bottom: 20px;
width: 280px; 
padding: 8px; 
background: #ffffff; 
border-radius: 3px;
font-size: 12px;
font-family: Ubuntu;
font-weight: medium;
}

.leftzeile {
    width: auto;
    height: 1px;
    background-color: #cccccc;
}
.startseite {
	float:left;
    background-image: url(../img/navi/start.png);
    width: 115px;
	height: 42px;
	margin-left: 15px;
}
.news {
    float:left;
	background-image: url(../img/navi/news.png);
    width: 70px;
	height: 42px;
	margin-left: 15px;
}
.community {
    float:left;
	background-image: url(../img/navi/com.png);
    width: 129px;
	height: 42px;
	margin-left: 15px;
}
.events {
    float:left;
	background-image: url(../img/navi/eve.png);
    width: 95px;
	height: 42px;
	margin-left: 25px;
}
.adobe {
    float:left;
	background-image: url(../img/adobe.png);
    width: 22px;
	height: 38px;
}
.frank {
    float:left;
	background-image: url(../img/frank.png);
    width: 108px;
	height: 143px;
}
.sprechblase {
    float:left;
	background-image: url(../img/blase.png);
    width: 600px;
	height: 24px;
	margin-left: 10px;
	font-size: 12px;
	font-family: Ubuntu;
	font-weight: medium;
}
.gk {
    float:right;
	background-image: url(../img/navi/gk.png);
    width: 54px;
	height: 42px;
	margin-right: 10px;
	margin-top: -6px;
}
.habbo {
    float:right;
	background-image: url(../img/navi/habbo.png);
    width: 54px;
	height: 42px;
	margin-top: -6px;
}
.regi {
    float:right;
	background-image: url(../img/regi.png);
    width: 220px;
	height: 28px;
	margin-right: 60px;
}

#main .login input[type="text"], #main .login input[type="password"] { border: 1px solid grey; border-radius: 3px; padding: 5px; width: 200px; }
#main .login input[type="submit"] { border: 1px solid #1A9320; color: white; font-weight: bold; border-radius: 3px; cursor: pointer; width: 220px; padding: 5px; background: #3bc928;
#main .login input[type="text"]:focus, #main .login input[type="password"]:focus { border: 1px solid #52AFDD; }


a {
    text-decoration: none;
    text-underline: none;
}