/*
  ---------------------------------------------------------------------
  central definitions
  ---------------------------------------------------------------------
*/

body
	{
 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
  	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
 	color:#000000;
	background-color:#dfddd6;
	text-decoration:none;
	}
	
/*
  ---------------------------------------------------------------------
  redefinitions of HTML tags
  ---------------------------------------------------------------------
*/


h1, h2, h3, h4, h5, h6,
form, input, select,
tr, p, .bu, .eingabe, .required, .subheadline, span,
#subnavi a, #subnavi a:active, #subnavi a:hover
	{
 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
  	font-size:12px;
	}
	
table 	
	{
	border-collapse:collapse;
	margin:0px;
 	padding:0px 0px 0px 0px;
  	font-size:11px;		
	}	
	
td	{
	border-width:0px;
	border-style:solid;
	border-color:#000000;
	padding:0px 0px 0px 0px;
	}
	


img {
	border:none;
	}


h1, h2, h3, h4, h5, h6 
	{
  	font-weight:normal;
	}

/*
ul	{
	border-width:0px;
	}
	
li	{
	list-style-type:square;
	}
*/	




a, a:link, a:active, a:visited
	{
  	color:#000000;
  	text-decoration:underline;
	}

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


/*
  ---------------------------------------------------------------------
  definitions of ID's
  ---------------------------------------------------------------------
*/


	





#LayCont 	
	{
	float:left;
	height:100%;
	margin:0px;
	padding:28px 0px 42px 0px;
	background-color:#dfddd6;
	border:0px solid red;
	}
	
#LayCont h1 
	{
	border:0 none;
	color:#000000;
	font-size:28px;	
	padding:0;
	text-align:left;
	}
		
#LayCont h2 {
	font-size:130%;
	font-weight:normal;
	text-transform:uppercase;
	}	
	
	
	
	
	
#LayVideo	
	{
	width:720px;
	height:440px;
	margin:0px;
	padding:0px;
	background-image:url('../images/0bg_videoframe.jpg');
	background-repeat:no-repeat;
	background-color:#003333
	}	




#LayNav
	{
	float:left;
	width:196px;
	padding:0px;
	margin:7px 0px 0px 83px;
	padding:0px;
	color:#F037C7;
	vertical-align:top;
	border-width:0px;
	text-transform:uppercase;
	border:0px solid red
	}	
	

	
#Content
	{
	width:720px;
	margin:20px 0px 0px 0px;
	padding:0px 10px;
	border:0px solid green
	}
	


	


/*
  ---------------------------------------------------------------------
  definitions of Classes
  ---------------------------------------------------------------------
*/


.videoNaviHead
	{
	padding:24px 0px 4px 0px;
	}


.videoNavi
	{
	width:150px;
	padding:4px 0px 4px 0px;
	}
	
.videoNavi a, .videoNavi a:link
	{
	margin:0px;
	text-decoration:none;
	background-color:transparent
	}







.textbereich
	{
	padding:20px 0px 5px 0px
	}	

.textbereich a, a:link, a:hover, a:active
	{
	text-decoration:underline
	}



.headline {
	margin:0px 0px 12px 10px;
	border:0px solid blue
	}










.videobox
	{
	float:left;
	width:300px;
	height:150px;
	margin:0px 55px 10px 0px;
	border:0px solid blue
	}




	
	/* Linkeigenschaften und Icons */	
	
	
.hrefVideo
	{
	height:15px;
	margin-top:2px;
	padding:0px 0px 0px 9px;
	background-image:url('../images/1icon_start.png'); 
	background-position:0px 5px;
	background-repeat:no-repeat;
	}

.hrefVideo a, .hrefVideo a:link, .hrefVideo a:active, .hrefVideo a:visited
	{
	vertical-align:text-top;
  	text-decoration:none;
	}
	
.hrefVideo a:hover 
	{
  	text-decoration:none;
	}
	

	
	
	
.hrefArrowForward
	{
	height:12px;
	padding:0px 0px 0px 0px;
	background-image:url('../images/2navi_pfeil-rechts.gif'); 
	background-position:0px -1px; 
	background-repeat:no-repeat;
	}

.hrefArrowForward a, .hrefArrowForward a:link, .hrefArrowForward a:active, .hrefArrowForward a:visited
	{
	vertical-align:text-top;
  	text-decoration:none;
  	color:#DF8337;
	}
	
.hrefArrowForward a:hover 
	{
  	text-decoration:underline;
	}
	
	
	
