/**************************************
	Overall settings
*/
body {
color: #000;
background-color: #E3EAF0;
/*
background-color: #FBFBFF;
background-image: url(../img/bg_pg_bl.gif);
*/
}

body, table, th, td, .normal {
font-size: 11px;
font-family: "bitstream vera sans", verdana, sans-serif;
text-align: left;
}

body, td, tr, form, select, pre, ul {
padding: 0;
margin: 0;
}

a:link, a:visited, a:active {
color: #003399;
text-decoration: none;
}
a:hover {
color: #003399;
text-decoration: underline;
}

table, td, tr {
border-style: none;
vertical-align: top;
}

span {
font-weight: normal;
letter-spacing: 0px;
}

input, textarea, select {
background-color: #FAFAFA;
font-size: .8em;
font-family: Tahoma, Arial, sans-serif;
border: 1px solid gray;
border-bottom: none;
border-right: none;
}

img { border: 0px; }

ul { list-style-type: none; }
li {
padding: 0 0 5px 10px;
background-image: url('../img/point.gif');
background-repeat: no-repeat;
background-position: 3px 6px;
}

.small      { font-size: .8em; }
.fancy      { font-size: 11px; color: #535353; }
.info       { color:#8B0000; }
.bold       { font-weight: bold; }
.bold_black { font-weight: bold; color: #000; }
.green      { color: #008000; }
.red        { color: #8B0000; }
.code       { font-family: monospace; color: #535353; }
.code_small { font-family: monospace; color: #535353; font-size: .8em; }
.code_red   { font-family: monospace; color: #8B0000; }
.code_green { font-family: monospace; color: #008000; }


/**************************************
	Logo
*/
#logo {
background-image: url(../img/bg_pg_bl.gif);
background-color:#465170;
margin: 0px 50px 0px 50px;
padding: 20px 0px 20px 20px; 
}

#logo img {
margin-left: 10px;
}

/**************************************
	Topnav
*/
#topnav {
width: 100%;
text-align: center;
margin: 0;
padding-bottom: 15px;
}
#topnav ul {
text-align: center;
} 
#topnav ul li {
background-image: url('none');
display: inline
}
#topnav ul li a {
padding: 0 15px;
margin: 0;
text-decoration: none;
color: #003366;
border: solid 1px gray;
}
#topnav ul li a:hover {
color: #000;
background-color: #F2F2F2;
border: solid 1px gray;
}


/**************************************
	Main Layout
*/

#maincontainer {
/*   oben  links unten rechts  */
margin: 0px 50px 50px 50px;
color: #333;
background-color: #fff;
line-height: 130%;
border: 1px solid gray;
clear: both;
}

#header {
font-size: 1.1em;
font-weight: bold;
background-image: url('../img/bg_hdr_gr.jpg');
padding: 3px;
border-bottom: 1px solid #808080;
}

#left {
width: 130px;
margin: 0;
padding: 10px 0 10px 10px;
border-right: 1px solid gray;
float: left;
}

#left img {
padding: 8px 10px 0 10px;
}

#left .navh {
padding: 2px 0px 5px 2px;
font-weight: bold;
font-size: 1em;
}

#right {
float: right;
width: 200px;
margin: 0;
border-left: 1px solid gray;
}
#right_inner {
padding: 15px;
position: static;
visibility: visible;
font-size:.9em;
}
#right_toggle {
margin: 0;
padding: 0;
float: right;
}

#right div.moduleH {
letter-spacing: 0px;
padding: 6px 0 3px 0;
margin-bottom: 10px;
font-size: 1.1em;
font-weight: bold;
color: #003366;
border-bottom: 1px dotted #ccc;
}

#content {
padding: 15px;
margin-left: 140px;
margin-right: 200px;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
#content_nonews {
padding: 15px;
margin-left: 140px;
border-left: 1px solid gray;
}
#content_only {
padding: 15px;
text-align: center;
}

