html {
	height: 100%}
	
body        { background-color: #37444f; text-align: center; margin: 140px 0 0; padding: 0; height: 100% }
	
table      { width: 100%; height: auto }

form, .checkbox, input.radio, .helpline, p {
	margin: 0;
	padding: 0;
	border: 0}
	
input.button {
	margin: 0;
	padding: 1px 3px;
	background-color: #ddd;
	border: 1px outset}



.avatar img {
	background-color: #fff;
	border: 3px solid #fff}
	
html>body .avatar img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #dbdbdb}
#forum      { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color: #fff; margin: 0 auto; width: 630px; height: 100% }
	
#bodyline       { text-align: left; padding: 0 0 10px; width: 630px; vertical-align: top }
#top_image    { text-decoration: none; background-color: #37444f; text-align: center; padding-top: 0; padding-left: 0 }

#top_image img    { text-decoration: none; padding-top: 0; width: 630px; height: 220px; border: 0 }



#menu {
	height: 18px;
	line-height: 18px;
	padding: 0 3px 1px}
	
#menu #left a {
	padding-right: 10px}
	
#menu #right a {
	padding-left: 10px}

.mainmenu {
	line-height: 18px}




div.spacing  { height: 10px; clear: both }



.postbuttons img {
	border: 0;
	margin-right: 10px}



.pad0-0-4 {
	padding: 0 0 4px}
	
.pad0-0-10 {
	padding: 0 0 10px}

.pad4 {
	padding: 4px}
	
.pad25 {
	padding: 25px}

.pad60 {
	padding: 60px}

div.timezone {
	padding: 0 3px}

div.copyright {
	padding: 5px}

.quote, .code {
	margin: 10px;
	padding: 10px}

.quote .inside_quote, .code .inside_code {
	padding: 10px}

div.hr {
	height: 1px;
	background-color: #ccc;
	margin: 5px 0}
	
div.hr hr {
	display: none}



