body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer, #container, #banner , #navcontainer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

a:link
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover
{
	color: #000000;
	text-decoration: underline overline;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT, TEXTAREA, SELECT { background-image: url('img/inputshadow.gif'); border: 1px solid #000000; color: #000000; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; }

img{border: none;}

#container {
	background-color: #FFFFFF;
	width: 950px;
	/*border: 1px solid gray;*/
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	height:500px;
}

/* folgende anweisung wird nicht vom ie interpretiert */
#container[id] {
	height:auto;
	min-height:500px;
}

#banner {
	padding: 0px;
	margin-bottom: 5px;
	width: 100%;
	height: 101px;
	background: url(img/2Pixel.gif);
}

#logo {
	padding: 1px;
	width: 100%;
	height: 100px;
	background: url(img/wwwheadcrasherde.jpg) no-repeat center;
}

#content {
	padding: 5px;
	background-color: #FFFFFF;
	height:350px;
	text-align: left;
	float:left;
	width: 800px;
}

#content[id] {
	height:auto;
	min-height:350px;
}

#navcontainer ul
{
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #036;
	color: #FFFFFF;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer[id] ul {
	float: left;
}

#navcontainer ul li { display: inline;}

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #036;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	width: 100px;
}

#navcontainer ul li a:hover
{
	background-color: #369;
	color: #FFFFFF;
}

ul#navlist li#active a
{
	background: #0099FF;
	color: #000000;
}

#footer {
	padding: 5px;
	margin-top: 5px;
	text-align: center;
	
	background-color: rgb(213, 219, 225);
}
#design {
	text-align: right;
}


.ref {
	list-style-type: lower-roman;
}

.skills li {
	padding-left: 10px;
	list-style-type: circle;
	width: 230px;
}

.clear {clear: both;}

.thumbnail
{
	float: left;
	width: 160px;
	height: 170px;
	border: 1px solid #999;
	margin: 15px;
	padding: 5px;
	text-align: center;
}

.thumbnail img {vertical-align:bottom;}

.skilltext {float: left; width: 180px;}

.star1 {width:10px; float:right; background: url(stern.gif) repeat-x left;}
.star2 {width:20px; float:right; background: url(stern.gif) repeat-x left;}
.star3 {width:30px; float:right; background: url(stern.gif) repeat-x left;}
.star4 {width:40px; float:right; background: url(stern.gif) repeat-x left;}
.star5 {width:50px; float:right; background: url(stern.gif) repeat-x left;}

.d {text-align: right;}

.sor {background: url(img/shadow2/ecke_or.gif) no-repeat; width:6px; height:6px;}
.sul {background: url(img/shadow2/ecke_ul.gif) no-repeat; width:6px; height:6px;}
.sur {background: url(img/shadow2/ecke_ur.gif) no-repeat; width:6px; height:6px;}
.sh {vertical-align:top; background: url(img/shadow2/horizontal.gif) repeat-y; width:6px; height:6px;}
.sv {text-align: left; background: url(img/shadow2/vertical.gif) repeat-x; width:6px; height:6px;}

/* kleiner "hack" für die Schattendinger */
.textblock {
	border: 1px solid black;
	padding: 5px;
	background: white;
}

/* Shadow CSS von http://www.alistapart.com/articles/onionskin/ */
.shadow1, .shadow2, .shadow3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.shadow1 {
	float:left;
	background:url(img/cssshadow/shadow.gif) right bottom no-repeat;}
.shadow2 {background:url(img/cssshadow/corner_bl.gif) -15px 100% no-repeat;}
.shadow3 {
	padding:0 6px 6px 0;
	background:url(img/cssshadow/corner_tr.gif) 100% -15px no-repeat;}
/*.shadow3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}*/


/* thx to cgdesign.de ;) */
.pfeilliste li
{
	list-style-type: none;
	padding: 0 0 4px 17px;
	line-height: 1.3em;
	font: normal 0.8em/130% verdana,geneva,sans-serif;
	color: #614F3F;
	background: url(img/pfeil.gif) no-repeat 0 2px;
}



/* Warcraft Kram */

/* Schriftgrößen */
.iZigen        {font-size: 13px}  /* Erste Zeile "xx Einträge gefunden etc"*/
.iZismall      {font-size: 10px}  /* Uhrzeit Map/Version/Dauer filesize/DLs/"Kommentare" */
.iZifooter     {font-size: 11px}  /* powered by.....                                     */
.iZibold       {font-size: 11px; font-weight:bold}
.iZilarge      {font-size: 12px} /* Datum/Uploader Spielernamen/"Download"                    */
.iZilargebold  {font-size: 12px; font-weight:bold}  /* Seite 1|2...  / Feldnamen im Addformula */

