html { height: 100%; }
body { background-color: #fff; background-position: center; font-family: Verdana, Tahoma, Arial; font-size: .7em; color: #7f7f7f; padding: 0; margin-top: 0; margin: 0; }
a:link, a:visited { text-decoration: none; color: #666; }
a:hover, a:active { color: #666; }
h1 { font-family: Arial, Verdana, Tahoma; font-size: 1.5em; margin: 0; }
h2 { font-family: Arial, Verdana, Tahoma; font-size: 1.4em; margin: 0; }
h3 { font-family: Arial, Verdana, Tahoma; font-size: 1.3em; margin: 0; }
h4 { font-family: Arial, Verdana, Tahoma; font-size: 1.2em; margin: 0; }
h5 { font-family: Arial, Verdana, Tahoma; font-size: 1.1em; margin: 0; }
p { margin: 0; padding: 0; }
#wrap { padding: 0; width: 800px; height: auto; margin: 0; background-color: #fff; border-right: 1px solid #c3c3c3; }
#header { width: 800px; height: 80px; margin: 0 auto; }
#header_logo { margin: 5px 0 0 5px; float: left; }
#banner_top { width: 500px; height: 60px; float: right; margin: 10px 0 0 0px; padding: 0; }
#banner_160x600 { position: absolute; left: 810px; float: left; width: 160px; height: 600px; padding: 0; margin: 10px 0 0 0px; }
#footer { width: 800px; height: 15px; padding: 0; text-align: center; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; color: #c3c3c3; }
#footer a { color: #c3c3c3; }
#fhdb_box {width: 100% ;color: #000;}
#fhdb_menu {font-family: Verdana, Tahoma, Arial; font-size: 1.0em; color: #000; background-color: #FFF; width: 100%; font-weight: normal;}
#fhdb_menu a { color: #000;}
#fhdb_menu select {font-family: Verdana, Tahoma, Arial; font-size: 1.0em; color: #000; width: 190px;}
#fhdb_menu input {font-family: Verdana, Tahoma, Arial; font-size: 1.0em; color: #000;}
#fhdb_menubox {background-color: #2359af; width: 100%; color: #FFF; font-weight: bold;}
#fhdb_list {width: 100%; padding: 0 0 0 0;}
#fhdb_listbox1 { width: 40%; color: #FFF; background-color: #2359af; }
#fhdb_listbox1 a { color: #FFF; }
#fhdb_listbox2 { width: 22%; color: #000; background-color: #afcbe3; }
#fhdb_listbox3 { width: 20%; color: #000; background-color: #FFF; }
#fhdb_listbox4 { color: #000; background-color: #d9e3e3; }
#fhdb_detail {width: 100% ;color: #fff ;}
#fhdb_detailbox1 { width: 60%; color: #FFF; background-color: #2359af; }
#fhdb_detailbox2 { width: 15%; color: #000; background-color: #afcbe3; }
#fhdb_detailbox3 { color: #000; background-color: #FFF; }
#fhdb_detailbox4 { color: #000; background-color: #d9e3e3; }
#fhdb_detailbox5 { color: #000; background-color: #EEE; border: 2 solid red;}
#fhdb_detailbox6 { color: #000; background-color: #d9e3e3; }
#fhdb_compare { color: #000; background-color: #000; }
#fhdb_comparebox1 { width: 15%; color: #000; background-color: #afcbe3; }
#fhdb_comparebox2 { color: #000; background-color: #d9e3e3; }
#fhdb_comparebox3 { color: #000; background-color: #FFF; }
#tabheader { color: #000; background-color: #afcbe3; font-weight: bold}
#tabtop { color: #FFF; background-color: #2359af; font-weight: bold}
#tabheader a { color: #000; font-weight: bold;}
#navigation { width: 800px; height: 18px; margin: 0 auto; background-color: #eee; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation li { float: left; margin: 0 2px; padding: 2px 4px 0 0; font-weight: bold; font-size: 11px; height: 16px; border-right: 1px solid #c7c7c7; }
#navigation li a { color: #888; text-transform: uppercase; }
#navigation li a:hover { color: #000; }
#navi_search { float: right; margin: 0px 5px 0 0; }
#navi_search form { margin: 0; padding: 0; }
.navi_search_input { margin: 0; padding: 0; background-color: #fff; border: 1px solid #c3c3c3; }
#col_left { float: left; width: 140px; \width: 140px; w\idth: 140px; margin: 0; padding: 0; }
#col_right { float: right; width: 140px; \width: 140px; w\idth: 140px; margin: 0; padding: 0; }
#col_center { margin: 0 0 0 150px; }
.box_left { width: 120px; margin: 0; padding: 0 10px; }
.box_left_head { width: 120px; margin: 10px 0 10px 0; padding: 0 10px; font-weight: bold; background-color: #c7c7c7; color: #fff; }
.box_right { width: 120px; margin: 0; padding: 10px; }
.box_right_head { width: 120px; margin: 10px 0 0 0; padding: 0 10px; font-weight: bold; background-color: #c7c7c7; color: #fff; }
.box_inhalt { width: 120px; margin: 0 0 10px 0; padding: 0 10px; font-size: .8em; }
#wettbewerb { width: 484px; height: 120px; padding: 10px; margin: 0 0 10px 0; background-image: url(/images/wettbewerb_back.jpg); }
#wettbewerb2 { width: 464px; height: 180px; padding: 10px; margin: 0 0 10px 0; background-image: url(/images/wettbewerb_back.jpg); }
#wettbewerb3 td { background-color: #eee; }
#wettbewerb3 p { font-size: 1em; }
#wettbewerb3 h1 { font-size: 1.4em; }
#wettbewerb3 h2 { font-size: 1.2em; }
#wettbewerb h1 { font-size: 1.5em; text-transform: uppercase; color: #000; }
#wettbewerb2 h1 { font-size: 1.5em; text-transform: uppercase; color: #000; }
#wettbewerb2 h2 { font-size: 1.2em; color: #000; }
#wettbewerb h2 { font-size: 1.2em; color: #000; }
#wettbewerb p { color: #000; }
#wettbewerb2 p { color: #000; }
#wettbewerb img { margin: 0 10px 0 0; }
#wettbewerb2 img { margin: 0 10px 0 0; }
#wettbewerb a { color: #000; font-weight: bold; }
#wettbewerb2 a { color: #000; font-weight: bold; }
#wb_mystic { color: #fff; width: 480px; min-height: 550px; padding: 280px 10px 10px 10px; margin-left: 145px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; background-image: url(/images/wb_mystic_back.gif); }
#wb_samsung_intuition { color: #fff; width: 475px; min-height: 550px; padding: 380px 10px 10px 10px; margin-left: 145px; background-image: url(/images/samsung_intuition.jpg); }
.wb_running { width: 95%; border: 1px solid #ccc; background-image: url(/images/wb_running.jpg); margin-bottom: 10px; padding: 5px; }
.wb_obsolete { width: 95%; border: 1px solid #ccc; background-image: url(/images/wb_obsolete.jpg); margin-bottom: 10px; padding: 5px; }
#newsbox_left { float: left; width: 225px; height: 105px; padding: 10px; border: 1px solid #c3c3c3; display: block; }
#newsbox_left img { margin: 0 3px 0 0; }
#newsbox_right { float: right; width: 225px; height: 105px; padding: 10px; border: 1px solid #c3c3c3; display: block; }
#newsbox_right img { margin: 0 3px 0 0; }
#newsbox_splitter { width: 0; height: 140px; }
#newslist { width: 172px; margin: 14px 0 0 0; padding: 10px; border: 1px solid #c3c3c3; float: left; }
#newslist ul { list-style: none; margin: 0; padding: 0; }
#newslist_head { padding: 3px; margin-bottom: 10px; font-weight: bold; text-align: center; background-color: #c7c7c7; width: 498px; color: #fff; }
#topnewslist ul { list-style: none; }
#topnewslist li { border-top: 1px solid #c7c7c7; padding: 5px; }
#content { width: 504px; padding: 10px 0; margin: 0; display: block; min-height: 700px; }
#content_page { width: 480px; min-height: 550px; padding: 10px; margin-left: 145px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; }
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;} /* for explorer only */
#content_banner { float: right; width: 300px; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #eee; }
td.row2 { background-color: #ddd; }
td.row3 { background-color: #ccc; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #fff;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #666; font-size: 11px; font-weight : bold;
background-color: #ddd; height: 25px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#ccc; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #ccc; }
th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000;
}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000; }
a.gen,a.genmed,a.gensmall { color: #888; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #888; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000 }
a.mainmenu { text-decoration: none; color : #888; }
a.mainmenu:hover{ text-decoration: underline; color : #888; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color :#888;}
a.cattitle { text-decoration: none; color : #888; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #888; }
a.forumlink { text-decoration: none; color : #888; }
a.forumlink:hover{ text-decoration: underline; color : #aaa; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000;}
nav a { text-decoration: none; color : #666; }
nav a:hover { text-decoration: underline; color: #aaa; }
/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000; }
a.topictitle:link { text-decoration: none; color : #888; }
a.topictitle:visited { text-decoration: none; color : #aaa; }
a.topictitle:hover { text-decoration: underline; color : #888; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000;}
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000; }
/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #666; }
a.postlink:visited { text-decoration: none; color : #888; }
a.postlink:hover { text-decoration: underline; color : #f00;}
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #060;
background-color: #eee; border: #ccc; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; line-height: 125%;
background-color: #eee; border: #ccc; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444; letter-spacing: -1px;}
a.copyright { color: #444; text-decoration: none;}
a.copyright:hover { color: #000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : #000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #fff;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #eee;
color : #000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #eee;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #eee;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #ddd; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");