@charset \\\"utf-8\\\";
/* Webspell Design */
html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

    scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc; 
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

h2 {          
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #000000;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-image: url(images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.category_big {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #000000; 
    font-weight: bold; 
}

.category {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #333333;
    text-decoration: none;
}

a.un {
	color: #06F;
}

a.un:hover {
	color: #FFF;
}

a.category:hover {
    color: #000000;
    text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #CCC;
}

.footer {
    color: #FFFFFF; 
    font-size: 10px;
}
			
.form_off {	
	font-size:10px; 
    color: #000; 
    background-color: #fff; 
    border: 1px solid #CCC;

}
.form_off_log {	
	font-size:10px;
	width:140;
	height:20;  
    color: #ffffff; 
    background-color: #000000; 
    border: 0px solid #CCC;

}
.form_on { 
	font-size:10px;
    color: #000; 
    background-color: #fff; 
	border: 1px solid #CCC;
}
.form_on_log { 
	font-size:10px;
	width:140;
	height:20;
    color: #ffffff; 
    background-color: #000000; 
    border: 0px solid #CCC;
}
.form_username {
	font-size:10px;
	width:140;
	height:20;
	background-color: #00000;
    background-image: url(images/username.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
}

.form_password {
	font-size:10px;
	width:140;
	height:20;
    background-color: #000000;
    background-image: url(images/password.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
}

.form_name {
	width:140;
	height:20;
    background-color: #ffffff;
    border: 0px;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;

}

.form_text {
    background-color: #ffffff;
    border: 1px solid #CCC;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input {
	width:140;
	height:20;
    border: 1px solid #CCC;
    margin-top: 0px;
    margin-bottom: 0px;
}

.bg_user{
	background-image: url(images/bg_user.png);
	background-repeat: no-repeat;
	width:100px;
	height:20px;
	background-position:center;
	}
.bg_pass{
	background-image: url(images/bg_pass.png);
	background-repeat: no-repeat;
	width:100px;
	height:20px;
	background-position:center;
	}

/* Design */

body {
	background-image:url(img/bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	margin-right: 50px;
	font-size: 12px;
}

* {margin-top:0; padding:0;}

a {
	color:#000;
	text-decoration: none;
}
a:visited {
	color:#333;
}
a:hover {
	color:#999;
}

#links{
	background-image: url(img/left1.png);
	width: 50px;
	height: 500px;
	background-repeat: no-repeat;
}

#rechts{
	background-image: url(img/right1.png);
	width: 50px;
	height: 500px;
	background-repeat: no-repeat;
}

#login{
	background-image: url(img/pass.png);
	width: 498px;
	height: 30px;
}

.regeln{
	background-image: url(img/regeln.png);
	width: 352px;
	height: 30px;
	background-color: #000;
	color: #FFF;
}
#schatten{
	background-image: url(img/glue.png);
	width: 850px;
	height: 11px;
}

#HeaderLeft{
	background-image: url(img/LeftHeader.png);
	width: 459px;
	height: 125px;
	background-color: #FFF;
	background-repeat: no-repeat;
	}
.Nav1 {
	background-image: url(img/a.jpg);
	width: 170px;
	height: 30px;
	color: #000;
	font-size: 15px;

}

.Nav1:hover {
	background-image: url(img/aH.jpg);
	width: 170px;
	height: 30px;
	color: #000;
	font-size: 15px;
	text-decoration: none;
}

.NavEnd {
	background-image: url(img/aEnd.jpg);
	width: 170px;
	height: 30px;
	color: #000;
	font-size: 15px;
}

.NavEnd:hover {
	background-image: url(img/aEndH.jpg);
	width: 170px;
	height: 30px;
	color: #000;
	font-size: 15px;
	text-decoration: none;
}

#sub1{
	background-image: url(img/uk.png);
	width: 19px;
	height: 18px;
	color: #000;
	font-size: 18px;
	padding-left: 6px;
}

#sub2{
	background-image: url(img/uMenu.png);
	width: 825px;
	height: 24px;
	color: #000;
	text-decoration: none;
}

#describe {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 4px;
	padding-left: 5px;
}

#scroller {
	width: 640px;
	padding-right: 10px;
}
	
.boxTop {
	background-image: url(img/bl/BoxTop.jpg);
	width: 160px;
	height: 36px;
	padding-left: 10px;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFF;
}

.boxCenter {
	background-image: url(img/BoxCenter.png);
	width: 140px;
	height: 100%;
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	max-width: 170px;
}

.boxFooter {
	background-image: url(img/BoxFooter.png);
	width: 170px;
	height: 13px;
	background-repeat: no-repeat;
}

#ticker {
	background-image: url(img/ContentTop.png);
	width: 679px;
	height: 37px;
	background-repeat: no-repeat;
}

#center {
	background-image: url(img/ContentCenter.png);
	width: 669px;
	height: 1px;
	background-repeat: repeat-y;
	padding-right: 5px;
	padding-left: 5px;
}

#buttom {
	background-image: url(img/ContentFooter.png);
	width: 679px;
	height: 10px;
}

.button {
        border:1px solid #CCCCCC;
	color:#101010;
        background-image:URL(http://www.ffamily.de/images/navi-bg.gif);
        background-repeat:repeat-x;
        background-color:#CCCCCC;

}
<<<