/* Ausgabeformatierung für die detaillierte Spielerbeschreibung in show_details.htm */
/* Graph */
div.graph {
  height: 10px;
  background-color: #738499;
}

/* Überschrift der Details-Seite */
div.title {
  text-decoration: none;
  padding: 2px;
  border-bottom: 1px solid #4C5866;
  font-weight: bold;
}

/* Die ausscrollbaren Hero/Unit/Build-Order-Informationen */
div.additional {
  border-left: 2px solid #738499;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  display: none;
}

/* Sektionen Details und Kommentare (zuständig fürs 1. Einrücken) */
div.section {
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 25px;
  border-bottom: 1px solid #4C5866;
}

/* Ebenfalls zuständig fürs Einrücken */
div.details {
  margin-left: 26px;
  border-left: 2px solid #4C5866;
  padding: 3px;
}

a.Rot:link    { text-decoration: none; color : #D93636; }
a.Rot:visited    { text-decoration: none; color : #D93636; }
a.Rot:hover	 { text-decoration: underline; color : #D93636; }

a.Blau:link    { text-decoration: none; color : #608FBF; }
a.Blau:visited    { text-decoration: none; color : #608FBF; }
a.Blau:hover	 { text-decoration: underline; color : #608FBF; }

a.Türkis:link    { text-decoration: none; color : #60BFA9; }
a.Türkis:visited    { text-decoration: none; color : #60BFA9; }
a.Türkis:hover	 { text-decoration: underline; color : #60BFA9; }

a.Lila:link    { text-decoration: none; color : #9B60BF; }
a.Lila:visited    { text-decoration: none; color : #9B60BF; }
a.Lila:hover	 { text-decoration: underline; color : #9B60BF; }

a.Gelb:link    { text-decoration: none; color : #E4E573; }
a.Gelb:visited    { text-decoration: none; color : #E4E573; }
a.Gelb:hover	 { text-decoration: underline; color : #E4E573; }

a.Orange:link    { text-decoration: none; color : #CC8029; }
a.Orange:visited    { text-decoration: none; color : #CC8029; }
a.Orange:hover	 { text-decoration: underline; color : #CC8029; }

a.Grün:link    { text-decoration: none; color : #86E573; }
a.Grün:visited    { text-decoration: none; color : #86E573; }
a.Grün:hover	 { text-decoration: underline; color : #86E573; }

a.Rosa:link    { text-decoration: none; color : #D96CB1; }
a.Rosa:visited    { text-decoration: none; color : #D96CB1; }
a.Rosa:hover	 { text-decoration: underline; color : #D96CB1; }

a.Grau:link    { text-decoration: none; color : #BFBFBF; }
a.Grau:visited    { text-decoration: none; color : #BFBFBF; }
a.Grau:hover	 { text-decoration: underline; color : #BFBFBF; }

a.Hellblau:link    { text-decoration: none; color : #79C2F2; }
a.Hellblau:visited    { text-decoration: none; color : #79C2F2; }
a.Hellblau:hover	 { text-decoration: underline; color : #79C2F2; }

a.Dunkelgrün:link    { text-decoration: none; color : #59B365; }
a.Dunkelgrün:visited    { text-decoration: none; color : #59B365; }
a.Dunkelgrün:hover	 { text-decoration: underline; color : #59B365; }

a.Braun:link    { text-decoration: none; color : #BF8F60; }
a.Braun:visited    { text-decoration: none; color : #BF8F60; }
a.Braun:hover	 { text-decoration: underline; color : #BF8F60; }

TABLE.expOutline	 	{ border-style: solid; border-width: 1px; border-color: #5A5D5A; background-color:#000000;}
#rankingParent		 { position: relative; height: 1px; width: 70px; }
#rankingChild		 { position: absolute; left: 30px; top: 2px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: arial,helvetica,sans-serif; }
#rankingChild2		 { position: absolute; left: 30px; top: 2px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: arial,helvetica,sans-serif; }


.folder {height: 45px; background:url(/style/img/gallery/folder.gif) 135px bottom no-repeat; text-align:center;}
.jpg	{height: 45px; background:url(/style/img/gallery/jpg.gif) 135px bottom no-repeat; text-align:center;}


.center {text-align:center;}

*html a#tooCool {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url("/style/img/too_cool_corner_de.png") bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
	z-index:1000;
}