/*
--------------------------------------------------------------------------------

Client: Willi Paul Paulussen

Agency: kubus media | Interaktive Medien, Basel
Author: Joscha van der Linden for kubus media

--------------------------------------------------------------------------------
*/

body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 0.75em;
	color: #ffffff;
	text-align: center;
	background-color: #FFFFFF;
}

/*  ------------------------------------------------------------------------  */

.clearfloat {
	font-size: 100%;
	clear: both;
	margin: 4px;
}
p.clearfloat {
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	height: 0.1em;
	clear: both;
}
.hidden {
	display: none;
}

/*  ------------------------------------------------------------------------  */

.visible {
	display: block;
}
.invisible {
	display: none;
}

/*  ------------------------------------------------------------------------  */

form {
	clear: float;
	margin: 0;
	padding: 0;
}
hr {
	padding: 0;
	margin: 0.8em 0;
	border: 0;
	height: 1px;
	color: #ffffff;
	background-color: #000000;
}
*html hr {
	padding: 0;
	margin: 0;
	border: 0;
	height: 1px;
	color: #000000;
	background-color: #000000;
}

/*  ------------------------------------------------------------------------  */

.bbar_box {
	margin: 0 0.5em;
}

/*  ------------------------------------------------------------------------  */

.datebar_cell {
	font-size: 100%;
	padding: 0.5em;
	display: block;
	color: #FF00B4;
	background-color: #000000;
	margin-bottom: 0.25em;
}
.datebar_active {
	font-size: 100%;
	padding: 0.5em;
	display: block;
	color: #FF00B4;
	background-color: #FFFFFF;
	margin-bottom: 0.25em;
}

/*  ------------------------------------------------------------------------  */

input,
textarea,
select {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.halved_one {
	float: left;
	width: 48%;
	padding-right: 2%;
}
*html .halved_one {
	float: left;
	width: 48%;
	padding-right: 0.7%;
}
.halved_two {
	float: left;
	width: 50%;
}
.halved_one input,
.halved_two input {
	width: 100%;
}
.singleinput {
	width: 100%;
}
.form_input {
	width: 37em;
}
.form_textarea {
	width: 37em;
}

/*  ------------------------------------------------------------------------  */

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 81.8em;
}

/*  ------------------------------------------------------------------------  */

#info {
	padding: 0.65em;
	background-color: #f29400;
}
#info_detail {
	padding: 0.65em;
	background-color: #004885;
}
#content #content_left {
	float: left;
	width: 49em;
	margin-right: 1em;
}
#content #content_right {
	float: left;
	width: 30em;
}

/*  ------------------------------------------------------------------------  */

#content a,
#info_detail a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover,
#info_detail a:hover {
	color: #000000;
	text-decoration: underline;
}
#content a.file {
	padding-left: 1.5em;
	background-image: url('../pictures/base/icon_file.gif');
	background-position: 0 50%;
	background-repeat: no-repeat;
}

/*  ------------------------------------------------------------------------  */

#content h1,
h1 {
	color: #ffffff;
	font-size: 140%;
	margin: 0;
}
#content h2,
h2 {
	color: #ffffff;
	font-size: 120%;
	padding: 0;
	margin: 0 0 0.3em 0;
}
#content h3,
h3 {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

/*  ------------------------------------------------------------------------  */

.icon {
	float: left;
	width: 6em;
	margin-right: 0.65em;
}
.picture {
	float: left;
	width: 32em;
	margin-right: 0.65em;
}
.picture img {
	border: 1px solid #FFFFFF;
}
#info .icon,
#info_detail .icon {
	float: left;
	width: 6em;
	margin-right: 1.5em;
}
.entry_icon {
	margin-left: 7em;
	padding: 0.65em;
}
.entry_picture {
	margin-left: 31.4em;
	padding: 0.65em;
}
.entry {
	padding: 0.65em;
}
.blue {
	background-color: #004885;
}
.orange {
	background-color: #f29400;
}
.fixed {
	height: 50px;
}
.welcome {
	float: left;
	width: 41em;
}
.right {
	float: right;
	width: 29.5em;
}
.comment_right {
	margin: 0;
	padding: 0;
	text-align: right;
}

.left_entry {
	float: left;
}
.right_entry {
	text-align: right;
}

/*  ------------------------------------------------------------------------  */