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

Client: Volkshausstudio Basel

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

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

body,
html {
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: none;

}

body {
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.75em;
}

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

a {
	color: #fff;
}

a:hover {
	color: #000;
}

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

img {
	border: 0;
	padding: 0;
	margin: 0;
}

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

.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: #b2b2b2;
	background-color: #b2b2b2;
}

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

.bbar_box {
	font-size: 140%;
	padding-right: 0.65em;
	padding-bottom: 0.65em;
	margin-bottom: 0.65em;
	border-bottom: 1px solid #b2b2b2;
}

.bbar_cell {
	
}

.bbar_active {
	
}

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

.datebar_cell {
	font-size: 120%;
	padding-right: 0.5em;
}

.datebar_active {
	font-weight: bold;
	font-size: 120%;
	padding-right: 0.5em;
}

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


img.brand {
	padding: 30px 0 30px 17px;
}

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

#navigation {
	position: absolute;
	width: 100%;
	top: 65px;
	left: 0;
	right: 0;
	bottom: auto;
	background: transparent url(../images/base/navigation_background.png) top left repeat-x;
}

#navigation .padding {
	width: 810px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}

#navigation ul {
	margin: 0;
	padding: 20px 0 0 15px;
}

#navigation ul li {
	float: left;
	height: 87px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*  ------------------------------------------------------------------------  */
#content {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 400px;
	height: 280px;
	overflow: auto;
	margin: 180px 0 0 0;
	line-height: 1.3em;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	border: solid 5px #fff;
}

#ieshaddow {
	position: absolute;
	right: 35px;
	bottom: 34px;
	width: 415px;
	height: 296px;
}

.orange {
	background-color: #cf4d12;
}
.brown {
	background-color: #6c353c;	
}
.green {
	background-color: #3f7f27;	
}
.red {
	background-color: #b50205;	
}
.yellow {
	background-color: #c4a630;	
}
.turqouise {
	background-color: #5ea1d7;	
}
.blue {
	background-color: #2961cd;	
}
.pink {
	background-color: #d714d7;
}


.padding {
	padding: 1em;
}

#content h1 {
	color: #fff;
	font-size: 140%;
	text-decoration: underline;
	margin: 0 0 0.6em 0;
	padding: 0;
}

#content h2 {
	font-size: 120%;
	text-decoration: underline;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

#content h3 {
	font-size: 110%;
	margin: 0.3em 0;
	padding: 0;
}

#content h1 a,
#content h2 a,
#content h3 a {
	text-decoration: none;
}

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

#content ul,
#content ol {
	margin: 0;
	padding: 0.8em 0 0 2.5em;
}

#content ul li {
	list-style-type: none;
	padding-left: 15px;
	background: url('../pictures/environment/orange_dot.gif') 0 7px no-repeat;
}

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

.team_left {
	float: left;
	margin-right: 20px;
}
.team_right {
	float: left;
}

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

form.default hr {
	margin-top: 0;
}

form.default {
	font-weight: bold;
}

form.default input,
form.default textarea {
	width: 250px;
	border: 1px solid #666666;
	margin-bottom: 1em;
	background: #ffffff;
}

form.default input:focus,
form.default textarea:focus {
	background: #cecece;
}

form.default .button {
	border: 1px solid #666666;
	background: #eeeeee;
	width: 117px;
}

form.default .button:focus {
	background: #cccccc;	
}

form.default fieldset {
	line-height: 15px;
	border: none;
	border-bottom: 1px solid #cccccc;
	padding: 0;
	margin-bottom: 1em;
}

form.default fieldset.none {
	border: none;
}

form.default .error {
	color: #cd1515;
}

form.default img {
	margin-bottom: 1em;
}

form .dropdown {
	width: 150px;
}

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

#bottom {
	font-size: 10px;
	color: #cecece;
	position: absolute;
	top: 665px;	
	width: 807px;
	margin: 0 auto;
	z-index: -1;
}

#bottom a {
	color: #cecece;
	text-decoration: none;
}

#bottom a:hover {
	color: #1A1A1A;
	text-decoration: none;
}

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

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}
.space_right {
	margin-right: 20px;
}

.text_center {
	text-align: center;
}

.bordered {
	border: 1px solid #cccccc;
}

.half {
	float: left;
	width: 40%;
	margin: 0 5% 5% 0;
	padding: 2.5%;
}

.list_left {
	width: 100px;
	float: left;
}

.list_right {
	float: right;
}

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

#left_menue {
	position: absolute;
	top: 350px;
	width: 250px;
	z-index: 99;
}

.menue_padding {
	height: 250px;
	position: relative;
	width: 250px;
	right: 5px;
}

.logout {
	float: right;
	position: absolute;
	text-align: right;
	width: 780px;
	padding-top: 25px;
}

.logout input {
}

#print_brand {
	display: none;
}

.show_0 {
	padding: 5px;
	border: 2px solid #ff0000;
	background-color: #cecece;
}

#system_message {
	font-weight: bold;
	padding: 0.65em;
	background-color: #858585;
	color: #FFFFFF;
}
#trans {
    background: url(../images/base/trans.png) left top repeat-x;
}

#header {
	z-index: 100;
	position: absolute;
	top: 101px;
	right: 40px;
	color: #2d2d2d;
}
#header a {
	color: #2d2d2d;
}
#header a:hover {
	color: #fff;
}