/* CSS by synie */

html,body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
padding: 0px;
margin: 0px;
background: #878787 url(images/bg.jpg) repeat-x;
color: #4e4e4e;
height: 100%;
}

img {
border: 0px;
}

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

a:hover {
text-decoration: underline;
}

#page {
margin: 0 auto;
background: #FFFFFF url(images/puffer.jpg) repeat-y;
padding: 0px;
width: 997px;
position: relative;
min-height: 100%;
}

* html #page {
height: 100%;
}

#headtop {
background: url(images/headbar.jpg) no-repeat;
width: 977px;
height: 20px;
text-align: right;
color: #ffffff;
padding-top: 9px;
padding-right: 20px;
}

#header {
background: url(images/header.jpg) no-repeat;
width: 972px;
height: 144px;
text-align: right;
padding-right: 25px;
padding-top: 9px; 
}

#header img {
border: 0px;
padding: 0px;
margin-left: -4px;
}

#header h1 {
display: none;
}

#navi {
background: url(images/navi.jpg) no-repeat;
width: 947px;
height: 40px;
padding-left: 50px;
text-align: left;
}

#navi img {
margin-left: 3px;
}

#menubar, #menubar ul {	
padding: 0;	
margin: 0; 
list-style: none;
z-index:100;
}

#menubar a { 
padding: 0px;
display: block; 
text-decoration: none;	
font-size: 11px;	
font-weight: normal; 
text-align: left; 
z-index:100;
}

#menubar li {
background: url(images/navibutton.jpg) no-repeat;
float: left; 
width: 85px;
height: 26px;
padding-top: 14px;
padding-left: 35px;
z-index:100;
}

#menubar li:hover {
background: url(images/navibuttonhover.jpg) no-repeat;
}

#menubar li ul, #menubar ul li { 
width: 130px; 
background-image: none !important;
border-bottom: 1px solid #2c2c2c;
margin: 0px;
padding: 0px; 
z-index:100;
}

#menubar ul li a  {	
color: #6f6f6f;
padding: 7px 5px 0px 10px; 
text-align: left; 
width: 130px;
z-index:100;
margin: 0px;	
}

#menubar li ul { 
position: absolute; 
display: none;	
background: #1b1b1b;
border-right: 1px solid #2c2c2c;	
border-left: 1px solid #2c2c2c;
padding: 0px;
color: #FFFFFF;
margin-top: 5px;
margin-left: -42px;  
z-index:100;
filter:alpha(opacity=100);
opacity: 0.90;
-moz-opacity:0.90;
}

#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a { 
color: #c0c0c0;
}

#menubar li:hover ul, #menubar li.hvr ul { 
display: block; 
}

*+html #menubar li:hover ul { 
position: relative; 
}

* html #menubar li:hover ul { 
position: relative; 
}

#menubar li:hover ul a { 
color: #a1a1a1;
background-color: transparent;	
}

#menubar ul a:hover { 
background-color: #365d7b !important;
color: #ffffff !important; 	
width: 115px;
padding-bottom: 8px;
z-index:100;
}

#leftcontent {
background: url(images/leftbar.jpg) no-repeat left top;
width: 227px;
text-align: justify;
float: left;
padding-top: 3px;
margin-bottom: 4em;
}

.buttona {
width: 214px;
text-align: left;
padding-left: 13px;
margin-top: 6px;
}

.leftinhalt {
background: url(images/liste.jpg) repeat-y;
width: 190px;
text-align: left;
margin-left: 8px;
padding-top: 0px;
padding-left: 10px;
padding-right: 7px;
}

.leftinhalt a:link, .leftinhalt a:active, .leftinhalt a:visited {
color: #4e4e4e;
text-decoration: none;
font-weight: normal;
}

.leftinhalt a:hover {
text-decoration: underline;
}