input.post, textarea.post, select, input.postfile {
	margin: 0;
	border: 1px solid #666}

input.post, textarea.post, input.postfile {
	padding: 2px 3px}

input.post {
	height: 19px}

html>body input.post {
	height: 12px}

.helpline {
	background-color: #ebebeb}



.postmini {
	width: 25px}
	
.postsmall {
	width: 90px}
	
.postmedium {
	width: 150px}
	
.postbig {
	width: 225px}
	
.postbiggest {
	width: 450px}



.block {
	display: block}

.clear {
	clear: both}

.left {
	float: left;
	text-align: left}
	
.right {
	float: right;
	text-align: right}
	
.txtcenter {
	text-align: center}

.txtmiddle {
	text-align: center;
	vertical-align: middle}

.txtright {
	text-align: right}

.txttop {
	vertical-align: top}
	
.txtbottom {
	vertical-align: bottom}
	
.txtleft {
	text-align: left}
	

	
td.row1	{
	background-color: #efefef}
	
td.row2 {
	background-color: #dee3e7}
	
td.row3 {
	background-color: #d1d7dc}



td, th, input, select, textarea, .message {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #111;
	font-size: 10px;
	line-height: 13px}

td a  { color: #800000; text-decoration: underline }	

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

tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold}		

tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a  { color: #800000; text-decoration: none }

tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover  { color: #800000; text-decoration: underline }

.code  { color: #c53500; font-size: 11px; font-family: Courier, "Courier New", sans-serif; font-style: normal; font-weight: normal; line-height: 13px; text-decoration: none; background-color: #fefefe; text-transform: none; border: solid 2px #d6d6d6 }

.code a  { color: #c53500; text-decoration: underline }	

.code a:hover  { color: #c53500; text-decoration: none }

.quote {
	background-color: #fefefe;
	border: 2px solid #d6d6d6;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #555;
	font-size: 10px;
	line-height: 13px}

.quote a {
	color: #555;
	text-decoration: underline}	

.quote a:hover {
	color: #555;
	text-decoration: none}
	
.edited {
	font-style: italic}




tr.toplines th {
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 0 10px}

tr.lines_1 th {
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 5px 2px 6px}

tr.lines_3 th {
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 3px 2px}



table.index_body td.one img {
	width: 46px;
	height: 25px}
	
table.index_body td.one {
	padding: 4px;
	text-align: center}
	
table.index_body td.two {
	padding: 4px;
	width: 100%}
	
table.index_body td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.index_body_icons td img {
	vertical-align: middle}
	
table.index_body_icons td  { text-align: center; white-space: nowrap }



table.groupcp td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.groupcp td.two {
	padding: 4px 5px 4px 4px}
	
table.groupcp td.three {
	padding: 4px 7px;
	height: 26px}



table.memberlist td.one {
	padding: 4px 7px;
	height: 26px}



table.modcp td.one img {
	width: 19px;
	height: 18px}
	
table.modcp td.one {
	padding: 4px;
	text-align: center}
	
table.modcp td.two {
	padding: 8px 4px;
	width: 100%}
	
table.modcp td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.modcp td.four {
	padding: 4px;
	white-space: nowrap;
	width: 150px}

table.modcp td.five {
	padding: 4px}

table.modcp td.six {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	width: 150px;
	height: 100px}
	
table.modcp td.seven {
	padding: 4px 7px;
	vertical-align: top;
	text-align: left;
	width: 470px}
	
table.modcp td.eight {
	padding: 4px 7px}

table.modcp td.nine {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}



table.posting_body td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.posting_body td.two {
	padding: 4px 5px 4px 4px}
	
table.posting_body td.three {
	padding: 4px 7px;
	vertical-align: top;
	width: 150px}

table.posting_body td.four {
	padding: 4px 5px 4px 4px;
	vertical-align: top}
	
table.posting_body td.four div {
	padding-bottom: 3px}

table.posting_body td.five {
	padding: 4px 7px}

table.posting_body td.six {
	padding: 4px 7px;
	height: 130px}
	
table.posting_body td.seven {
	padding: 4px 5px 4px 4px;
	vertical-align: top}

table.posting_body td.eight {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	width: 135px;
	text-align: left}
	
table.posting_body td.nine {
	padding: 4px 7px 10px;
	vertical-align: top;
	text-align: left}



table.privmsgs td.one img {
	width: 19px;
	height: 18px}
	
table.privmsgs td.one {
	padding: 4px;
	text-align: center}
	
table.privmsgs td.two {
	padding: 8px 4px;
	width: 100%}
	
table.privmsgs td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}




table.profile td.one {
	padding: 4px 7px;
	width: 50%;
	height: 26px}
	
table.profile td.two {
	padding: 4px 5px 4px 4px}
	
table.profile td.three {
	padding: 4px 7px;
	height: 26px}



table.profile_view_body tr {
	height: 18px;
	text-align: right}



table.viewtopic td.one {
	padding: 4px 7px;
	font-weight: bold}

table.viewtopic td.two {
	padding: 4px 5px 4px 2px;
	height: 20px}
	
table.viewtopic td.three  { padding: 4px 7px; width: 120px; vertical-align: top }
	
table.viewtopic td.four {
	padding: 2px 5px 4px;	
	vertical-align: top;
	height: 130px}
	
table.viewtopic td.four table  { width: 510px; height: 100% }
	
table.viewtopic td.five {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}
	
table.viewtopic td.six {
	padding: 4px 5px}



table.viewforum td.one img {
	width: 19px;
	height: 18px}
	
table.viewforum td.one {
	padding: 4px;
	text-align: center}
	
table.viewforum td.two {
	padding: 4px;
	width: 100%}
	
table.viewforum td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.forumicons {
	width: 0}
	
table.forumicons td {
	white-space: nowrap}
	
table.forumicons td img {
	width: 19px;
	height: 18px}



table.search td.one {
	padding: 4px 7px;
	width: 50%;
	vertical-align: top}
	
table.search td.two {
	padding: 4px 5px 4px 4px}

table.search td.two div {
	padding-top: 3px}
	
table.search td.three {
	padding: 4px 7px;
	text-align: right}

table.search td.four {
	padding: 4px;
	width: 150px}

table.search td.five {
	padding: 8px 4px}

table.search td.six {
	padding: 4px;
	vertical-align: top}

table.search td.seven img {
	width: 19px;
	height: 18px}
	
table.search td.seven {
	padding: 4px;
	text-align: center}
	
table.search td.eight {
	padding: 4px}
	
table.search td.nine {
	padding: 4px;
	text-align: center}
	
table.search td.ten {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.simple_header {
	background-color: #fff;
	height: 100%}
	
table.simple_header td {
	vertical-align: top}



table.viewonline td.one {
	padding: 8px 4px}
	
table.viewonline td.two {
	padding: 8px 4px;
	text-align: center}

	

h2   { color: #8d8d8d; font-size: 11px; font-weight: bold; line-height: 26px; margin: 0; padding: 0 4px; height: 26px }
	
h3   { color: #708090; font-size: 11px; font-weight: bold; line-height: 13px; text-decoration: none; margin: 0 }

h2 a, h3 a   { color: #789; text-decoration: none }
	
h2 a:hover, h3 a:hover, .copyright a:hover  { color: #6d6d6d; text-decoration: underline }

.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
	color: #111;
	text-decoration: none}

.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
	color: #111;
	text-decoration: underline}



.copyright {
	text-align: center;
	letter-spacing: -1px}
/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/
/* ### undo #################################################################### */
link, :visited  { text-decoration: underline }
ul, ol { list-style: none }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0 }
img, a img, :link img, :visited img, fieldset { border: none }
img { margin: 0; padding: 0; vertical-align: bottom }
address { font-style: normal }
legend { display: none }
div, p, li, a { background-repeat: no-repeat }
/* ### reset some basic style ################################################### */
dl { margin: 0 }
dl dt { margin: 0 }
dl dd+dt { margin-top: 0 }
dl dd { margin: 0 }
ol { list-style: none }
ol li { margin: 0 }
ol li ol { margin: 0 }
ol li ul { margin: 0 }
p { margin-bottom: 0 }
ul { list-style: none }
ul li { margin: 0 }
ul li ul { list-style: none; margin: 0 }
ul li ol { margin: 0 }
pre { font-size: 1.2em }
a:hover { text-decoration: none }
/* ### HTML ###################################################################### */
html { margin-bottom: 1px; min-height: 99% }
/* ### BODY ###################################################################### */
body { color: #fff; font-size: x-small; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; background: #37444f }
/* \*/
* html body { font-size: xx-small; text-align: center }
/* */
/* IE 5.5 Hack */
.clearer { font-size: 0; line-height: 0; visibility: hidden; display: block; height: 1px; clear: both }
.clear { clear: both }
.floatLeft { float: left }
.floatRight { float: right }
.warning { color: #f00; background: inherit inherit inherit inherit }
/* ### Header ##################################################################### */
#header { margin: 0; padding: 0; position: relative; height: 140px }
/* ### Website Content ############################################################ */
#site-content { display: block; margin: 0 auto; padding: 0; position: relative; width: 630px; height: 100% }
/* ### Content #################################################################### */
#content { display: block; padding: 0; position: relative; clear: both }
/* hide from IE/MAC \*/
* html #content, * html #main-content { height: 1px }
/* end hide */
#main-content { }
#main { width: 630px; float: right }
/* ### main-block => MainContent ################################################### */
#main-block { color: #fff; width: 630px; float: left }
#main-content-block { display: block; padding: 20px }
/* ### Footer ###################################################################### */
#footer { display: block; width: 100% }
#footer p { color: #c4c4c4; background: inherit inherit inherit inherit; padding: 20px 0 }
#footer p a, #footer p a:link { color: #c4c4c4; text-decoration: underline; background: inherit inherit inherit inherit }
#footer p a:hover { color: #c4c4c4; text-decoration: none; background: inherit inherit inherit inherit }
/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/
/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
/* ### Header Navigation ##################################################### */
#navheight_horiz_vert { margin: 20px 0; min-height: 153px }
* html body #navheight_horiz_vert { height: 153px }
/* IE 6 / 5.5 Hack */
#navheight_horiz_vert ul.nav1st { padding: 0 20px }
#nav-header { font-size: 1.3em }
#nav-header li { display: inline; border-left: 1px solid #aaa }
#nav-header a, #nav-header a:link { color: #fff; text-decoration: none; background-color: inherit; text-transform: uppercase; padding: 0 8px }
#nav-header a:hover { color: #eee; background-color: #4b5761; padding: 0 8px }
#nav-header a.current, #nav-header a.current:link { color: #fff; background-color: #4b5761; padding: 0 8px }
#nav-header a.current:hover { color: #eee; background-color: #4b5761; padding: 0 8px }
/* ### Sub Navigation ######################################################### */
#nav { background: url(http://www.ital-web.de/files/bg_nav.gif) repeat-y; display: block; width: 208px; float: left }
#nav p.copy, #nav p { color: #fff; background: inherit inherit inherit inherit; text-align: right; padding-right: 20px }
#nav p.copy a, #nav p.copy a:link { color: #fff; text-decoration: none; background: inherit inherit inherit inherit }
#nav p.copy a:hover { color: #fff; text-decoration: underline; background: inherit inherit inherit inherit }
/*	Navigation horizontal and vertical - 
	Wenn nur die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
#navheight_vert { min-height: 193px }
* html body #navheight_vert { height: 193px }
/* IE 6 / 5.5 Hack */
#navheight_vert ul.nav1st { padding: 10px 20px }
/* ### nav1st - first level navigation ######################################## */
ul.nav1st { font-size: 1.2em; text-transform: uppercase; padding: 0 20px }
ul.nav1st li { color: #37444f; font-weight: bold; background: inherit inherit inherit inherit; text-align: right; display: block; padding: 3px 0 }
ul.nav1st a, ul.nav1st a:link { color: #37444f; background: inherit inherit inherit inherit; display: block; padding: 1px 0 }
ul.nav1st a:hover { color: #fff; background: inherit inherit inherit inherit; padding: 1px 0 }
ul.nav1st li a.current, ul.nav1st li a.current:link { color: #fff; background: inherit inherit inherit inherit; padding: 1px 0 }
ul.nav1st li a.current:hover { color: #fff; background: inherit inherit inherit inherit; padding: 1px 0 }
/* ### nav2nd - second level navigation ######################################### */
ul.nav2nd { font-size: 1em; font-weight: normal; text-transform: none; margin: 0 0 10px }
ul.nav2nd li { font-weight: normal; text-align: right; margin: 0; padding: 0; border: none }
ul.nav2nd a, ul.nav2nd a:link  { text-decoration: none; background-image: url(http://www.ital-web.de/files/button.gif); background-repeat: no-repeat; background-position: 158px 8px; display: block; padding: 4px 17px 4px 10px }
ul.nav2nd a:hover  { color: #37444f; text-decoration: none; background-color: #c4d4dc; background-image: url(http://www.ital-web.de/files/button.gif); background-repeat: no-repeat; background-position: 158px -12px; padding: 4px 17px 4px 10px }
ul.nav2nd li.active a, ul.nav2nd li.active a:link  { color: #37444f; text-decoration: none; background-color: #c4d4dc; background-image: url(http://www.ital-web.de/files/button.gif); background-repeat: no-repeat; background-position: 158px -32px; padding: 4px 17px 4px 10px }
/* ### Breadcrump Navigation #################################################### */
#sitePath { color: #c4d4dc; background: inherit inherit inherit inherit; padding-left: 20px; float: left }
#sitePath a, #sitePath a:link { color: #c4d4dc; background: inherit inherit inherit inherit; text-transform: none }
/* ### Donate ###################################################################### */
#donate { color: #c4c4c4; background: #37444f url(http://www.ital-web.de/files/bg_unav.gif) no-repeat; text-align: right; display: block; width: 208px; height: 300px; clear: left }
#donate input { margin-top: 200px; margin-right: 20px }
/* ### Header ############################################################### */
#header { color: #c4c4c4; background: #37444f url(http://www.ital-web.de/files/bg_header.gif) no-repeat 210px 0 }
#nav-header   { position: absolute; bottom: 18px }
#nav_td  { text-align: left }
/* ### Logo ################################################################# */
#logo  { background-image: url(http://www.ital-web.de/files/redaxo_logo_klein.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 10px; right: 10px; border: solid 1px #37444f }
#logo a { text-indent: -700em; display: block; width: 215px; height: 80px }