/**
 * global.css
 * (c) 2003 Tom Regner <tonmte@tonsdiner.org>
 *
 * css for tomsdiner.org
 * Version: $Id$
 *
 */

/** Globale Einstellungen (body, main) {{{ */

body {
	font-family: sans-serif;
	background-image: url(/pics/back_test.png);
/*	background-attachment: fixed; */
	background-repeat: no-repeat;
	color: #000000;
	background-color: #FFFFFF;
}

.bodystyle{
    position: relative;
	background-image: url(/pics/mason.png);
	background-repeat: no-repeat;
	background-position: bottom right; 
    height: 60px;
	top: 1px;
}

#main {
	margin-left: 240px;
	margin-right: 75px;
	float: center;
	min-width: 250px;
	voice-family: male;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 2;
}

img {
	border-style: none;
}

.smalltext {
	font-size: 8pt;
	text-align: center;
}

/** }}} */

/** Überschriften-klassen {{{ */

h1 {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	font-family: sans;
	color: #3E5167;
	background-color: #FFFFFF;
	background-image: url(/pics/back_h1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
    margin-top: 0px;
}

h1:focus {
	text-decoration: underline;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	font-family: sans;
	color: #3E5167;
	background-color: #FFFFFF;
	padding-left: 25px;
    margin-top: 0px;
}

h3 {
	font-size: 14pt;
	font-weight: bold;
    margin-top: 0px;
}

/** }}} */

/** listen, tabellen, ... {{{ */

dt {
	font-weight: bold;
	padding-top: 15px;
}

#twitter_update_list {
	padding-right: 0px;
	padding-left: 11px;
/*	margin-left: 0px;
	list-style-position: outside; */
	/* list-style-image: url(arrow.gif); */
	list-style-type: square;
}

th {
	margin-top: 15px;
	padding-top: 15px;
	text-align: left;
}

.formular {
    vertical-align: top;
    z-index: 4;
}

/** }}} */

/** link-klassen {{{ */

a:link {
	color: #3F5268;
	background-color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #3D5066;
	background-color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #405369;
	background-color: #FFFFFF;
	text-decoration: underline overline;
}
a:active {
	color: #3C4965;
	background-color: #FFFFFF;
	text-decoration: none;
}
a:focus {
	color: #3C4965;
	background-color: #FFFFFF;
	text-decoration: underline;
}

/** }}} */

/** Inhaltliche Kategorien von toms-diner {{{ */

/** boxen (ecken, kanten) {{{ */

.top .right, .top .left, .top {
	height: 14px;
}

.bottom .right, .bottom .left, .bottom {
	height: 19px;
}

.left {
	background-repeat: repeat-y;
	background-position: top left;
}

.right {
	background-repeat: repeat-y;
	background-position: top right;
}

.top {
	background-image: url(/pics/border_o.png);
}

.top    .left {
	background-image: url(/pics/border_lo.png);
}

.top    .right {
	background-image: url(/pics/border_ro.png);
}

.bottom {
	background-image: url(/pics/border_u.png);
}

.bottom .left {
	background-image: url(/pics/border_lu.png);
}

.bottom .right {
	background-image: url(/pics/border_ru.png);
}

.top .right, .bottom .right {
	/* hack pour IE */
	font-size: 1px;
	line-height: 1px;
}

/* }}} */

/* text-box / content-box {{{ */

#text {
	min-width: 250px;
	z-index: 2;
}

#text .right {
	padding: 0px 19px;
}

#text .left {
	background-image: url(/pics/border_l.png);
}

#text .right {
	background-image: url(/pics/border_r.png);
}

/* }}} */

/* twitter box {{{ */

#tinbox .top    .right {
	background-image: url(/pics/border_ro.png);
}

#tinbox .top    .left {
	background-image: url(/pics/border_lo.png);
}

#tinbox {
	display: block;
	float: left;
	width: 220px;
	z-index: 3;
	margin-top: 125px;
}

#tinbox .bottom .left {
	background-image: url(/pics/border_lu.png);
}

#tinbox .bottom .right {
	background-image: url(/pics/border_ru.png);
}

#tinbox .left {
	background-image: url(/pics/border_l.png);
}

#tinbox .right {
	background-image: url(/pics/border_r.png);
	padding: 0px 19px;
}
#twitter_div {
	font-size: 9pt;	
}

/* }}} */

/* boxen innerhalb der text-box {{{ */

#inbox .top    .right {
	background-image: url(/pics/border_ro.png);
}

#inbox .top    .left {
	background-image: url(/pics/border_lo.png);
}

