/*
1.  allgemeine stylesheets (top,left,center etc)
2. Boxenstyles (shoutbox, etc)
3. Formularstyles
4. Linkformatierungen
5. anderes
*/


div#top {
  background-color:transparent;
  background-image:url(img/header_bg.png);
  background-repeat:repeat-x;
  background-position:top left;
  background-attachment:scroll;
  width:102%;
  height:180px;
  margin-left:-1%;
  margin-top:-1%;
}


div#left {
  position:fixed;
  top:170px;
  left:15px;
  width:165px;
  padding-left:35px;
  padding-top:20px;
  padding-bottom:20px;
  border-width:4px;
  border-left-style:inset;
  border-top-style:inset;
  border-right-style:groove;
  border-bottom-style:groove;
  border-color:#1111AA;
  background-image:url(img/menue_bg.png);
  background-repeat:repeat-y;
}

div#left div{
  padding-top:2px;
  padding-bottom:2px;
}

div#left a.inactive:link {
  font-family:Times,sans-serif;
  font-size:22px;
  text-decoration:none;
  font-weight:bold;
  color:#333;
  padding:5px;
  padding-right:10px;
  border-left:1px solid black;
}

div#left a.inactive:visited {
  font-family:Times,sans-serif;
  font-size:22px;
  text-decoration:none;
  font-weight:bold;
  color:#333;
  padding:5px;
  padding-right:10px;
  border-left:1px solid black;
}

div#left a.inactive:hover {
	color:black;
}



div#left a#active:link {
  color:#222;
  font-family:Times,sans-serif;
  font-size:22px;
  text-decoration:none;
  font-weight:bold;
  padding:4px 10px 4px 8px;
  margin-bottom:2px;
  border-left:1px solid black;
  border-right:5px solid #A11;
}

div#left a#active:visited {
  color:#222;
  font-family:Times,sans-serif;
  font-size:22px;
  text-decoration:none;
  font-weight:bold;
  padding:4px 10px 4px 8px;
  margin-bottom:2px;
  border-left:1px solid black;
  border-right:5px solid #A11;
}

div#left a#active:hover {
  color:black;
}

  
div#center {
  margin-top:20px;
  margin-left:15em;
  margin-bottom:15px;
  width:80%;
}

div#bottom {
  text-align:center;
}



/*Boxen*/

div#header_login {
  position:absolute;
  top:26px;
  left:83.2%;
}

div#header_login input {
  margin:4px;
}

span#header_login_signinblock {
  padding:1px;
  padding-left:4px;
  font-size:11px;
  font-family:monospace;
  text-align:center;
}





p.box {
  padding:5px;
}

div.box_head {
  background-image:url(img/box_header.png);
  background-repeat:repeat-y;
  color:#aa0000;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  height:35px;
}

div.box_head div.box_head_name {
  position:relative;
  top:-0.2em;
  left:1.4em;
}

div.box_head div.box_head_date {
  position:relative;
  top:-1.6em;
  left:28.4em;
  font-size:11px;
  font-family:monospace,sans-serif;
}

div.box_content {
  background-image:url(img/box_center.png);
  background-repeat:repeat-y;
  color:#000066;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  width:400px;  
}

div.box_content div{
  position:relative;
  top:-0.5em;
  left:1em;
  padding-right:1.5em;
}

div.box_foot {
  background-image:url(img/box_footer.png);
  background-repeat:no-repeat;
  width:400px;
  height:20px;
}




  /*<div id=\"box_head\"><div id=\"box_head_name\">Überschrift</div><div id=\"box_head_date\">27.04.2008</div></div>
	  <div id=\"box_content\">
	    <div>
	      Inhalt
	    </div>
	  </div>
	<div id=\"box_foot\"></div>*/



/*Formularstyles*/

form#ktktform input {
  margin:2px;
  margin-left:0;
}


input.submit_style {
  padding:3px;
  border:1px outset black;
  background-image:url(img/button_login_bg.png);
  font-family:sans-serif, Times;
  font-weight:bold;
  font-size:15px;
}

