@CHARSET "UTF-8";
@import url('yui-reset.css');

/* 1=oben, 2=rechts, 3=unten, 4=links */


*{border:0px solid #eee;margin:0;padding:0;list-style:none;border-color:#000;font-family:helvetica,Arial,sans-serif;}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden;color:#FFF;}
body{cursor:default;background-color:transparent;color:#FFF;}
h1,h2,.large,.left{font-size:1.4em;}
.box div img{padding-bottom:10px;}
a{text-decoration:none;outline:0;}
img{display:block;padding:0 20px 20px 0;}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td{vertical-align:middle;text-align:center;}
#bg img{min-height:50%;min-width:50%;margin:0 auto;}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto;}


h1{width:100%;text-align:center;padding-bottom:40px;}
h1 a{padding:41px 10px 10px 0;background:#000 url(go.gif) 0 -30px repeat-x;text-align:right;display:block;}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x;}

h2{width:100%;text-align:left;padding-bottom:20px;padding-top:60px;text-decoration:underline}

ul{text-transform:uppercase;border:0px solid white;padding:10px;}
li a{font-weight:bold;font-size:0.8em; line-height:1.25em;color:#FFF}
li a:hover,li.cur a{color:#FFF}

.box{position:absolute;top:15%;right:200px;width:500px;padding-bottom:100px;}
.box div{}
.box div a{text-decoration:underline;}

.logo{display:inline;padding:0;}

.bg-img {
	height:100%;
	width:100%;
	background-color:#EFEFEF;
}

.head {
	background:#0b9ac5;
	margin-bottom:20px;
	opacity:0.8;filter:alpha(opacity=80);
}

.ccont{
    margin: 0 auto;
    color: #000;
    font-size:1.2em;
    text-align: left;
    background:#e8dac8;
    border: 0px solid #ffffff;
	opacity:0.8;filter:alpha(opacity=80);
}
.ccont , .head {
	padding:30px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;
}

.large{text-align:right;top:20%;right:120px;font-size:2em;}
.left{text-align:left;right:auto;left:180px;font-size:2em;}
.large h2{font-size:3em;}
.white{color:#fff;}

h3{position:relative;margin-bottom:20px;border-bottom-width:1px;text-transform:uppercase;line-height:20px;font-weight:bold;}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;font-weight:normal;}

dl{margin:10px 0;}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px;}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px;}
dd{height:0px;overflow:hidden;width:440px;}

#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden;}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden;}
#photos a:hover,#photos a.cur{background:#fff;color:#000;}
#float{display:none;position:absolute;}
#float.nxt,#float.prv{display:block;}
#float.nxt{background-position:-16px 5px;}
#float.prv{background-position:7px 5px;}



/*
W3x additions
*/

body {
	padding: 0;
	margin: 0;
}

.fix_width_tpl { width:850px; }

#textbox{
	z-index:0;
	position:absolute;
	top:85px;
	background:transparent;
	width:auto;
	right:50px;
	border:0px solid red;
	color:#EFEFEF;
}

#textbox h1 {

 	font-size:54px;
	font-weight:normal;
	text-align:right;
	padding-bottom:5px;
}

#textbox h2 {

 	font-size:32px;
	font-weight:normal;
	text-align:right;
	padding:0;
	text-decoration:none;
}

#kin{
	z-index:2;
	position:absolute;
	left:20px;
	top:21px;
	width:50px;
	height:50px;
	background-color:white;
	padding:1px;
}

ul#kin_text>li>span {font-size:0.8em;}
.span1 {font-size:0.7em;}

#kin img {
	height:100%;
	width:auto;
	margin:0 auto;
	padding:0;
}

#box_kin_bg{
	z-index:3;
	position:absolute;
	top:21px;
	left:78px;
	width:100%;
	height:43px;
	padding-left:8px;
	padding-top:6px;
	opacity:0.70;
	filter:alpha(opacity=70);
	background:transparent;
	border:2px solid white;
}

#kin_text {
	z-index:4;
	top:20px;
	left:75px;
	position:absolute;
	font-size:1em;
	font-weight:600;
	color:#222222;
	display:block;
}

ul#kin_text {
	width:100%;
	height:50px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:1px;
}

#kin_text li {
	display:block;
	clear:both;
	padding-top:3px;
	padding-left:5px;
}

.kin_text_1 {
	margin-right:20px;
}

.kin_text_2 {

}

#box_menu_bg{
	z-index:1;
	position:absolute;
	top:5px;
	left:5px;
	width:100%;
	height:42px;
	padding-left:10px;
	opacity:0.70;
	filter:alpha(opacity=70);
	background:#B7DCFC;
	border:2px solid white;
}

#ajax-w3x {
	z-index:2;
	position:absolute;
	bottom:85px;
	left:76px;
	background: transparent !important;
	border:none;
	margin:0;padding:0;
	padding-top:6px;
	color:white;
	font-size:1.3em;
}
.sf-menu, .sf-vertical {
	background: transparent !important;
}
.sf-vertical {
	width:300px !important;
}
.sf-sub-indicator {
	display: none;
}
.sf-menu a.sf-with-ul {
	padding-right: .75em;
}
.sf-menu a {
	border-left: none;
	border-top: none;
	padding: 0 !important;
}
.sf-menu li {
	padding:5px;
}
.sf-menu a, .sf-menu a:visited {
	color: #EFEFEF;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:transparent !important;

}

.sf-menu-sub1, .sf-menu-sub1 li:hover, .sf-menu-sub1 li.sfHover, .sf-menu-sub1 a:focus, .sf-menu-sub1 a:hover, .sf-menu-sub1 a:active {

	background:transparent !important;
	border:0px solid #AABDE6;
<!--
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
//-->
}


