/*
  Author: Mateusz "xX-Viper-HunteR" Garbela
  version:1.0
  Css made for clan #Vision E-Sport#
*/

/*
  ========================================
  #              Anfang Reset            #
  ========================================                
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 100%;background:#000 url("i/body.png");text-align:center;
font-weight:bold; font-style: normal; line-height:20px; font-family: arial, sans-serif;font-size:11px;color:#888888 !important;
}
ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

h1{margin:0;padding:0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

*{padding:0;margin:0;}
hr{background:transparent;border:none;width:0px;}
.clear{font-size:0;clear:both;overflow:hidden;line-height:1px;}
.clear {*zoom: 1; /* triggers has haslayout in older versions of iE */ 
}  
.clear:after {  content: " ";  display: block;  clear: both;  visibility: hidden;  font-size: 0;  height: 0;  }  

/*
  ========================================
  #            Top Navigation            #
  ========================================                
*/

#nav {
width: 672px;
height: 44px;
position: relative;
background: url("i/nav2.png");
margin: 0;
top:12px;
padding: 0;
z-index:20;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 30px;
background: url("i/nav2.png") no-repeat;
z-index:9;
overflow: hidden;
color:#fff;
text-decoration:none;
cursor:pointer;
}
li#nav_home a{left:22px;background-position:0px 44px;padding-top:15px;padding-left:23px;padding-right:22px;}

li#nav_home a:hover{left:22px;padding-top:12px;background-position:-20px -44px;}

li#nav_home a:active{left:22px;padding-top:12px;background-position:-20px -44px;}

li#nav_home_active a{left:22px;padding-top:15px;padding-left:23px;padding-right:22px;background-position:-20px -44px;}


li#nav_matches a{left:114px;background-position:0px 44px;padding-top:15px;padding-left:19px;padding-right:18px;}

li#nav_matches a:hover{left:114px;background-position:-114px -44px;padding-top:12px;}

li#nav_matches a:active{left:114px;background-position:0px 44px;padding-top:15px;padding-left:19px;padding-right:18px;}

li#nav_matches_active a{left:114px;background-position:-114px -44px;padding-top:15px;padding-left:19px;padding-right:18px;}


li#nav_teams a{left:224px;background-position:0px 44px;padding-top:15px;padding-left:18px;padding-right:18px;}

li#nav_teams a:hover{left:224px;background-position:-224px -44px;padding-top:12px;}

li#nav_teams a:active{left:224px;background-position:-224px -44px;padding-top:12px;padding-left:18px;padding-right:18px;}

li#nav_teams_active a{left:224px;background-position:-224px -44px;padding-top:15px;padding-left:18px;padding-right:18px;}


li#nav_forum a{left:318px;background-position:0px 44px;padding-top:15px;padding-left:22px;padding-right:22px;}

li#nav_forum a:hover{left:318px;background-position:-318px -44px;padding-top:12px;}

li#nav_forum a:active{left:318px;background-position:-318px -44px;padding-top:12px;padding-left:22px;padding-right:22px;}

li#nav_forum_active a{left:318px;background-position:-318px -44px;padding-top:15px;padding-left:22px;padding-right:22px;}


li#nav_buch a{left:418px;background-position:0px 44px;padding-top:15px;padding-left:18px;padding-right:22px;}

li#nav_buch a:hover{left:418px;background-position:-418px -44px;padding-top:12px;}

li#nav_buch a:active{left:418px;background-position:-418px -44px;padding-top:12px;padding-left:18px;padding-right:22px;}

li#nav_buch_active a{left:418px;background-position:-418px -44px;padding-top:15px;padding-left:18px;padding-right:22px;}


li#nav_kontakt a{left:539px;background-position:0px 44px;padding-top:15px;padding-left:19px;padding-right:19px;}

li#nav_kontakt a:hover{left:539px;background-position:-539px -44px;padding-top:12px;}

li#nav_kontakt a:active{left:539px;background-position:-539px -44px;padding-top:12px;padding-left:19px;padding-right:19px;}

li#nav_kontakt_active a{left:539px;background-position:-539px -44px;padding-top:15px;padding-left:19px;padding-right:19px;}
/* End Navigation */

#outerDiv{width:965px;height:auto;margin:0 auto;text-align:left;overflow:hidden;}
#header{width:964px;height:254px;float:left;background:url("i/header.png") no-repeat center top;position:relative;}
#slogan img,p{float:left;}
#slogan h1{padding:0 0 0 23px;margin:21px 0 0 0;width:421px;height:81px;float:left;background:url("i/h1-slogan2.png") no-repeat center top;text-indent:-9999px !important;overflow:hidden;}
#mainContent{width:959px;height:auto;background:url("i/main-bg.png") repeat-y center top;float:left;display:inline;}
.main{width:639px;float:left;margin:-41px 20px 0 15px;position:relative;display:inline;}
#right{width:261px;height:auto;float:right;margin-right:14px;display:inline;}
#footer{width:959px;height:91px;background:url("i/footer.png") no-repeat center top;float:left;}
#footer p{float:right;margin:50px 60px 0 0;display:inline;}