#footer {
font-size: .8em;
color: #333333;
text-align: right;
background-image: url('../img/bg_ftr_gr.jpg');
background-repeat: repeat-x;
border-top: 1px solid #808080;
clear: both; padding-left:2px; padding-right:5px; padding-top:2px; padding-bottom:2px
}

#img_index {
margin: 10px;
float: right;
}


/**************************************
	Outer/Inner Indentation
*/
div.o0 { padding: 20px 0px 24px 0px; }
div.o1 { padding: 0px 0px 24px 0px; }
div.o2 { padding: 0px 0px 8px 0px; }
div.i0 { margin: 8px 0px 4px 0px; }
div.i1 { margin: 4px 0px 4px 0px; }


/**************************************
	Leftnav
*/
a.leftnav, a:visited.leftnav, a:active.leftnav {
margin: 3px 0;
padding: 2px 8px;
display: block;
text-decoration: none;
color: #003399;
border: 1px solid #fff;
border-right: 0px none #fff;
}
a:hover.leftnav {
display: block;
text-decoration: none;
color: #000;
background-color: #F2F2F2;
border: 1px solid gray;
border-right: 0px none #000;
}
a.leftnav_active, a:visited.leftnav_active, a:hover.leftnav_active {
padding: 1px 2px 1px 5px;
display: block;
text-decoration: none;
color: #fff;
background-color: #003366;
border: 1px solid gray;
}
div.leftnav_active {
padding: 2px;
margin-right: -1px;
background-color: #FAFAFA;
border: solid 1px gray;
border-right: 1px solid #fff;
}

a.leftnavh, a:visited.leftnavh, a:active.leftnavh {
margin: 3px 0px 5px 0px;
padding: 2px 0px 5px 2px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 1em;
color: #000;
border: 1px solid #fff;
border-right: 0px none #fff;
}

a:hover.leftnavh {
display: block;
text-decoration: none;
font-weight: bold;
font-size: 1em;
color: #000;
background-color: #E3EAFF;
border: 1px solid gray;
border-right: 0px none #000;
}


/**************************************
	Headings
*/
div.h1 {
padding-bottom: 20px;
font-size: 1.5em;
font-weight: bold;
/*letter-spacing: 1px;*/
line-height:20px;
color: #B66369; 
text-align:center;
}

div.h1_container {
padding-bottom: 20px;
font-size: 1.2em;
}

div.h1_container img {
float: right;
}
div.h1_container .leftalign {
padding: 0 0% 10px 20%;
}
div.h1_container .rightalign {
padding: 0 20% 10px 0;
}

div.h2 {
padding: 0px 20px 0px 20px;
font-size: 1.1em;
}
div.h2_container {
padding: 0px 0px 0px 0px;
}
div.h2 b{
font-weight: bold;
color: #B66369;
}
div.h2_container .left {
padding-right: 10px;
padding-left: 5px;

float: left;
}
div.h2_container .right {
padding: 0px 0px 3px 0px;
margin: 20px 10px 0px 20px;
}
div.h2_container h2 {
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 10px;
font-size: 1.1em;
font-weight: normal;
}
div.h3 {
padding: 0px 20px 0px 20px;
font-size: 1.1em;
}

div.h3_container {
padding: 0px 0px 0px 0px;
}
div.h3_container .left {
padding-left: 5px;
padding-right: 10px;
float: left;
}
div.h3_container .right {
padding: 0px 0 3px 0;
margin: 0 10px 0 20px;
}
div.h3_container h3 {
padding: 0px 0 3px 0;
margin: 0 0 0 20px;
font-size: 1.1em;
font-weight: bold;
color: #B66369;
/*color: #003366;*/
border-bottom: 1px dotted #ccc;
}
div.h3_container b {
font-weight: bold;
color: #B66369;
}