img#expando {
	position: absolute;
	display: none;
	z-index: 2;
	-ms-interpolation-mode: bicubic;
}

.wide img#expando,
.tall img#expando {
	display: block;
}

.wide img#expando {
	width: 100%;
	height: auto;
}

.tall img#expando {
	width: auto;
	height: 100%;
}

.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
}

#resizable { width: 150px; height: 150px; padding: 0.5em; }

#resizable h3 { text-align: center; margin: 0; }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.ui-corner-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.ui-corner-right {  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.ui-corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.ui-dialog {
	padding:5px;
	opacity:0.9;
}

.ui-dialog .ui-dialog-titlebar {
	padding:10px;
}
.no-close .ui-dialog-titlebar {
  display: none;
}
#myDialogContent {
	padding-top:50px;
	background-color:white;
}

#myDialogContent h2 {
	font-size:1.2em;
}
#myDialogContent h4 {
	font-size:1.1em;
}
#myDialogContent h4,h5 {
	padding-bottom:20px;
	padding-top:0px;
}

#myDialogContent h5 {
	font-size:0.9em;
	font-weight:bold;
}

#myDialogContent p {
	font-size:0.9em;
}

#myDialogContent li {
	font-size:0.9em;
}

#myDialogContent td {
	padding:5px 15px;
	font-size:0.9em;
	vertical-align:middle;
}

#myDialogContent .maya3-1 td {
	padding:10px 5px;
	vertical-align:top;
	border:1px solid black;
}

#myDialogContent td.druck {
	padding-bottom:50px;
	padding-left:50px;
}

#film-wrapper {
    visibility:hidden;
    height: 480px;
    width: 642px;
	position: absolute; display: block; z-index: 900; bottom: 0px; right: 100px;
}
.projekktor {
	border:1px solid black;
	height:360px;
	
}
.film-text {
    height: 90px;
    width: auto;
    background-color: white;
    opacity:0.7;
    color:#333;
    padding:10px;
}

#film-inline_media, #film-inline_media_youtube{
	background-color:#000;
}
#film-dialog{
	height:100%;
	width:100%;
}
.wave {
	padding:2px;
}

.ui-widget-content a.extern {
	text-decoration:underline;
	color:blue;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family:helvetica,Arial,sans-serif;
	font-size: 0.95em;
}

.myForm label, .myForm input, .myForm select { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
}


.myForm input, .myForm textarea  {
	background-color:#efefef;
	width:225px;
	border:1px solid #AAAAAA;
	padding:2px 2px 0 2px;
	height:24px;
}

.myForm input, .myForm textarea  {
	height:24px;
}

.myForm input.error, .myForm textarea.error  {
	border:1px solid red;
}

.myForm textarea {
	height:80px;
}


.myForm p  {
	padding:10px 0 15px 0;
	clear: left; /* das floating der labels und inputs aufheben */
	height:20px;
}

.myForm select {
	width: 11em;
	float: left;
	height:26px;
	background-color:#efefef;
	border:1px solid #AAAAAA;
	text-align:center;
	padding:3px;
}

input#myForm_submit, a#myForm_submit {
	background-color:#efefef;
	border:1px solid #AAAAAA;
	height:24px;
	width:8em;
	cursor:pointer;
}

#myForm_pdoc, #myForm_news {
	width:14px;
	height:14px;
	float:left;
}

label { width: 13em; float: left;}
label.sel1 { width: 660px;padding-left:2.5em;border:0px solid red;}
label.sel2 { width: 600px;padding-left:2.5em;border:0px solid red;}
label.error { /*float: none;*/ color: red; padding-left: .5em; vertical-align: top; width:20em;}

p.error {color:red;}

#questery p {
	padding-left:10px;
}
#questery p.error {
	padding-bottom:10px;
    padding-top:0px;
    font-size:0.8em;
}
.commenter {
	clear:both;
	font-size:13px;
}

#intro-click {
	top:100px;
	left:81px;
	width:320px;
	height:200px;
	position:absolute;
	z-index:1000;
	cursor:pointer;
	border:1px solid #000;
}
.intro-png {
	width:100%;
}



#myDialogContent .privacy p, #myDialogContent .privacy span {
	padding-bottom: 15px;;
	font-size:14px; !important;
}

#myDialogContent .privacy ol.ebene1 {
	counter-reset: listenpunkt_ebene1;
	list-style-type: none;
	padding: 0;
}

#myDialogContent .privacy ol.ebene1 span {
	padding-right: 10px;
	font-weight: bold;
}

#myDialogContent .privacy ol.ebene1 p {
	padding-right: 10px;
	font-weight: normal;
}

#myDialogContent .privacy ol.ebene1 > li::before {
	content: counter(listenpunkt_ebene1) ". ";
	counter-increment: listenpunkt_ebene1;
	font-weight: bold;
}

#myDialogContent .privacy ol.ebene2 {
	padding: 0;
	counter-reset:listenpunkt_ebene2;
	list-style-type:none;
}

#myDialogContent .privacy ol.ebene2 > li::before {
	content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2) ". ";
	counter-increment:listenpunkt_ebene2;
	font-weight: bold;
}

#myDialogContent .privacy ol.ebene3 {
	padding: 0;
	padding-left: 30px;
	list-style-type:disc;
	font-weight: normal;
}

#myDialogContent .privacy ol.ebene3 li {
	list-style-type:disc;
}

#myDialogContent .privacy ol.ebene3 span {
	font-weight: normal;
}