input.submit_style:hover {
  background-image:url(img/button_login_bg_hover.png);
  cursor: pointer;
}

input.tf_name:hover {
  border-color:black;
}


input.tf_pass:hover {
  border-color:black;
}

input.tf {
  color:#000000;
  border:1px solid black;
  padding:4px;
}

input.tf_pass {
  color:#000000;
  border:1px solid black;
  padding:4px;
  /*background-image: url(img/name_bg.png);*/
}

form.mainform input {
  margin:4px;
}


table.userform {
  margin:5px 0 14px 0;
  padding:10px 4px 10px 0;
  padding-top:10px;
  padding-bottom:10px;
  border:1px solid black;
  border-spacing:0;
  width:100%;
  background-color:#99F;
}


table.userform td {
  padding:15px 6px 10px 15px;
  color:#DDD;
  font-weight:bold;
  border-width:0;
}

table.userform td.usercolright {
  text-align:left;
}

table.userform td.usercolleft {
  text-align:right;
}

table.userform td.usercolchange {
  width:30px;
}

table.userform td.usercolleft_game {
  text-align:right;
  padding:6px 4px 4px 32px;
}

table.userform td.usercolright_game {
  text-align:left;
  padding:6px 4px 4px 32px;
}

td.td_option {
	text-align:center;
}





/*Linkstyles*//**/

a:link {
  color:#404040;
  text-decoration:none;
}

a:visited {
  color:#404040;
  text-decoration:none;
}

a:hover {
  color:#550000; 
}


div.box_content a:link {
  color:#404040;
  text-decoration:none;
  border-left:1px solid white;
  border-right:1px solid white;  
  padding:0 2px;
  margin: 0 -2px;
}

div.box_content a:visited {
  color:#404040;
  text-decoration:none;
  border-left:1px solid white;
  border-right:1px solid white;  
  padding:0 2px;
  margin: 0 -2px;
}

div.box_content a:hover {
  color:#550000;
  border-left:1px solid black;
  border-right:1px solid black;  
  padding:0 2px;
  margin: 0 -2px;
}


a.wbglink:link {
  color:#404040;
  text-decoration:none;
  border-left:1px solid white;
  border-right:1px solid white;  
  padding:0 2px;
  margin: 0 -2px;
}

a.wbglink:visited {
  color:#404040;
  text-decoration:none;
  border-left:1px solid white;
  border-right:1px solid white;  
  padding:0 2px;
  margin: 0 -2px;
}

a.wbglink:hover {
  color:#550000;
  border-left:1px solid black;
  border-right:1px solid black;  
  padding:0 2px;
  margin: 0 -2px;
}


div#imp a:link{
  text-decoration:none;
  color:navy;
  font-weight:bold;
}

div#imp {
  color:#7e7e7e;
}

div#imp a:hover {
  text-decoration:none;
  color:#aa0000;
}


div#usercount {
  font-weight:bold;
  font-size:13px;
}

a.lback {
  margin-left:26px;
  font-size:15px;
  text-decoration:none;
  color:navy;
  font-weight:bold;
}

a.lback:hover {
  text-decoration:underline;
  color:#B33;
}


ul.linkex {
  list-style-type:none;
  padding-left:50px;
}

ul.linkex {
  vertical-align:middle;
}

ul.linkex img {
  border-width:0px;
  vertical-align:text-bottom;
}


.describe:link {
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
  font-family:times,sans-serif;
}

.describe:hover {
  color:red;
}



ul.overview {
  list-style-type:circle;
  padding-left:50px;
}

ul.overview li {
  vertical-align:middle;
  padding: 5px 0px 5px 0px;
}

ul.overview a {
  font-size:16px;
  font-weight:bold;
  color:navy;
  text-decoration:none;
}

ul.overview a:hover {
  color:#B33;
  text-decoration:underline;
}





/*Tabellen*/

table.threads {
	border:2px groove black;
	margin:3px;
	width:100%;
}

