/* CSS Document by Thomas Müller Webentwicklung @ www.tm-webentwicklung.com for Oliver Bender */

body, html {
	margin:0px;
	padding:0px;
	overflow:hidden;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background-image:url(../images/body-bg.gif);
	background-position:0px 0px;
	background-color:#337187;
	
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #C9C9C9;
	scrollbar-track-color: #C9C9C9;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #C9C9C9;
	scrollbar-darkshadow-color: #123133;
	scrollbar-shadow-color: #C9C9C9;
}

div#wrapper {
	width:100%;
	background-image:url(../images/header-bg.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
}

div#page {
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:768px;
}

div#head {
	height:123px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/header-middle-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

div#main {
	width:940px;
	height:610px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/page-bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:62px; /* Move content-div below, margin has bugs */
}

div#copyright {
	margin:35px 0px 0px 197px;
	font-size:0.66em;
	color:#0F1F24;
}

div#copyright a {
	color:#0F1F24 !important;
	text-decoration:none;
}

div#copyright a:hover {
	text-decoration:underline;
}

a {
	color:#000000;
}

div.clearer {
	height:0px;
	clear:both;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px;
}

/* Portrait images */
img#portrait01 {
	position:absolute;
	margin-top:210px;
	margin-left:22px;
}

img#portrait02 {
	position:absolute;
	margin-top:334px;
	margin-left:761px;
}

img#portrait03 {
	position:absolute;
	margin-top:58px;
	margin-left:721px;
}

/* Other images */
img {
	border:none;
}

/* See http://www.alistapart.com/articles/cssdrop2/ */
.alpha-shadow, .alpha-shadow-last, .alpha-shadow-vita {
  float: left;
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 10px 15px 0 0px !important;
  margin: 0px 0 0 5px;
}

.alpha-shadow-vita {
	margin: 0px 0px 0 0px !important;
}

.alpha-shadow-last {
	margin: 10px 0px 0 0px !important;
}

.alpha-shadow div, .alpha-shadow-last div, .alpha-shadow-vita div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img, .alpha-shadow-last img, .alpha-shadow-vita img {
  background-color: #fff;
  border: 1px solid #C5C5C5;
  padding: 6px;
}

.alpha-shadow-vita img {
  padding: 7px;
}

img#schriftzug {
	margin:38px 0px 0px 42px;
}

/* Navigation */
ul#navigation {
	margin:37px 0px 0px 40px;
	padding:0px;
	list-style-type:none;
	border-top:1px solid #395163; /* Fix IE 6 display bug */
}

ul#navigation li {
	margin:0px;
	padding:0px;
	display:inline;
	float:left;
}

ul#navigation span {
	display:none; /* Schrift ausblenden */
}

ul#navigation a {
	display:block;
	height:24px;
	border-right:1px solid #395163;
	background-position:10px 7px;
	background-repeat:no-repeat;
}

ul#navigation a.active, ul#navigation a:hover {
	background-color:#B8DC27;
}

/* CSS image replacement */
ul#navigation a#a-news {
	border-left:1px solid #395163;
	background-image:url(../images/navigation/news.gif);
	width:49px;
}
ul#navigation a#a-news.active, ul#navigation a#a-news:hover {
	background-image:url(../images/navigation/news-active.gif);
}

ul#navigation a#a-lebenslauf {
	background-image:url(../images/navigation/lebenslauf.gif);
	width:90px;
}
ul#navigation a#a-lebenslauf.active, ul#navigation a#a-lebenslauf:hover {
	background-image:url(../images/navigation/lebenslauf-active.gif);
}

ul#navigation a#a-referenzen {
	background-image:url(../images/navigation/referenzen.gif);
	width:89px;
}
ul#navigation a#a-referenzen.active, ul#navigation a#a-referenzen:hover {
	background-image:url(../images/navigation/referenzen-active.gif);
}

ul#navigation a#a-fotos {
	background-image:url(../images/navigation/fotos.gif);
	width:53px;
}
ul#navigation a#a-fotos.active, ul#navigation a#a-fotos:hover {
	background-image:url(../images/navigation/fotos-active.gif);
}

ul#navigation a#a-film {
	background-image:url(../images/navigation/film.gif);
	width:120px;
}
ul#navigation a#a-film.active, ul#navigation a#a-film:hover {
	background-image:url(../images/navigation/film-active.gif);
}

ul#navigation a#a-medien {
	background-image:url(../images/navigation/medien.gif);
	width:60px;
}
ul#navigation a#a-medien.active, ul#navigation a#a-medien:hover {
	background-image:url(../images/navigation/medien-active.gif);
}