.hrefArrowBackward
	{
	height:12px;
	padding:0px 0px 0px 0px;
	background-image:url('../images/2navi_pfeil-links.gif'); 
	background-position:0px -1px; 
	background-repeat:no-repeat;
	}

.hrefArrowForward a, .hrefArrowForward a:link, .hrefArrowForward a:active, .hrefArrowForward a:visited
	{
	vertical-align:text-top;
  	text-decoration:none;
  	color:#DF8337;
	}
	
.hrefArrowForward a:hover 
	{
  	text-decoration:underline;
	}
	
	
	
	
	
		
.hrefOut
	{
	padding:0px 0px 0px 0px;
	}

.hrefOut a, .hrefOut a:link, .hrefOut a:active, .hrefOut a:visited
	{
  	text-decoration:none;
  	color:#DF8337;
	}
	
.hrefOut a:hover 
	{
  	text-decoration:underline;
	}

	
.hrefPrint	
	{
	padding:0px 0px 0px 12px;
	background-image:url('../images/2href-print_grau.gif'); 
	background-position:0px 4px; 
	background-repeat:no-repeat;
	}

.hrefPrint a, .hrefPrint a:link, .hrefPrint a:active, .hrefPrint a:visited
	{
  	text-decoration:none;
  	color:#DF8337;
	}
	
.hrefPrint a:hover 
	{
  	text-decoration:underline;
	}
	
	
.hrefMail
	{
	padding:0px 0px 0px 12px;
	background-image:url('../images/2href-mail_grau.gif'); 
	background-position:0px 4px; 
	background-repeat:no-repeat;
	}

.hrefMail a, .hrefMail a:link, .hrefMail a:active, .hrefMail a:visited
	{
  	text-decoration:none;
  	color:#DF8337;
	}
	
.hrefMail a:hover 
	{
  	text-decoration:underline;
	}
	
	
	
	
/*
  ---------------------------------------------------------------------
  Klassen für Formularfelder
  ---------------------------------------------------------------------
*/

	
	
table#Formular	
	{
	width:500px;
	border-collapse:collapse;
	background-color:transparent
	}	
	
/*	color:#FFFFFF; */
	
td#Formular
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	margin:0px;
	padding:2px 0px 2px 0px;
	text-align:right;
	}	
	
td#FormularFeld
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:2px 10px 14px 0px;
	font-weight:bold;
	text-align:left;
	}	
	
td#FormularAnm
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:5px 4px 20px 0px;
	text-align:left;
	}	
	
	


input.buttonSenden, input.buttonSenden a, input.buttonSenden a:visited  
	{ 
 	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
    height:30px;
	color:#7a776c;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#eae6db;
	border:1px solid #7a776c;
	}
	
input.buttonSenden:hover
	{ 
	padding:0px 0px 0px 0px;
	color:#000000;
	border:1px solid #000000;
	}		
	

/* SENDEN Reset */	
	
input.buttonReset, input.buttonReset a  
	{ 
 	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	width:120px;
    height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7a776c;
	background-color:#eae6db;
	border:1px solid #7a776c;
	}
	
input.buttonReset:hover
	{ 
	padding:0px 0px 0px 0px;
	color:#b80000;
	border:1px solid #b80000;
	}	

	
	
	
	
	
	
.counterFields 
	{
	background-color:#f7f7f7;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:0px;
	font-size:14px;
	color:#017CA6;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	}

.formatFields 
	{
	width:200px;
	height:16px;
	padding:2px 0px 2px 2px;
	background-color:#FFFFFF;
	border:1px solid #7a776c;
	font-family:Arial, Helvetica, sans-serif;
	color:#7a776c;
	font-weight:normal; 
	}
	
select.formatFields, option.formatFields
	{
	background-color:transparent;
	border:1px solid #7a776c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	}	
	
	
textarea.formatFields 
	{
	width:440px;
	height:100px;
	font-size:12px;
	border:1px solid #7a776c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	}	
	
.disabledFields 
	{
	background-color:#DBDBDB;
	border-left:1px solid #000000;
	border-right:1px solid #C6C6C6;
	border-top:1px solid #000000;
	border-bottom:1px solid #C6C6C6;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif; 
	}	
	

	
.button, .button a  
	{ 
 	margin:2px 0px 4px 1px;
	padding:0px 0px 0px 0px;
	background-color:#DFAA71;
	border-left:1px solid #F4E0CB;
	border-right:1px solid #CD8333;
	border-top:1px solid #FFF2E4;
	border-bottom:1px solid #D99955;
	}
	
.button:hover
	{ 
	background-color:#DF8337;
	}