/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/*style*/

/*____Allgemein____*/
body{
	/* background: #c2cdd7 url(gfx/bg.gif) repeat-x top left; */
	background: white;
	font-family: Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align:center;
	}

a, a:link, a:visited {
	color:#000;
	text-decoration: none;
}	

a:hover, a:active {
	color:#ff0000;
}

h1 {
	margin-bottom: 0px;
}
h2 {
	margin-bottom: 5px;
}

h2, h1 {
	color:#254a69;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
}

/*____Kontakt____*/

div.right form{
	width:400px;
	margin:10px 0;
}

div.right label {
	display:block;
	float:left;
	width:80px;	
	vertical-align:top;
	padding-top:5px;
}

div.right input {
	margin:3px 0;	
	width:250px;
	background:#fff;
	border:1px solid #254a69;
}

div.right textarea {
	width:250px;
	height:80px;
	border:1px solid #254a69;
}

table, td {
    color:#254a69;
    padding:3px 20px 0px 0;
}

/*____Class____*/

p.form, #content_pro p.form {
	margin-left: 62px;
}

p.form input, #content_pro p.form input {
	width:100px;
	margin-right:40px;
	
}

img.header {
	margin:10px auto 5px auto;
}

div.box {
	/* background-color: #e8edf2; */
	padding:8px;
	min-height:375px;
	font-size: 90%;
	float:left;
	width:898px;
	*width:898;
	text-align:left;	
	margin:15px;
	*margin: 15px 11px 15px 11px;
}

div.box div.left {
	width:49%;
	float:left;
}

div.box div.left div{
	margin:0 auto;
	text-align:center;
}

div.box div.right {
	width:49%;
	float:right;
}

/*____Navigation____*/

#navi{
	background-color:#f1f4f7;
	padding-bottom:4px;
	margin-top:6px;
}

#navi ul{
	font-size: 110%;
	width:943px;
	*width:903px;
	*font-size:101%;
	margin:auto;
	padding-top:2px;
	text-align:right;
	list-style: none;
}

#navi li{
	display:inline;
	font-variant: small-caps;
}

#navi li a{
	margin:0 5px;
}

#navi li.subnavi, #navi li.subnavi a {
	color:#b3c8d7;
}

#navi li.subnavi a:hover {
	color:#ff0000;
}

#navi li span{
	margin:0 5px;
	color:#ff0000;
}

#navi li.abstand{
	padding-right:100px;
}

/*____Content Navigation____*/

#con_navi_button {
	padding-left:10px;
	display:block;
	z-index:100;
	position:absolute;
	left:0px;
	top:293px;
	font-style:italic;
}

#con_navi_button li img{
    margin-left:5px;
}

#con_navi {
	padding-left:10px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
    visibility: show;
    
}

#con_navi2 {
	padding-left:10px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
    visibility: hidden;
}

#con_navi ul, #con_navi2 ul, #con_navi_button ul{
	text-align:center;
	float:left;
	width: 250px;
	padding:20px 0px 0 10px;
}

#con_navi ul.einzeln{
	text-align:center;
	float:left;
	width: 20%;
	padding:20px 0px 0 10px;
}

#con_navi li.leer, #con_navi2 li.leer {
	border:0px;
	width:108px;
	background-color: transparent;
}

#con_navi li, #con_navi2 li, #con_navi_button li {
	display:inline;
	float:left;	
	border:1px solid #7b98b0;
	margin:5px;	
	background-color: #d7e5f2;
	width:106px;
}

#con_navi_button li {
	width:106px;
}

#con_navi ul li a, #con_navi2 ul li a, #con_navi_button ul li a{
	display:block;
	padding:3px;
	background-color: #d7e5f2;
	width:100px;
}

#con_navi ul li a:hover, #con_navi ul li a.active, #con_navi2 ul li a:hover, #con_navi2 ul li a.active, #con_navi_button ul li a:hover {
	background-color: #fff;
}


/*____Content____*/

#content {
	/* background: #c2cdd7 url(gfx/content_bg.gif) no-repeat top left; */
	background: white;
	padding: 0 0 10px 0;
	width:943px;
	*width:943px;
	min-height:410px;
	*height:415px;
	margin:0px auto;
	text-align:center;
	color:#254a69;
	position:relative;
	zoom:1;
}

#content:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

#content div.inhalt{
	padding: 25px;
}

#content_index{
	float:left;
	width:75%;
	margin-top:0px;
	text-align:left;
	
}

#content_index img, #content_index span{
	float:left;
	margin-top:35px;
}

#content_index p{
	margin-top: 40px;
}

#inhalt{
	float:left;
	width:90%;
	margin-top:25px;
	text-align:left;
}

#inhalt img {
	float:left;
	margin-right:20px;
}

#inhalt p{
	margin-top: 40px;
}

#content_ref, #content_pro{
	display:block;
	float:right;
	text-align:left;
	padding-right:25px;
}

#content_pro{
	margin-top:21px;
	width:75%;
}

#content_pro span{
	margin-left:50px;
	display:block;	
}

#content_pro table tr td{
	vertical-align:top;	
}

#content_ref{
	margin-top:25px;
	width:67%;
}

#content_ref img {
	border:1px solid #7b98b0;
}

#content_ref img, #content_pro img {
	display:block;
	margin-bottom:10px;
}

#content_movie{
	display:block;
	width:70%;
	padding:50px;
	margin:0 auto 0 auto;
	text-align:left;
}

#content_movie img {
	float:left;
	margin:0 20px;
}

#content_movie p{
	margin-top: 40px;	
}

#movie {
    background-color: #E8EDF2;
    padding:20px;
    border: 1px solid #7b98b0;
    float:left;
    margin-right:20px;
}

/*____Lautschrift____*/

#lautschrift {
	background-color: #e8edf2;
	padding:5px;
	float:right;
	width: 20%;
	text-align:center;
	margin: 15px 10px 0 0;
}

#lautschrift img {
	border:1px solid #254a69;
	margin:5px 0;
}

#lautschrift div {
	text-align:left;
	padding:5px;
}

#content_pro form table{
}

#content_pro form table th {
	width:80px;	
}

#content_pro form table td input{	
	background:#fff;
	border:1px solid #254a69;
	width:200px;
}

#content_pro form table td input.radio{	
	background:transparent;
	border:0px solid #254a69;
	width:20px;
}

#content_pro form table td.button input{	
	width:90px;
	margin:5px;
}