body { margin: 0; padding: 0; background-color: #F5E5CD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
img { border: none; display: block; }
a { text-decoration: none; color: #626262; }
a:hover { text-decoration: underline; }
table { border: none; }
table tr td, table tr th { vertical-align: top; text-align: left; }
p { padding: 0; margin: 0; }
ol { padding: 0; margin: 0 0 0 16px; }

h1, h2, h3 { font-weight: bold; margin: 0; }
h1 { font-size: 190%; padding: 16px 0 8px 0; }
h2 { font-size: 130%; padding: 16px 0 4px 0; }
h3 { font-size: 120%; font-weight: normal; padding: 8px 0 4px 0; }

div.url { color: #626262; font-size: 11px; font-weight: bold; padding-top: 8px; }

table.rounded-corner {
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	margin: 20px 0;
}
table.rounded-corner thead th.rounded-left {
	background: #B61831 url("../jpg/left.jpg") left -1px no-repeat;
}
table.rounded-corner thead th.rounded-right {
	background: #B61831 url("../jpg/right.jpg") right -1px no-repeat;
} 
table.rounded-corner th {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	background: #B61831;
	padding: 8px;
}
table.rounded-corner td {
	background: #FAF9D9;
	border-top: 1px solid #eee;
	color: #555;
	padding: 8px;
}
table.rounded-corner td a {
	color: inherit;
	text-decoration: underline;
}
table.rounded-corner tfoot td.rounded-foot-left {
	background: #FAF9D9 url("../jpg/b-left.jpg") left bottom no-repeat;
}
table.rounded-corner tfoot td.rounded-foot-right {
	background: #FAF9D9 url("../jpg/b-right.jpg") right bottom no-repeat;
}
table.rounded-corner tbody tr:hover td {
	background: #fff;
}

/* alignment classes */
.float-left, #float-left  { float: left; }
.float-right, #float-right { float: right; }
.align-left, #align-left  { text-align: left; }
.align-right, #align-right { text-align: right; }
.align-center, #align-center { text-align: center; }

/* forms */
form { margin: 0; padding: 0; }
input.checkbox { position: relative;top: 2px; }
input.text, select.text, textarea, select { border: 1px solid #506D8B; font-size: 11px; padding: 2px; font-family: Verdana, Arial, "Bitstream Vera Sans", Helvtica, sans; }
select.text{ height: 16px; }
textarea { height: 100px; }
input.button { width: 130px; padding: 2px 0; border-width: 1px; text-align: center; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #000000; }
input.button:hover { color: #990000; cursor: pointer; }

form.designed { padding: 0 5px; border: 1px solid #D5D5D5; background-color: #DFDFDF; }
form.designed label { display: block; font-weight: bold; margin: 5px 0; }
form.designed input { padding: 2px; border: 1px solid #eee; font: 1em Verdana, sans-serif; font-weight: normal; color: #777; }
form.designed textarea { width: 512px; padding: 2px; font: normal 1em Verdana, sans-serif; border: 1px solid #eee; height: 100px; display: block; color: #777; }
form.designed input.button, div.button { font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 4px 11px; color: #FFF; border: none; }
form.designed input.button:hover, div.button:hover { background: url(http://www.philippwirth.com/data/jpg/philipp_wirth_website_layout_nav_hover_back.jpg); cursor: pointer; }
form.designed div.button a { color: #FFF; font: bold 12px Arial, Sans-serif; }
form.designed div.button a:hover { text-decoration: none; }
form.designed select optgroup { font-style: normal; background: #E2E2E2; font-weight: bold; }
form.designed select optgroup option { background: #FFF; }

/* layout */
div.container {
width: 936px;
background-image: url(../png/p8_container_c.png);
background-repeat: repeat-y;
}
div.container, div.container div.header, div.container div.usermenubar, div.container table.content, div.footer, div.portal-info {
margin-right: auto;
margin-left: auto;
}
/* header */
div.container div.header {
width: 878px;
height: 94px;
padding: 16px 0 0 30px;
background-image: url(../gif/p8_header.gif);
background-repeat: no-repeat;
background-color: #800000;
}

/* usermenubar */
div.container div.usermenubar {
width: 892px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #333333;
padding: 4px 8px;
color: #FFFFFF;
font-size: 11px;
}
div.container div.usermenubar a {
color: #FFFFFF;
}
div.container table.content {
width: 908px;
}
div.container table.content tr td.menu {
width: 178px;
padding: 0 8px;
background-color: #666666;
color: #FFFFFF;
}
div.container table.content tr td.spacer {
width: 2px;
background-color: #FFFFFF;
}
div.container table.content tr td.content {
width: 700px;
padding: 0 4px 32px 8px;
background-color: #EEEEEE;
}
div.container table.content tr td.content p.justify { width: 556px; text-align: justify; }

div.footer {
width: 936px;
height: 16px;
background-image: url(../png/p8_footer_c.png);
background-repeat: no-repeat;
}
div.portal-info {
width: 920px;
padding: 0 8px;
text-align: center;
font-size: 11px;
}
div.portal-info a {
text-decoration: underline;
font-size: 11px; color: #000000;
}
div.portal-info a:hover {
color: #990000;
}
div.portal-info div.copyright {
font-size: 10px;
margin-top: 3px;
margin-bottom: 16px;
}

/* menu */
div.container table.content tr td.menu ul.sidemenu { text-align: left; margin: 32px 4px 32px 0; padding: 0; text-decoration: none; background: url(../jpg/p8_dots.jpg) repeat-x left top; font-size: 14px; font-weight: bold; }
div.container table.content tr td.menu ul.sidemenu li { list-style: none; background: url(../jpg/p8_dots.jpg) repeat-x left bottom; padding: 4px 0; margin: 0 2px; color: #FFFFFF; }
* html body div.container table.content tr td.menu ul.sidemenu li { height: 1%; }
div.container table.content tr td.menu ul.sidemenu li a { text-decoration: none; background-image: none; color: #FFFFFF; }
div.container table.content tr td.menu ul.sidemenu li a:hover { color: #C0C0C0; }
div.container table.content tr td.menu ul.sidemenu ul { margin: 0; padding: 0; }
div.container table.content tr td.menu ul.sidemenu ul li { background: none; }

/* photo and units */
div.container table.content tr td.content table.table-units tr td.unit-container div.unit-title { margin-top: 3px; width: 136px; }
div.container table.content tr td.content table.table-album { margin-top: 14px; }
div.container table.content tr td.content table.table-album tr td.thumb a, div.container table.content tr td.content table.table-units tr td.unit-container a { color: #000000; }
div.container table.content tr td.content div.album-info { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 8px 0; }
div.container table.content tr td.content table.table-album tr td.thumb, div.container table.content tr td.content table.table-units tr td.unit-container { padding: 0 4px 4px 0; }
div.container table.content tr td.content table.table-units tr td.unit-container { width: 136px; }
div.container table.content tr td.content table.table-album tr td.thumb div.thumbpresenter { width: 136px; height: 104px; background: #DDDDDD; text-align: center; }
div.container table.content tr td.content table.table-album tr td.thumb div.thumbpresenter img.photo-gallery { margin-right: auto; margin-left: auto; }
div.container table.content tr td.content img.photo-gallery, img.motivated { background: #FAFAFA; border: 1px solid #B9B9B9; padding: 3px; }

div.container table.content tr td.content table.table-profile tr td.box-text { width: 276px; text-align: justify; }
div.container table.content tr td.content table.table-profile tr td.spacer { width: 144px; background-color: #EEEEEE; }
div.container table.content tr td.content table.table-profile tr td.box-photo { width: 276px; text-align: right; }
div.container table.content tr td.content table.table-profile tr td.box-photo img { width: 270px; }

div.container table.content tr td.content div.event-box table { width: 696px; }
div.container table.content tr td.content div.event-box table tr td.text { width: 346px; }
div.container table.content tr td.content div.event-box table tr td.spacer { width: 4px; background-color: #EEEEEE; }