#inbox {
	display: block;
	float: right;
	width: 150px;
	z-index: 3;
}

#inbox .bottom .left {
	background-image: url(/pics/border_lu.png);
}

#inbox .bottom .right {
	background-image: url(/pics/border_ru.png);
}

#inbox .left {
	background-image: url(/pics/border_l.png);
}

#inbox .right {
	background-image: url(/pics/border_r.png);
	padding: 0px 19px;
}

/* }}} */

/** rightbox {{{ */

#rightbox .top    .right {
	background-image: url(/pics/border_ro.png);
}

#rightbox .top    .left {
	background-image: url(/pics/border_lo.png);
}

#rightbox {
	display: block;
	float: left;
	width: 150px;
	z-index: 1;
}

#rightbox .bottom .left {
	background-image: url(/pics/border_lu.png);
}

#rightbox .bottom .right {
	background-image: url(/pics/border_ru.png);
}

#rightbox .left {
	background-image: url(/pics/border_l.png);
}

#rightbox .right {
	background-image: url(/pics/border_r.png);
}

/* }}} */

/* 'leere' box {{{ */

#box .top .right {
	float: right;
	width: 150px;
	padding: 19px;
}

#box .top    .right {
}

#box .top    .left {
}

#box .bottom .left {
}

#box .bottom .right {
}

#box .left {
}

#box .right {
	padding: 0px 19px;
}

/* }}} */

/* pagetitle innerhalb der text-box {{{ */

#titlebox .top    .right {
	background-image: url(/pics/border_ro.png);
}
#titlebox .top    .left {
	background-image: url(/pics/border_lo.png);
}

#titlebox {
	float: left;
	width: 60%;
	z-index: 2;
}

#titlebox .bottom .left {
	background-image: url(/pics/border_lu.png);
}

#titlebox .bottom .right {
	background-image: url(/pics/border_ru.png);
}

#titlebox .left {
	background-image: url(/pics/border_l.png);
	padding: 0px;
}

#titlebox .right {
	background-image: url(/pics/border_r.png);
}

#titlebox .left .right .h1 {
	padding: 0px;
}
/* }}} */

/** navigation {{{ */

#hauptnav {
	display: block;
	text-align: left;
	font-size: 12pt;
	/** width: 80%;*/
	min-width: 188px;
	/** height: 75%; */
	color: #6e6e6e;
	background-color: #FFFFFF;
	z-index: 2;
	margin-left: 21px;
	margin-right: 21px;
}

#hauptnav .top    .left {
	background-image: url(/pics/border_lo.png);
}

#hauptnav .top    .right {
	background-image: url(/pics/border_ro.png);
}

#hauptnav .left {
	background-image: url(/pics/border_l.png);
}

#hauptnav .right {
	background-image: url(/pics/border_r.png);
	padding: 0px 19px;
}

/** }}} */

/** bottom-box {{{ */

.bottombox {
	display: block;
	text-align: right;
	font-size: 12pt;
	/** width: 80%;*/
	min-width: 188px;
	/** height: 75%; */
	color: #6e6e6e;
	background-color: #FFFFFF;
	z-index: 2;
	margin-left: 21px;
	margin-right: 21px;
}

.bottombox .bottom    .left {
	background-image: url(/pics/border_lu.png);
}

.bottombox .bottom    .right {
	background-image: url(/pics/border_ru.png);
}

.bottombox .left {
	background-image: url(/pics/border_l.png);
}

.bottombox .right {
	background-image: url(/pics/border_r.png);
	padding: 0px 19px;
}

/** }}} */

/** left-side-box {{{ */

#leftbox {
	position: absolute;
	left: -80px;
	top: 150px;
	display: block;
	text-align: left;
	font-size: 12pt;
	min-width: 40px;
	height: 80%;
	min-height: 80px;
	width: 80px;
	/** height: 75%; */
	color: #6e6e6e;
	background-color: #FFFFFF;
	z-index: 5;
}

#leftbox .bottom    .left {
	background-image: url(/pics/border_lu.png);
}

#leftbox .top    .left {
	background-image: url(/pics/border_lo.png);
}

#leftbox .left .text {
	padding-left: 19px;
}

#leftbox .left {
	background-image: url(/pics/border_l.png);
	padding-left: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}


/**
#leftbox .top {
	background-image: url(/pics/border_o.png);
}

#leftbox .bottom {
	background-image: url(/pics/border_u.png);
}
*/

/** }}} */

/** }}} */

/** vim: noet sw=4 ts=4 fdm=marker
*/