/*
//......................................
//
//2007 - designerswithattitude.de
//
//......................................
*/

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

html {
	background-color: #c5f5f8;
	height: 100%;
}

body {
	width: 1035px;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	background-image:url(/images/bgHtml.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4e4e4e;
}

#wrapper {
	width: 795px;
	background-image:url(/images/bgBody.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 121px;
}

#head {
	width: 793px;
	height: 172px;
	background-image:url(/images/head.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#head h1{
	text-indent: -2000px;
}

#contentBox {
	padding: 30px 10px 10px 300px;
	width: 470px;
	min-height: 410px;
	height: auto;
	border: 2px solid #FFFFFF;
	background-image:url(/images/bgContent.gif);
	background-repeat: no-repeat;
	background-color: #f0efef;
	margin: -443px 0 0 6px;
}

#contentBoxPictures {
	padding: 30px 10px 10px 10px;
	width: 760px;
	min-height: 410px;
	height: auto;
	border: 2px solid #FFFFFF;
	background-image:url(/images/bgContent.gif);
	background-repeat: no-repeat;
	background-color: #f0efef;
	margin: -443px 0 0 6px;
}

#imgColumnLeft {
	float: left;
	width: 120px;
	padding: 20px;
}
#imgColumnLeft img{
	border: 5px solid #FFFFFF;
	margin: 3px 0 3px 0;
}

#imgColumnRight {
	float: left;
	width: 120px;
	padding: 20px;
}

#imgColumnRight img{
	border: 5px solid #FFFFFF;
	margin: 3px 0 3px 0;
}

#imgBorder {
	width: 325px;
	height: 480px;
	background-image: url(/images/bilderRahmen.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 25px;
}

#imgBorder img{
	margin: 0 0 15px 0;	
}

#imgBorderTheater {
	width: 490px;
	height: 331px;
	background-image: url(/images/theaterRahmen.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 42px 30px 42px 30px;
	text-align: right;
}

#imgBorderTheater img{
	margin: 0 auto 16px auto;
}

.theaterImgContainer {
	width: 170px;
	color: #757574;
	font-size: small;
	margin: 5px;
	float: left;
}

.theaterImgContainer img{
	margin: 3px 0 3px 0;
	border: 5px solid #FFFFFF;
}

.theaterImgContainer h5{
	color: #757574;
	font-size: 8pt;
	font-weight: lighter;
}

.demoContainer {
	width: 280px;
	float: left;
	padding: 20px;
	margin: 20px;
}

#naviWrapper ul#navi{
	position: absolute;
	top: 105px;
	height: 20px;
	margin: 0 0 0 37px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(/images/navigation.gif);
	text-indent: -2000px;
}

ul#navi #homeBtn a{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 55px;
	height: 20px;
	background-image:url(/images/homeBtn.gif)
}

ul#navi #profilBtn a{
	position: absolute;
	top: 0px;
	left: 75px;
	width: 41px;
	height: 20px;
	background-image:url(/images/profilBtn.gif)
}

ul#navi #fotosBtn a{
	position: absolute;
	top: 0px;
	left: 136px;
	width: 47px;
	height: 20px;
	background-image:url(/images/fotosBtn.gif)
}

ul#navi #vitaBtn a{
	position: absolute;
	top: 0px;
	left: 203px;
	width: 32px;
	height: 20px;
	background-image:url(/images/vitaBtn.gif)
}

ul#navi #theaterBtn a{
	position: absolute;
	top: 0px;
	left: 255px;
	width: 66px;
	height: 20px;
	background-image:url(/images/theaterBtn.gif)
}

ul#navi #presseBtn a{
	position: absolute;
	top: 0px;
	left: 341px;
	width: 59px;
	height: 20px;
	background-image:url(/images/presseBtn.gif)
}

ul#navi #hprobeBtn a{
	position: absolute;
	top: 0px;
	left: 420px;
	width: 82px;
	height: 20px;
	background-image:url(/images/hprobeBtn.gif)
}

ul#navi #demoBtn a{
	position: absolute;
	top: 0px;
	left: 522px;
	width: 53px;
	height: 20px;
	background-image:url(/images/demoBtn.gif)
}

ul#navi #kontaktBtn a{
	position: absolute;
	top: 0px;
	left: 595px;
	width: 63px;
	height: 20px;
	background-image:url(/images/kontaktBtn.gif)
}

ul#navi #linksBtn a{
	position: absolute;
	top: 0px;
	left: 678px;
	width: 45px;
	height: 20px;
	background-image:url(/images/linksBtn.gif)
}

h1,h2,h3,h4,h5,h6 {
	color: #248c76;
	margin-bottom: 10px;
}

h1 {
	font-size: 15pt;
}

h2 {
	font-size: 15pt;
}

h3 {
	font-size: 13pt;
}

h4 {
	font-size: 10pt;
	color: #3abba0;
}

h5 {
	font-size: 7pt;
}

h5#imp {
	font-weight: normal;
	margin: 0px 0 5px 10px;
	padding: 5px;
	color: #333333;
}

h6 {
	font-size: 8pt;
	color: #1CA185;
}

p {
	margin-bottom: 15px;
	font-size: 8pt;
	line-height: 17px;
}


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #16A285;
	text-decoration: none;
}

a:hover {
	color: #3ABBA0;
	text-decoration: underline;
}


#fotoBlank {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	z-index: -100;
}

#fotoHome {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoHome.jpg);
	background-repeat: no-repeat;
}

#fotoProfil {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoProfil.jpg);
	background-repeat: no-repeat;
}

#fotoVita {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoVita.jpg);
	background-repeat: no-repeat;
}

#fotoPresse {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoPresse.jpg);
	background-repeat: no-repeat;
}

#fotoHProbe {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoHProbe.jpg);
	background-repeat: no-repeat;
}

#fotoKontakt {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoKontakt.jpg);
	background-repeat: no-repeat;
}

#fotoLinks {
	position: relative;
	top: -33px;
	left: -36px;
	width: 310px;
	height: 443px;
	background-image:url(/images/fotoLinks.jpg);
	background-repeat: no-repeat;
}

.krolikPlayer {
	width: 300px;
	height: 260px;
}

/*
//......................................
//
//EIGENSCHAFTEN KONTAKT FORMULAR
//
//......................................
*/

.text, .textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}


#el_0, #el_1, #el_2, #el_3{
	color: #666666;
	margin-bottom: 3px;
	border: 1px solid #16A285;
	background-position: bottom;
	background-color: #E9F6F6;
	width: 300px;
	float: left;
}

label.text, label.textarea {
	width: 300px;
}

#el_0:focus, #el_1:focus, #el_2:focus, #el_3:focus {
	border: 1px solid #3AC0A4;
}

.submit {
	width: 100px;
	height: 20px;
	margin-top: 5px;
	border: 1px solid #d1d3d4;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #e6e7e8;
	font-size: 12px;
	color: #666666;
}


fieldset{
	width: 320px;
	border: none;
}


fieldset legend { text-indent: -2000px; }