/******************************************
*
* common.css
*
* Common CSS definitions for CMS
*
* Copyright 2005 by  Gerhard Sinnhuber
*
* Author(s):  http://www.transform.at
*
******************************************/



body{
	font-family		:  Arial, Verdana,  Tahoma,  Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: 400; 
	line-height: 17px;
	color: #000;
	margin:0px;
	padding:0px;
}

td{
	font-family		:  Arial, Verdana,  Tahoma,  Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: 400; 
	line-height: 17px;
	color:#eee;
}

table{
	border: 0px;
}
/* ------------------

background-color: #99B8CF; A0AEC5
linkfarbe: #f76637;
frontend bg: #8baec9;
  ---------------------*/

#frontend{
	background-color: #717780;
	background-image: url("images/bodybg.gif");
	background-repeat: repeat-x;
	color: #6888a5;
}

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

a,  a:active,  a:visited {  
	color: #9fb8c2;
	border:0px; 
	text-decoration: none;
	font-weight:bold;
}

 a:hover	{
	text-decoration: none;
	color:#fff; 
	}


h1 {
	font-weight: 700; 
	font-size: 12Px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px;
	margin: 0px;
}

h2 {
	font-weight: 700; 
	font-size: 11Px;
	line-height: 16px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px -5px;
}


h3,h4 {
	font-weight: 700; 
	font-size: 12Px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px;
	margin: 0px;
}


hr{
	border:solid #cfcfcf 1px;
	height: 1px;
}


/* --------------------------------------
    Grundbereiche
   -------------------------------------*/

#header{
	position: relative;
	left: 0px;
	top: 0px;
	padding:0px;
	margin: 0px;
	border-bottom: 2px solid #eee;
}


#menuleft{
	width: 170px;
	color: #9fb8c2;
	margin-right: 20px;
	padding-top:28px;
	font-size: 12px;
}


#menuright{
	width: 170px;
	color: #9fb8c2;
	margin-left:20px;
	padding-top:28px;
	font-size: 12px;
}


#content{
	width: 540px;
	min-height: 130px;
	margin:28px 20px 0px 20px;
	color: #eee;
	font-size: 12px;
}

#content-media{
	width: 540px;
	height: 240px;
	margin:28px 20px 0px 20px;
	color: #eee;
	font-size: 12px;
}
#content-video{
	width: 540px;
	height: 120px;
	margin:28px 20px 0px 20px;
	color: #eee;
	font-size: 12px;
}
#footermenu{
	position: relative;
	text-align: left;
	margin:30px 20px 0px 20px;
	height: 20px;
	width:540px;
	color: 9fb8c2;
	letter-spacing: 1.5px;
	word-spacing: 2px;
	display: block;
	overflow: hidden;
}



.mainakt{
	font-size:16px;
	color:#fff;
}
.mainakt a, .mainakt a:active, .mainakt a:visited { 
	color:#fff;
	text-decoration: none;
}
.mainakt a:hover {
	text-decoration: none;
	color:#efefef;
}


.mainlo {
	font-size:16px;
	color: #9fb8c2;
}
.mainlo a, .mainlo a:active, .mainlo a:visited { 
	color:#9fb8c2;
	text-decoration: none;
}
.mainlo a:hover {
	text-decoration: none;
	color:#efefef;
}











/* --------------------------------------
    Haupt-Navigations Definitionen
   -------------------------------------*/


.menubutton{
	color: #9fb8c2;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
.menubutton a, .menubutton a:active, .menubutton a:visited { 
	color:#9fb8c2;
	text-decoration: none;
}
.menubutton a:hover {
	text-decoration: none;
	color:#efefef;
}


.menuactive{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
.menuactive a, .menuactive a:active, .menuactive a:visited {  
	color:#fff; 
	border:0px; 
	text-decoration: none;
}
.menuactive a:hover	{
	text-decoration: none;
	color:#efefef; 
	}



/* --------------------------------------
    Sub-Navigation  Definitionen
   -------------------------------------*/


.submenu{
	color: #9fb8c2;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

.submenu a, .submenu a:active, .submenu a:visited { color:#9fb8c2; border:0px; text-decoration: none; }
.submenu a:hover	{  color:#efefef; text-decoration: none;}



.submenuactive{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
.submenuactive a, .submenuactive a:active, .submenuactive a:visited { color:#fff; 
	border:0px; 
	text-decoration: none;
}
.submenuactive a:hover	{   color:#efefef; text-decoration: none;}



/* --------------------------------------
    Content Definitionen
   -------------------------------------*/
#startseite{
	background-color: #717780;
	background-image: url("/images/header_startseite.jpg");
	background-repeat: repeat-x;
	color: #6888a5;
	position: relative;
	left: 0px;
	top: 0px;
	padding:0px;
	margin: 0px;
	color: #fff;
	font-size: 16px;
}


#blaettern {
	position: absolute;
	top:485px;
	left:480px;
	width: 100px;
	font-family: Arial, Verdana,  Tahoma,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	z-index:99;
}

#blaettern a, #blaettern a:active, #blaettern a:visited {  font-weight: bold; color:#333; border:0px; text-decoration: none; }
 #blaettern a:hover	{  color:#acacac;  text-decoration: none;}


#blaetternaktiv {	
	color: #006c98;
}

#blaetternaktiv a, #blaetternaktiv a:active, #blaetternaktiv a:visited {  font-weight: bold; color:#006c98; border:0px; text-decoration: none; }
 #blaetternaktiv a:hover	{  color:#acacac;  text-decoration: none;}




.headline{
	padding: 0px 15px 20px 15px;
	color: #e31423;
	font-weight: bold;
	font-size:11px;
}

.teaser{
	padding: 0px 15px 0px 15px;
	color: #4a4a4a;
}

.fliesstext{
	padding: 0px 15px 0px 15px;
	color: #4a4a4a;
	font-size: 11px;
	line-height: 15px;
}

#infotext, #flv-player{
	margin:20px 0 0 20px;
	width: 448;
	color:#fff;
}

/* --------------------------------------
    spezielle Definitionen
   -------------------------------------*/

.videopreview {
float: left;
display: inline;
margin-right: 20px;
width: 160px;

}

.videopreviewtext {
	font-size:10px;
	line-height: 12px;
	width: 160px;
	margin-top: 5px;
}