/* Main Layout */
body {
  margin: 0;
  padding: 0;
  background: #020F21;
  font: normal 11px Verdana;
  color: #ffffff;
}

img { border: none; }

marquee {
  padding: 0px;
  margin: 0px;
}

hr {
  height: 1px;
  border: none;
  border-top: 0px dashed #989898;
  border-bottom: none;
  margin: 0;
  margin-top: 2px;
  padding: 3px;
}

#hd { width: 75px; margin-left: 55px; float:left; }
#uhr { margin-left:50px; width: 150px; }
/* Links */
a, a:visited, a:active {
  color: #fffffff;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

a.white, a.white:visited, a.white:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.white:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
  color: #4E6C86;
  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.category:hover {
  color: #000000;
  text-decoration: underline;
}

/* Font types */

h1 {
  background: #333 url(images/h1.jpg) no-repeat right;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 -10px 10px;
  padding-left: 10px;
  height: 20px;
  width: 95%;
  text-align: left;
  text-transform: uppercase;
}

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

.small {
  color: #666666;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.category_big, .category_big a {
  color: #3172B3;
  font-weight: bold;
}

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

/* Forms */
form {
  border: none;
  margin: 0;
  padding: 0;
}

input, textarea, select {
  border: 1px solid #CCCCCC;
  background-color: #041429;
  font: normal 11px Verdana;
  color: #666666;
}

input:active, textarea:active, select:active,
input:focus, textarea:focus, select:focus {
  border: 1px solid #666666;
  background-color:#041429;
  color: #666666;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

.pad { padding: 10px; }

.input {
  background-color: transparent;
  border: none;
  margin: 2px;
}

.title {
  height: 20px;
  margin: 0;
  padding: 0 3px;
  color: #4E6C86;
  background-image: url(images/title.jpg);
  background-repeat: repeat;
}

.td_head {
  height: 26px;
  background-color: #041429;
  border-top: 0px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

.td1 {
  height: 26px;
  background-color: #041429;
  border-top: 0px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

.td2 {
  height: 26px;
  background-color: #041429;
  border-top: 0px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FCFCFC;
  color: #000000;
  border: 0px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 300;
  width: 200px;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}


#links ul {
  display: inline;
  list-style-type: none;
}

#links ul li {
  float: left;
  margin-left: 91px;
}

#links a {
  display: block;
  height: 92px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

#links ul li:hover a {
  background-position: right top;
}


/* BBCode Tags */
.quote {
  color: #ccc;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

@charset "utf-8";
/* CSS Document */

body {
	background-color:#020F21;
	color: #ffffff;
}

#page {

position: absolute;
width: 901px;
left: 50%;
margin-left: -450px;
}


#header {
width: 640px;
height:200px;
float: left;
background-image:url(Bilder/nu_02.png);
}


#loginrd {
margin-left: 640px;
width:261px;
height:200px;
background-image:url(Bilder/nu_03.png);
}

#logfd { width: 235px; margin-left:25px; margin-top: 30px; }
#sidef { width: 235px; margin-left:15px; margin-top: 30px; }
 <!-- MENU --!>

.menu {width:901px; height:49px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:901px; w\idth:901px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {Bilder/dd.png) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(Bilder/dd.png) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(Bilder/dd.png) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:49px;left:0; width:149px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:0px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:url(Bilder/dd.png); height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}

/* style the top level hover */


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#news { width: 92px; }
#team { width: 83px; }
#community{ width: 151px; }
#media { width: 102px; }
#kontakt { width: 107px; }
#menu1 { width:76px; }
#menu2 { width: 29px;}
#menu3 { width: 261px;}

#omenu {width: 901px; }
#udi { width: 901px; height: 36px; margin-top:49px ;
	background:url(Bilder/nu_13.png);
	}
	
	#udii { width: 745px; margin-left: 75px;}
	

#cont {
width: 640px;
float: left;
background-image:url(Bilder/nu_16.png);
}

#icont {
	width: 550px;
	margin-left:52px;
	margin-top:10px;
}


#side {
margin-left: 640px;
width:261px;
height:200px;
background-image:url(Bilder/nu_17.png);
}

 <!-- WEBSPELL CSS --!>

img { border: none; }

marquee {
  padding: 0px;
  margin: 0px;
}

hr {
  height: 1px;
  border: none;
  border-top: 1px dashed #989898;
  border-bottom: none;
  margin: 0;
  margin-top: 2px;
  padding: 3px;
}

/* Links */
a, a:visited, a:active {
  color: #3172B3;
  text-decoration: none;
}

a:hover {
  color: #000000;;
}

a.white, a.white:visited, a.white:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.white:hover {
  color: #FFFFFF;
  text-decoration: unde
  text-decoration: nonerline;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
  color: #4E6C86;
  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.category:hover {
  color: #000000;
  text-decoration: underline;
}

/* Font types */

h1 {
  background: #333 url(images/h1.jpg) no-repeat right;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 -10px 10px;
  padding-left: 10px;
  height: 20px;
  width: 95%;
  text-align: left;
  text-transform: uppercase;
}

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

.small {
  color: #666666;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.category_big, .category_big a {
  color: #3172B3;
  font-weight: bold;
}

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

/* Forms */
form {
  border: none;
  margin: 0;
  padding: 0;
}

input, textarea, select {
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  font: normal 11px Verdana;
  color: #666666;
}

input:active, textarea:active, select:active,
input:focus, textarea:focus, select:focus {
  border: 1px solid #666666;
  background-color: #EAF7FD;
  color: #666666;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

.pad { padding: 10px; }

.input {
  background-color: transparent;
  border: none;
  margin: 2px;
}

.title {
  height: 20px;
  margin: 0;
  padding: 0 3px;
  color: #4E6C86;
  background-image: url(images/title.jpg);
  background-repeat: repeat;
}

.td_head {
  height: 26px;
  background-color: #EAF7FD;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.td1 {
  height: 26px;
  background-color: #FCFCFC;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.td2 {
  height: 26px;
  background-color: #F6F6F6;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FCFCFC;
  color: #000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 300;
  width: 200px;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
#links ul {
  display: inline;
  list-style-type: none;
}

#links ul li {
  float: left;
  margin-left: 91px;
}

#links a {
  display: block;
  height: 92px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

#links ul li:hover a {
  background-position: right top;
}
/* BBCode Tags */
.quote {
  color: #ccc;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}