#login img{float:left;}
#login{width:266px;overflow:hidden;position:absolute;left:682px;top:44px;font-size:11px;}
#login-button-bg{width:140px;height:96px;background:url("i/login-button-bg.png") no-repeat center top;float:right;margin-top:5px;}
input.login-felder:focus{width:124px;height:24px;background:transparent;line-height:24px;border:none;color:#585858;margin:6px 0 0 7px;}
input.login-felder{width:124px;height:24px;background:transparent;line-height:24px;border:none;color:#585858;margin:6px 0 0 7px;}
input#login-button{width:46px;height:18px;font-size:0;line-height:0;background:url("i/login-button.png") no-repeat center top;border:none;margin:8px 25px 11px 13px;float:left;}
#login a{color:#fff;text-decoration:none;}
a#pass{color:#878787;float:left;display:inline;overflow:hidden;position:relative;top:10px;}
#login span{width:266px;height:34px;background:url("i/login-button-bot.png") no-repeat center top;float:left;}
#login span a{margin:0 0 0 83px;line-height:34px;}
#logout{width:140px;height:28px;background:url("i/logout.png") no-repeat center top;float:left;margin-top:15px;position:absolute;top:55px;left:125px;}
#logout font{color:#000;float:right;margin:0 25px 0 0;display:inline;font-size:11px;line-height:24px;display:inline;}
#logged-bot{position:relative;width:264px;height:105px;background:url("i/logged-bot.png") no-repeat center top;float:left;margin:0 0 30px 0;}
#logged-bot a{color:#1e6dd9;}
#edit{position:absolute;width:42px;height:47px;left:17px;text-indent:-99999em;top:43px;}
#nachricht{position:absolute;width:44px;height:43px;text-indent:-9999em;left:76px;top:47px;}
#gallerie{width:44px;height:33px;top:53px;left:140px;position:absolute;text-indent:-9999em;}
#buddys{width:46px;height:37px;left:200px;top:48px;position:absolute;text-indent:-9999em;}
.willkommen a{color:#1e6dd9;margin-left:10px;}
.willkommen{margin:14px 0  0 30px;float:left;}
.overview{float:left;font-size:11px;display:block;width:126px;margin:0px 0px 10px 13px;top:10px;position:relative;}

#module-one h2{width:261px;height:44px;background:url("i/module-one-h2.png") no-repeat center top;}
#module-one h2 span{float:right;margin:10px 16px 0 0;display:inline;color:#fff;font-size:11px;}
#module-one ul{background:url("i/module-one-bg.png") no-repeat center top;height:172px;}
#module-one li{line-height:33px;margin-top:0px;position:relative;top:3px;font-family: arial;font-size:10px;height:33px;width:261px;}
#module-one img{float:left;margin:5px 8px 0 11px;display:inline;}
#module-one font{position:absolute;right:10px;top:0;}

#module-two{margin:20px 0 0 0;}
#module-two h2{width:261px;height:43px;background:url("i/module-two-h2.png") no-repeat center top;}
#module-two h2 span{float:right;margin:10px 20px 0 0;display:inline;color:#fff;font-size:11px;}
#module-two ul{background:url("i/module-two-bg.png") no-repeat center top;height:370px;}
#module-two li{height:88px;position:relative;top:2px;width:auto;width:261px;padding-bottom:2px;}
#module-two img{float:left;margin:0 0 0 14px;display:inline;}
#module-two span{display:block;margin:0 0 0 19px;font-size:12px}
#module-two li p{float:left;width:230px;color:#a9a9a9;font-size:11px;margin:0px 0 0 19px;display:inline;}

div.news{width:669px;height:auto;float:left;display:inline;margin:0 0 0 -15px;}
.news-header{width:669px;height:28px;background:url("i/news-header.png") no-repeat center top;float:left;}
div.news img{display:block;position:relative;left:10px;}
div.news a.news-title{font-size:14pt;color:#000;text-decoration:none;float:left;margin:15px 0 15px 15px;}
p.news-content{width:610px;float:left;margin:0 39px 0 30px;color:#888888;font-size:11px;position:relative;display:inline;}   
div.news span.meta{float:left;margin:0 0 15px 10px;color:#4e4e4e;word-spacing:3px;}
div.news span.links{float:left;margin:0 0 15px 10px;color:#4e4e4e;word-spacing:3px;}
a.news-jumper-button{background:url("i/news-jumper-button.png") no-repeat center top;padding:3px 11px 0 11px;height:19px;color:#000;float:left;margin-top:3px;display:inline;}
a.news-jumper-hover{background:url("i/news-jumper-hover.png") no-repeat center top;padding:5px 13px 0 13px;height:21px;color:#000;float:left;display:inline;}
div.news-jumper{width:669px;height:37px;background:url("i/news-jumper-bg.png") no-repeat center top;float:left;margin:0 0 0 -15px;display:inline;}
div.news-jumper a{position:relative;left:300px;top:4px;}
.news-more-header{background:url("i/news-more-header.png") no-repeat center top;float:left;width:670px;height:50px;float:left;margin:0 0 15px -15px;display:inline;}
.news-more-header h2{color:#000;line-height:50px;font-size:19px;margin:0 0 15px 20px;overflow:hidden;display:inline;}

#werbebanner{width:468px;height:60px;float:left;margin:0 0 0 84px;display:inline;}