﻿body { 
	font-family: Verdana, Times, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000000;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0;
	text-align: left;
	background-image: url(../files/valkyre_outlet_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div#Wrapper {
	/* 69%, 76%, 86% oder 93% */
	font-size: 69%;
	line-height: 1.5em;
	color: #EEEEEE;
	margin: 0 auto;
	width: 1000px;
	min-height: 900px;
	background-image: url(../files/valkyre_inlet_right_bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

div#Header {
	height: 200px;
	background-image: url(../files/valkyre_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

div#LeftContent {
	width: 760px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	text-align: left;
}

div#RightContent {
	width: 200px;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
	text-align: left;
}

div.spacer {
	width: 778px;
	margin-left: -8px;
	float: left;
	background-image: url(../files/valkyre_spacer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

div.spacer_right {
	width: 216px;
	margin-left: -8px;
	float: left;
	background-image: url(../files/valkyre_spacer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

div.spacer_center {
	width: 496px;
	margin-left: -8px;
	float: left;
	background-image: url(../files/valkyre_spacer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.flLeft {
	float: left;
}

.flRight {
	float: right;
}

/******************/
/* Login */

div#login {
	height: 30px;
	padding-top: 0px;
	padding-right: 5px;
	text-align: right;
}

div#login form {
	margin: 0px;
	padding: 0px;
}

div#login input {
	width: 60px;
	font-size: 89%;
}

/******************/
/* Navi */

div#nav {
	padding: 0px;
	padding-top: 150px;
	padding-left: 10px;
	height: 15px;
}

li.lev0, li.lev1 {
	list-style: none;
}

li.lev0 {
	font-size: 100%;
	margin-top: 0px;
	font-weight: bold;
	list-style: none;
}

li.lev1 {
	font-size: 90%;
	text-transform: none;
	font-weight: normal;
	list-style: none;
}

li.lev0 a, li.lev0 a:link, li.lev0 a:visited {
	text-decoration: none;
}

li.lev1 a, li.lev1 a:link, li.lev1 a:visited {
	text-decoration: none;
}

li.lev0 a:hover, li.lev0 a.active {
	color: #ffa800;	
}

li.lev1 a:hover, li.lev1 a.active {
	color: #ffa800;	
}

.innerSymbol {
	margin-right: 12px;
}

/******************/
/* Allg. Elemente */

p {
	margin-bottom: 15px;
}

h1 {
	margin: 0px;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 109%;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 5px;
}

h2.left {
	
}

h2.right {
	
}

h3 {
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 5px;
}

hr {
	margin-bottom: 5px;
}

a, a:link, a:visited {
	color: #EEEEEE;
	text-decoration: underline;
}

a:hover {
	color: #ffa800;
	text-decoration: underline;
}

a.active {
	color: #ffa800;
}

a.thickbox, a.thickbox:link, a.thickbox:visited{

}

a.thickbox:hover {
	
}

a.pageactive, a.pageactive:link, a.pageactive:visited {
	color: #ffa800;
	text-decoration: none;
}

form {
	margin-bottom: 10px;
}

form select {
	background-color: #FFFFFF;
	width: auto;
	border: 1px solid #ffa800;
}

ul {
	list-style-position: inside;
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;
}

li.sublist {
	list-style: none;
	margin-left: 13px;
	font-style: italic;
}


/******************/
/* Gallerie */

.galleryPic {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

select.gallery {
	width: 191px;
}

/******************/
/* News */

.newsItem {
	margin-bottom: 15px;
	width: 100%;
}

.newsPic {
	float: left;
	margin-right: 15px;
}

.newsAttach {

}
.newsPicAttach {
	float: left;
	margin-right: 10px;
}

.newsText {
	margin-bottom: 10px;
}

.newsComments {
	margin-bottom: 5px;
}

/******************/
/* Text und Bild */

.textpic {
	margin-right: 10px;
	margin-bottom: 10px;
}

/******************/
/* Pics */

.pic {
	float: left;
	margin-right: 10px;
}

/******************/
/* Recruitement Liste */

.recruitement_list li {
	list-style: none;
	padding-left: 20px;
	line-height: 2em;
	background-position: 0px 0px;
}

li.Hexenmeister {
	background: transparent url("../files/warlock.gif") no-repeat;
}

li.Schamane {
	background: transparent url("../files/shaman.gif") no-repeat;
}

li.Priester {
	background: transparent url("../files/priest.gif") no-repeat;
}

li.Krieger {	
	background: transparent url("../files/warrior.gif") no-repeat;
}

li.Schurke {
	background: transparent url("../files/rogue.gif") no-repeat;
}

li.Paladin {
	background: transparent url("../files/paladin.gif") no-repeat;
}

li.Druide {
	background: transparent url("../files/druid.gif") no-repeat;
}

li.Magier {
	background: transparent url("../files/mage.gif") no-repeat;
}

li.Jäger {
	background: transparent url("../files/hunter.gif") no-repeat;
}

li.Todesritter {
	background: transparent url("../files/deathknight.gif") no-repeat;
}

/******************/
/* Rss News */

ul.rssnews{
	margin-top: -15px;
}

/******************/
/* Videos */

.videoItem {
	margin-bottom: 15px;
}

.videoPic {
	float: left;
	margin-right: 15px;
}

.videoAuthor {
	float: left;
	margin-right: 15px;
}

.videoRuntime {
	float: left;
	margin-right: 15px;
}

.videoSize {

}

.videoDescription {
	margin-top: 15px;
}

.videoLink {

}

/******************/
/* Member */

.member {
	margin-bottom: 1em;
	text-align: center;
}

/* .leader, .officer, .druid, .warlock, .hunter, .warrior, .mage, .paladin, .priest, .shaman, .rogue, .deathknight */

/******************/
/* Bewerbungs Form */

.bewerbungs_form  input, .bewerbungs_form  select, .bewerbungs_form  textarea {
	width: 480px;
}

.bewerbungs_form  textarea {
	height: 500px;
}


/******************/
/* Progress List */

ul.progress_list {

}

/******************/
/* Poll */

.poll select {
	margin-left: 10px;
	width: 140px;
}

.poll input {
	margin-top: 10px;
	margin-left: 50px;
}

/******************/
/* Bosskills */

.instance {
	margin-bottom: 15px;
}

.bossItem {
	float: left;
	width: 185px;
	height: 70px;
	margin-right: 5px;
}

.bossScreen {
	float: left;
}

.bossText {
	margin-left: 60px;
}