ul#navigation a#a-newsletter {
	background-image:url(../images/navigation/newsletter.gif);
	width:89px;
}
ul#navigation a#a-newsletter.active, ul#navigation a#a-newsletter:hover {
	background-image:url(../images/navigation/newsletter-active.gif);
}

ul#navigation a#a-kontakt {
	background-image:url(../images/navigation/kontakt.gif);
	width:70px;
}
ul#navigation a#a-kontakt.active, ul#navigation a#a-kontakt:hover {
	background-image:url(../images/navigation/kontakt-active.gif);
}

/* Content area */
div#content {
	width:530px;
	height:265px;
	margin:31px 0px 0px 196px;
	padding-right:10px;
	overflow:auto;
}

/* Headline image replacement */
h1 {
	margin:0px 0px 0px 196px;
	height:19px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

h1 span {
	display:none;
}

h1#news {
	background-image:url(../images/headlines/news.gif);
}
h1#lebenslauf {
	background-image:url(../images/headlines/lebenslauf.gif);
}
h1#referenzen {
	background-image:url(../images/headlines/referenzen.gif);
}
h1#fotos {
	background-image:url(../images/headlines/fotos.gif);
}
h1#film {
	background-image:url(../images/headlines/film.gif);
}
h1#medien {
	background-image:url(../images/headlines/medien.gif);
}
h1#newsletter {
	background-image:url(../images/headlines/newsletter.gif);
}
h1#kontakt {
	background-image:url(../images/headlines/kontakt.gif);
}
h1#impressum {
	background-image:url(../images/headlines/impressum.gif);
}

h2 {
	font-size:0.76em;
	margin:0px 0px 10px 0px;
	line-height:1.4em;
	background-image:url(../images/bg-h2.gif);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	padding:15px 0px 10px 4px;
}

h3 {
	font-size:0.7em;
	margin:0px 0px 0px 0px;
	line-height:1.4em;
	padding-left:4px;
}

p {
	font-size:0.7em;
	line-height:1.3em;
	margin:0px 0px 10px 0px;
	padding-left:4px;
}

.boldtext {
	font-weight:bold;
}

/* News */
.marker {
	background-color:#B8DC27;
	color:#FFFFFF;
	padding:1px 5px;
	font-weight:bold;
}

h2.news {
	background-image:none !important;
	padding:0px 0px 0px 4px;
}

a.plus {
	background-image:url(../images/link-plus.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding-left:8px;
	text-decoration:none;
	border-bottom:1px solid black;
}

/* Vita */
table.vita {
	margin:0px;
}

table.vita caption {
	font-size:0.76em;
	font-weight:bold;
	text-align:left;
	background-image:url(../images/bg-h2.gif);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	padding:15px 0px 12px 4px;
}

table.vita td {
	font-size:0.7em;
	vertical-align:top;
	padding:8px 0px 0px 4px;
}

table.vita td.label {
	padding-right:18px;
}

table.vita td#vita-img {
	padding-left:35px;
}

/* Referenzen */
ul.referenzen {
	margin:0px 0px 0px 20px;
	padding:0px;
}

ul.referenzen li {
	font-size:0.7em;
	line-height:1.3em;
	list-style-image:url(../images/link-plus.gif);
	list-style-position:top left;
	padding:0px 0px 10px 0px;
}

div#ref_left {
	float:left;
	width:290px;
}
div#ref_right {
	float:left;
}

/* Filmausschnitte */
div.film {
	float:left;
	width:165px;
	padding-right:20px;
}

p.player {
	margin-bottom:25px;
}

p#player2 {
	margin-top:0px;
}

/* Photos */
table.gallery {
	margin-left:17px;
}

/* Kontakt */
p#booking {
	float:left;
	margin-right:50px;
}

/* Styles for forms */
fieldset {
	padding-bottom:10px;
	border:1px solid #C6C6C6;
	margin-bottom:15px;
}

legend {
	padding-bottom:4px;
	font-size:0.7em;
	color:#000000;
	font-weight:bold;
}

label {
	font-size:0.7em;
	cursor:pointer;
	margin-left:7px;
	width:85px;
	float:left;
	clear:left;
}

input.kontakt {
	border:1px solid #979797;
	margin-bottom:3px;
	width:275px;
	margin-right:10px;
	margin-bottom:5px;
	font-size:0.7em;
}

input.submit {
	border:1px solid #979797;
	background-color:#C9C9C9;
	width:100px;
	color:#333333;
	font-size:1em;
	font-weight:bold;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	border:1px solid #757575;
	width:275px;
	height:85px;
}