table.threads td {
	border: 1px solid black;
	border-collapse:collapse;
	padding:10px;
}

td.post_userdata {
	width:20%;
	vertical-align:top;
}

td.post_content {
	width:65%;
}

table.usermenu{
  width:100%;
  border-spacing:0;
}

td.usermenu_item_show {
  background-image:url(img/usermenu_bg.png);
  background-color:#FFF;
  padding:4px 0px 6px 8px;
  font-size:16px;
  font-weight:bold;
  border:1px solid black;
}


td.usermenu_item_show a {
  color:#000044;
  text-decoration:none;
}


td.usermenu_item_show a:hover {
  color:#000044;
  text-decoration:none;
}

tr.usermenu_show {
  visibility:visible;
}

table.colpick {
	width:94%;
	padding-left:3%;
	padding-right:3%;
	margin-top:5%;
	padding:2px;
	border:3px groove #CCC;
	border-collapse:collapse;
	background-color:#AAF;
}

table.colpick td {
	padding:8px;
}

table.colpick span {
	color:black;
	font-weight:bold;
	font-size:17px;
}


table#threads {
	width:100%;
}


table#threads a {
	display:block;
}

table#threads a:link {
	text-decoration:none;
	color:#008;
	background-image:url(img/button_login_bg.png);
	padding:4px 10px;
	border:1px solid black;
	font-family:Tahoma, Times, sans;
	font-weight:bold;
}

table#threads a:visited {
	text-decoration:none;
	color:#008;
	background-image:url(img/button_login_bg.png);
	padding:4px 10px;
	border:1px solid black;
	font-family:Tahoma, Times, sans;
	font-weight:bold;
}

table#threads a:hover {
	color:black;
	padding:4px 10px;
	background-image:url(img/button_login_bg_hover.png);
	border:1px solid gray;
}

table#threads td {
	border: 1px solid #BBB;
	border-collapse: collapse;
}


td.threads_title {
	width:52%;
}

td.threads_user {
	width:20%;
	text-align:center;
}

td.threads_date {
	width:24%;
	text-align:center;
}

table#threads td.threads_date a {
	font-weight:normal;
	font-family:monospace;	
	margin:-3px 0 -3px 0;
	height:16px;
	padding-top:8px;
}

table {
	border-collapse:collapse;
}







/*anderes*/

body {
	font-size:16px;
	font-family:Garamond;
	font-weight:bold;
}

.subcaption {
  font-size:40px;
  font-family:Garamond;
  font-weight:bolder;
  color:#223355;
  padding-left:20px;
}

.subsubcaption {
  font-size:22px;
  font-family:Times,sans-serif;
  font-weight:bold;
  padding-left:26px;
}

.error {
  color:#F44;
  font-family:Garamond, "Courier New", sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.firm {
  color:#3B3;
  font-weight:bold;
}


span.popupwindowagb {
  text-decoration:none;
  color:navy;
  font-weight:bold;
}

span.popupwindowagb:hover {
  text-decoration:underline;
}


span.popupwindowagb div {
  visibility:hidden;
  position:absolute;
  top:350px;
  left:310px;
  border-width:2px;
  border-color:navy;
  border-style:groove;
  background-color:white;
  padding:10px 40px 20px 40px;
  color:navy;
}

span.popupwindowagb:hover div {
  visibility:visible;
}


div.content_new {
	text-align:right;
}

div.content_new a:link {
	display:block;
	height:20px;
	font-size:16px;
	color:black;
	padding:4px 20px 4px 0;
	border:1px groove black;
	font-family:georgia, serif;
	font-weight:bold;
	background-image:url(img/button_login_bg.png);
}

div.content_new a:visited {
	display:block;
	height:20px;
	font-size:16px;
	color:black;
	padding:4px 20px 4px 0;
	border:1px groove black;
	font-family:georgia, serif;
	font-weight:bold;
	background-image:url(img/button_login_bg.png);		
}

div.content_new a:hover {
	background-image:url(img/button_login_bg_hover.png);
	color:navy;
}