/*-----------------------------------------------------------------------------
Sybille Schmitz Design - Screen Stylesheet

version:   1.0
date:      01/03/07
author:    Anja Deubzer - Design: Sybille Schmitz

website:   www.sybilleschmitzdesign.de

version history: v0.1
-----------------------------------------------------------------------------*/



/* BASIC SETUP
-----------------------------------------------------------------------------*/

body {
	font: 12px/18px Arial, Helvetica, sans-serif;
}

/* Remove margin, padding and border from everything */

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

/* Images */

img {
	display: block;
}

/* Tables */

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
  	text-align: left;
	font-weight: normal;
}

/* Floats */

.clear {
	clear:both;
}

#leftJump {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	
}

ul {
	list-style-type: none;
}

li {
	margin-bottom: 18px;
}

/* Typography
-----------------------------------------------------------------------------*/

h1, h2, p {
	font-weight: normal;
	font-size: 12px;
}



/* Header
-----------------------------------------------------------------------------*/

#wrapper {
	position: absolute;
	min-width: 99.9%;
}

#Header {
	position: relative;
}

#Logo {
	margin: 88px 0px 0px 0px;
	background: transparent url(../img/tile.gif) repeat-x 0 0;
}

#Logo span {
	text-transform: uppercase;
	line-height: 20px;
	margin-left: 15px;
}

.toLeft {
	position: absolute;
	right: 5px;
	top: 43px;
}

/* Navigation
-----------------------------------------------------------------------------*/

.navi { margin: 10px 0px 0px 30px; }

#subnav {}

.navi li {
	margin: 0px 6px 0px 0px;
	display: inline;
	font-size: 13px;
	line-height: 13px;
}

a { text-decoration: none; }
.navi a { text-transform: uppercase; }


/* Colors
-----------------------------------------------------------------------------*/

/* Background Color - light gray */
body {
	background-color: #FFF;
}

/* Text Color - gray */
body, a {
	color: #7C7C7C;
}

/* Hilite Color - green */
a.toLeft,
#Logo span,
.adress,
.credits,
.credits a,
a.selected,
a:hover {
	/* color: #0FD800; */
	color: #e4462a;
}

h1, h2, h3, h4 { font-weight: bold; }
.navi .selected a { color: #e4462a; }

.highlight {
	color: #e23a1c;
}

/* Content
-----------------------------------------------------------------------------*/

/* Height of Content */

#Content,
.picTable {
	position: relative;
}

/* Basic Content Formats */

#Content {
	padding: 77px 0px 0px 272px;
}

/* Picture Table */

.picImg {
	padding: 0px 33px 0px 0px;
}

.picImg2 {
	padding: 0px 60px 0px 0px;
}

.picImg img, .picImg2 img {
	border: 1px solid #aaaaaa;
}

.picTitle {
	margin:  33px 5px 0px 0px;
}

/* info text */

.picDescription,
.adress,
.infoDescription {
	width: 290px;
	padding: 0px 20px 0px 0px;
}

.adress {
	padding-top: 95px;
}

/* Column 0 - 3*/

.column0 {
	font: 9px/18px Arial, Helvetica, sans-serif;
	left: 30px;
	top: 225px;
	font-size: 10px;
	width: 215px;
	padding: 0px 30px 0px 0px;
	position: absolute;
}

.column1 {
	width: 325px;
	float: left;
}

.column2 {
	width: 480px;
	float: left;
}