.poll {
background: url(images/pollinhalt.jpg) no-repeat left top;
width: 177px;
text-align: left;
margin-left: 13px;
padding-top: 8px;
padding-left: 10px;
padding-right: 20px;
}

.leftinhaltzwei  {
width: 180px;
text-align: left;
margin-left: 13px;
padding-top: 3px;
padding-left: 5px;
padding-right: 22px;
}

.leftinhaltzwei a:link, .leftinhaltzwei a:active, .leftinhaltzwei a:visited {
color: #4e4e4e;
text-decoration: none;
font-weight: normal;
}

.leftinhaltzwei a:hover {
text-decoration: underline;
}

#maincontent {
background: url(images/mainbar.jpg) no-repeat left top;
width: 504px;
text-align: justify;
float: left;
padding-top: 3px;
margin-bottom: 4em;
}

.inhalttop {
background: url(images/contop.jpg) no-repeat;
width: 497px;
height: 26px;
margin-left: 2px;
margin-top: 5px;
}

.inhalt {
width: 485px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #2c2c2c;
margin-left: 2px;
}

#rightcontent {
background: url(images/rightbar.jpg) no-repeat left top;
width: 255px;
text-align: center;
float: right;
padding-top: 3px;
padding-right: 11px;
margin-bottom: 4em;
}

#rightcontent img {
margin-top: 2px;
}

.login {
background: url(images/login.jpg) no-repeat;
width: 231px;
height: 104px;
margin-top: 8px;
margin-left: 2px;
padding-top: 35px;
padding-left: 20px;
text-align: left;
}

.login a:link, .login a:active, .login a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

.login a:hover {
text-decoration: underline;
}

h1 {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
padding: 0px;
margin: 0px;
}

h2 {
display:none;
}

b {
color: #378ad1;
}

p {
margin: 8px 0px 2px 0px;
}

#footer {
background: url(images/footer.jpg) no-repeat;
width: 997px;
height: 43px;
position: absolute;
left: 0px;
bottom: 0px;
}

.wars {
background: url(images/war.jpg) no-repeat; 
width: 53px; 
height: 16px; 
float: right;
padding-top: 3px;
margin-top: 0px;
text-align: center;
}

/* webspell temps */

.newstitle {
background: url(images/title.jpg) no-repeat;
width: 430px;
height: 21px;
padding-left: 55px;
padding-top: 9px;
font-weight: bold;
color: #FFFFFF;
}

.newspic {
background: #E6E6E6;
width: 485px;
height: 66px;
text-align: left;
padding-top: 2px;
}

.newscontent {
background: url(images/newscontop.jpg) no-repeat left top;
width: 475px;
padding-top: 10px;
padding-bottom: 5px;
text-align: justify;
padding-left: 5px;
padding-right: 5px;
}

.newscomments {
background: url(images/comments.jpg) no-repeat;
width: 475px;
height: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
text-align: left;
margin-bottom: 10px;
color: #FFFFFF;
}

.newscomments a:link, .newscomments a:active, .newscomments a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

.newscomments a:hover {
text-decoration: underline;
}

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

.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_login {
background: url(images/loginform.jpg) no-repeat;
width: 135px;
height: 19px;
border: 0px;
margin: 0px;
padding-top: 6px;
padding-left: 10px;
padding-right: 0px;
color: #FFFFFF;
margin-bottom: 3px;
}

.form_log {
background: url(images/loginb.jpg) no-repeat;
width: 50px;
height: 26px;
border: 0px;
margin: 0px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
color: #FFFFFF;
}

* html .form_log {
padding: 0px;
margin-bottom: 5px;
}

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

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

.category_big {  
    font-size: 11px; 
    color: #242424; 
    font-weight: bold; 
}

.category {  
    font-size: 11px; 
    color: #4a6672; 
    font-weight: normal; 
}

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

.title {
color: #FFFFFF;
background: url(images/images_titlebg.jpg) repeat-x;
height: 23px;
font-size: 10px;
font-weight: bold;
}