div.h4 {
padding: 0 0px 0px 0px;
/*
font-weight: bold;
font-family: Tahoma, Arial, sans-serif;
*/
}
div.h4_container {
margin-left: 30px;
}
div.h4_container h4 {
margin: 0;
font-weight: bold;
font-size: 1em;
/*float: left;*/
padding-right: 5px;
padding-left: 15px;
background-image: url('../img/rarrow.gif');
background-repeat: no-repeat;
background-position: 3px 6px;
}
div.h4_container ul {
font-size: 1.1em;
padding-left: 25px;
}
div.h4_container span {
padding: 0;
margin: 0;
}
div.h4_container .text {
padding-left: 13px;
}
div.h4_container .img {
padding: 0px 0px 0px 70px;
margin: 0 20px 0 20px;
float: right;
}
div.h4_container .left {
padding-left: 16px;
padding-right: 10px;
float: left;
font-style: italic;
}
div.h4_container .right {
padding: 0px 0px 0px 70px;
margin: 0 20px 0 20px;
}

/**************************************
    News Panel Header 
*/
div.h1_np {
padding: 6px 0 3px 0;
margin-bottom: 10px;
font-size: 1.1em;
font-weight: bold;
color: #003366;
border-bottom: 1px dotted #ccc;
}


/**************************************
	Links / Downloads
*/
ul.link { padding-top: 5px; }
ul.link li {
font-size: 11px;
color: #535353;
line-height: 150%;
padding: 0 0 5px 20px;
background-image: url('../img/rarrow.gif');
background-repeat: no-repeat;
background-position: 3px 6px;
}


/**************************************
	News
*/
ul.news {
max-width: 700px;
}
ul.news li {
font-size: 11px;
color: #333;
line-height: 150%;
padding: 0 0 5px 20px;
background-image: url('../img/rarrow.gif');
background-repeat: no-repeat;
background-position: 3px 6px;
}
ul.news p { margin: 0px; }

.news {
padding-left: 13px;
}

.newstext {
padding-left: 13px;
}

.posted {
padding: 1px 0 1px 0;
font-family: Tahoma, Arial, sans-serif;
color: #535353;
font-size:.9em;
}

/**************************************
	Todo
*/
table.todo {
width: 98%;
font-size: .8em;
text-align: center;
}
th.todo {
color: #003366;
padding: 5px;
}

td.todo {
padding: 10px 5px 5px 5px;
text-align: center;
font-size: .8em;
}
td.todo_rank {
font-size: 1.1em;
padding: 10px 5px 5px 5px;
text-align: center;
}
td.todo_desc {
width: 100%;
font-size: 1em;
padding: 8px 5px 5px 5px;
border-top: 1px dotted #ccc;
}
td.todo_comments {
padding: 10px 10px 5px 5px;
white-space: nowrap;
}
td.todo_added {
padding: 10px 5px 5px 5px;
white-space: nowrap;
font-size: .8em;
}
td.todo_score {
padding: 7px 5px 5px 5px;
text-align: center;
font-size: .8em;
}

div.todo_text_left {
float: left;
width: 10px;
padding: 2px 0 8px 0;
}
div.todo_text_right {
font-size: 1em;
padding-left: 15px;
color: #535353;
}
div.todo_score {
padding: 2px;
background-color: #f2f2f2;
border: 1px dotted #ccc;
}


/**************************************
	Screenshots
*/
span.thumbs {
padding-bottom: 2px;
margin: 2px 5px;
vertical-align: top;
border-bottom: 1px dotted gray;
}
td.thumb {
padding: 0px 12px 16px 0px;
}

td.scr_left {
width: 72px;
color: #535353;
padding: 0 0 0 20px;
}
td.scr_right {
/* line-height: 180%; */
}

#scrfullnav {
text-align: center;
}
#scrfullnav img {
padding: 10px;
}


/**************************************
	Development
*/
td.dev_img {
width: 66px;
height: 66px;
padding: 2px;
border: solid 1px gray;
text-align: center;
vertical-align: middle;
}
td.dev_text {
padding-left: 8px;
}


/**************************************
	Any Misc
*/
div.code {
font-family: monospace;
font-size: .8em;
padding: 8px;
margin: 4px 0;
color: #555;
background-color: #FCFCFC;
border: dotted 1px #999;
overflow: auto;
}

span.number {
padding-right: 4px;
font-weight: bold;
}