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

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

* {
	padding: 0;
	margin: 0;
}

body { 
	background-color: white;
	font : normal 14px Verdana,Helvetica, Arial;
	overflow:hidden;
}

.bblue{
	margin:0;
	background-color:white;
}

.template_1{
	padding:40px;
	text-align:left;
}

h1{
	color:#D10000;
	font : normal 20px Verdana,Helvetica, Arial;
}

h2{
	font : bold 28px Times;
}

table,iframe,div {
	font : normal 14px Verdana,Helvetica, Arial;	
}

div {
	border:0px solid red;
	margin: 0;
	padding: 0;
}

table,iframe{
	border:0px groove green;
	padding : 0 0 0 0;
	white-space : 0;
	margin : 0 0 0 0;
	background-color : #FFFFFF;
}

table{
	width:100%;
}

td{
	color: #333333;
	border : 0px solid black;
	padding: 0 0 0 0;
	white-space : 0;
	margin : 0 0 0 0;
	vertical-align:top;
	background-color : #FFFFFF;
}

#menu_1 {
	margin:0 auto;
	width:140px;
	margin-top:0px;
}

#menu_2 {
	margin:0 auto;
	width:210px;
	margin-top:0px;
}

#beside ul {
	list-style:none;
}

#beside li{
  float:left;
  list-style:none;
  padding:8px;
}

a, a:link, a:visited, a:active, a:focus{
	font : normal 16px Verdana,Helvetica, Arial;
	color: #D10000;
	text-decoration: none;
	cursor:pointer;
	border:0px dotted white;
}

a:hover {
    color: #000000;
}

img {
	border:0;
}

div.center{
	position:absolute;
	top:50%;
	left:50%;
}


/* BOX MODEL */

#foot {
	position:absolute;
	z-index:100;
	bottom:0;
	right:0;
	opacity: .82;
    filter: alpha(opacity=82);
    -moz-opacity: .82;	
	background-color : #FFFFFF;
	padding-left:10px;
	padding-right:10px;	
	height:20px;
}
#foot a {
	font : 10px/10px Verdana,Helvetica, Arial;
	color: #D10000;
	text-decoration: none;
	line-height:20px;
}

#picture-box {
  position: absolute;
  z-index: 0;
  width:100%;
  height:100%;
  border:0px solid red;
}

#current-picture {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  visibility:hidden;  
}

.hider{
	display:none;
}
#container {
	position: absolute;
	z-index:1;
	top: 50%;
	left: 50%;
	height:550px;
	width: 930px;
	margin: -290px 0 0 -465px;
}

#TB_load{
	position: fixed;
	display:none;
	height:300px;
	width:300px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 0px; /* -height/2 0 0 -width/2 */
}
.Left {
	float: left;
	width: 453px;
}

.boxL  {
	opacity: .82;
     filter: alpha(opacity=82);
     -moz-opacity: .82;	
	background-color : #FFFFFF;
	text-align:center;
	height:150px;	
}

#mediaplayer  {
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;		
	width: auto;
	background-color : #efefef;
}

.mp1,.mp2 {
	padding:10px;
}

#mp3player  {
	width: auto;
	background-color : #FFFFFF;
	border:1px solid #000000;
	border-top:none;
	text-align:center;
	height:430px;	
}

.Right {
	margin-left: 477px;
	width: 453px;
}

.boxR {
	opacity: .82;
     filter: alpha(opacity=82);
     -moz-opacity: .82;
	background-color : #FFFFFF;
	text-align:left;
	height:580px;
	border:1px solid black;
}

.boxR, .boxL {
	border:1px solid #333333;
}

#scr1 {
	padding:10px;
	height:490px;
	overflow:scroll;
}


a.scroll, a.scroll:link, a.scroll:visited, a.scroll:active, a.scroll:focus{
	font : bolder 23px Verdana,Helvetica, Arial;
	color: #D10000;
	text-decoration: none;
	cursor:pointer;
	border:0px dotted white;
	padding:5px;
}

a.scroll:hover {
    color: #000000;
}


#titel_1{
	padding-top:15px;	
}

#titel_2{
	padding-top:20px;	
	padding-bottom:10px;		
}

#titel_3{
	padding-top:5px;
	padding-left:10px;	
}

.blau {
	color:#1B3855;
}

.rot {
	color:#D10000;
}

.dunkelrot {
	color:#990000;
}

.kommentar {
	font-size:11px;
	line-height:15px;
	color:#626262;	
}

.impuls {
	font-size:11px;
	line-height:15px;
	color:#D10000;	
}

.caps {
	font-variant: small-caps;
}

.small {
	font-size:11px;
}



/* 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; }