
/*------------- #######      Speaker Agency STYLES  BAERRIEREFREI  #######  --------------- */


/*---------------------------    Basis Styles   ---------------------------- */

body
{		background-color: #FFFFFF;
		margin: 40px 0 20px 0; 
		font-family:  Arial, Helvetica, sans-serif; 
		font-size: 11px;
}
		
.topContent /*Text links oben*/
{		float:left;
		width: 485px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
		height: 122px; 	/*Firefox Hoehe = Hoehe - (padding oben + padding unten)*/
		_width: 632px; 	/*IE 7*/
		_height: 166px; /*IE 7*/
		background-color:#E3E3E3;
		padding:32px 60px 10px 85px; 
		vertical-align:top;
		border-bottom: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;
}

.voiceletter  			{color: #000000;}
.voiceletter:link  		{text-decoration: none;	color: #000000;}
.voiceletter:active		{text-decoration: none;	color: #000000;}
.voiceletter:visited	{text-decoration: none;	color: #000000;}
.voiceletter:hover		{text-decoration: none;	color: #F16300;}

.voiceletter_link  			{font-weight:bold; color: #F16300;}
.voiceletter_link:link  	{text-decoration: none;	color: #F16300;}
.voiceletter_link:active	{text-decoration: none;	color: #F16300;}
.voiceletter_link:visited	{text-decoration: none;	color: #F16300;}
.voiceletter_link:hover		{text-decoration: none;	color: #364C63;}


.flash /*Startseite mit Flash-Film*/
{		float:left;
		_width: 632px; 	/*IE 7*/
		background-color:#FFFFFF;
		padding:0px 0px 0px 0px; 
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
}


.topNav /*Navigation rechts oben*/
{		float:left;
		width: 372px; /*Firefox*/
		height: 150px; /*Firefox*/
		_width: 372px; /*IE 7*/
		_height: 166px; /*IE 7*/
		background-color:#FFA246;		
		vertical-align:top;
		list-style-type: none;
		border-bottom: 2px solid #FFFFFF;
		padding:14px 0px 0px 0px;
}

.middleImage /*Bild links Mitte obere Reihe*/
{		float:left;
		width:630px;
		height:186px;
/*		vertical-align:bottom;*/
		border-right: 2px solid #FFFFFF;
}


.upImage /*Bild links Mitte obere Reihe*/
{		float:left;
/*		width:630px;*/
/*		height:186px;*/
/*		vertical-align:bottom;*/
/*		border-right: 2px solid #FFFFFF;*/
}

.upEndImage /*letztes Bild obere Reihe*/
{		float:left;
/*		width:630px;*/
/*		height:186px;*/
/*		vertical-align:bottom;*/
		border-right: 2px solid #FFFFFF;
}

.downImage /*Bild links Mitte untere Reihe*/
{		float:left;
/*		width:630px;*/
/*		height:186px;*/
/*		vertical-align:bottom;*/
/*		border-right: 2px solid #FFFFFF;*/

}

.downEndImage /*letztes Bild untere Reihe*/
{		float:left;
/*		width:630px;*/
/*		height:186px;*/
/*		vertical-align:bottom;*/
		border-right: 2px solid #FFFFFF;

}

.middleSubNavKasten /*Subnavigation rechts Mitte oben*/
{		float:left;
		width:372px;
/*		height:186px;*/
}

.middleSubNavTop /*Subnavigation rechts Mitte oben*/
{		width:372px; /*Firefox*/
		height:91px; /*Firefox*/
		_width:372px; /*IE 7*/
		_height:96px; /*IE 7*/
		background-image: url(../images/menu_verlauf.jpg);
		background-repeat: repeat-x;		
		list-style-type: none;
		vertical-align:top;
		padding-top:5px;
}

.middleSubNavBottom /*Subnavigation rechts Mitte unten*/
{		float:left;
		width:372px; /*Firefox*/
		height:76px; /*Firefox*/
		_width:372px; /*IE 7*/
		_height:90px; /*IE 7*/
		background-image: url(../images/menu_verlauf.jpg);
		background-repeat: repeat-x;		
		list-style-type: none;
		vertical-align:top;
		padding-top:20px;

}

.SubNavBottom /*Subnavigation rechts unten (dunkler oranger Streifen)*/
{		float:left;
		width:372px; /*Firefox*/
		height:45px; /*Firefox*/
		_width:372px; /*IE 7*/
		_height:45px; /*IE 7*/
		background-image:url(../images/orange.gif);
		background-repeat: repeat-x;		
		list-style-type: none;
		vertical-align:top;
		padding-top:11px;

}

.bottomContent /*Text links oben*/
{		float:left;
		width: 485px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		height: 137px; 	/*Firefox Hoehe = Hoehe - (padding oben + padding unten)*/
		_width: 632px; 	/*IE 7*/
/*		_height: 165px; /*IE 7*/
		padding:37px 60px 10px 85px; 
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
}

.impressionen /*Text links oben*/
{		
		width: 545px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		height: 137px; 	/*Firefox Hoehe = Hoehe - (padding oben + padding unten)*/
		_width: 632px; 	/*IE 7*/
/*		_height: 165px; /*IE 7*/
		padding:37px 0px 10px 85px; 
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
		float:left;
}

.impressionenLinkeSpalte
{		float:left;
		width: 226px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		_width: 226px; IE 7*/
		vertical-align:top;
		margin-right:47px;
}


.impressionenRechteSpalte
{		float:left;
		width: 226px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		_width: 226px; 	 IE	7*/
		vertical-align:top;
/*		margin-right:40px;*/
}


.impressionenKasten /*Download der Beispiel Videos*/
{		clear:left;
		width: 220px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		_width: 220px; 	IE 7*/
		vertical-align:top;
		margin-top:10px;
}

.kontakt /*Text links oben*/
{		float:left;
		width: 545px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
/*		height: 137px; 	/*Firefox Hoehe = Hoehe - (padding oben + padding unten)*/
		_width: 632px; 	/*IE 7*/
/*		_height: 165px; /*IE 7*/
		padding:37px 0px 10px 85px; 
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
}

.kontaktLinkeSpalte
{		float:left;
		width: 115px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
		_width: 115px; 	/*IE 7*/
		vertical-align:top;
		list-style:none;
		list-style-position:outside;
}


.kontaktRechteSpalte
{		float:left;
		width: 330px;  	/*Firefox Breite = Breite - (padding recht + padding links)*/
		_width: 330px; 	/*IE 7*/
		vertical-align:top;
		list-style:none;
		list-style-position:outside;
}

.sitemap_navi
{	list-style-type:none;
	list-style-position:inside;
	padding:10px 0px 0px 0px;
	font-size:11px;
	line-height:20px;
}

.sitemap_subnavi
{	list-style-type:none;
	list-style-position:inside;
	padding:0px 0px 0px 25px;
	line-height:15px;
}





a  {color: #F16300;}
a:link  	{	text-decoration: underline;	color: #F16300;}
a:active	{	text-decoration: underline;	color: #F16300;}
a:visited	{	text-decoration: underline;	color: #F16300;}
a:hover		{	text-decoration: underline;	color: #364C63;}


/*---------------------------   Farben   ---------------------------- */

.spaorange		 {color:#F16300; }
.bggrau			 {background-color:#E3E3E3; color:#000000; }
.bgorange		 {background-color:#FFA246; color:#000000; }

/*---------------------------    Navigation   ---------------------------- */

#nav 
{ 		color: #000000;
		background-color:#FFA246;		
		text-decoration: none;
		vertical-align:top;
}

#subnav 
{ 		color: #000000;
		text-decoration: none;
		vertical-align:top;
}
	 
#nav a, #nav a:active, #nav a:visited
{		color: #000000;
		text-decoration: none;
		padding-left:30px; /*Firefox*/
		_padding-left:14px; /*IE 7*/
		line-height: 17px;
}

#nav a:hover
{		color: #364C63;
		text-decoration: none;
		padding-left:30px; /*Firefox*/
		_padding-left:14px; /*IE 7*/
		line-height: 17px;
}

#nav .aktiv
{ 		color: #000000;		
		padding-left: 18px; /*Firefox*/
		_padding-left:2px; /*IE 7*/
		text-decoration: none;
		vertical-align:top;
		line-height: 17px;
}

#subnav a, #subnav a:active, #subnav a:visited
{		color: #000000;
		text-decoration: none;
		padding-left:30px; /*Firefox*/
		_padding-left:14px; /*IE 7*/
		line-height: 17px;
}

#subnav a:hover
{		color: #364C63;
		text-decoration: none;
		padding-left:30px; /*Firefox*/
		_padding-left:14px; /*IE 7*/
		line-height: 17px;
}

#subnav .aktiv
{ 		color: #000000;		
		padding-left: 18px; /*Firefox*/
		_padding-left:2px; /*IE 7*/
		text-decoration: none;
		vertical-align:top;
		line-height: 17px;
}

#subnavleer 
{ 		background-image: url(../images/menu_verlauf.jpg);
		background-repeat: repeat-x;		
		height:90px;
}

/*Navigation im Contentbereich  ---------------------------- */

.contentnavaktiv
{		color: #F16300;
		text-decoration: none;
		line-height: 16px;
		padding-left:0px;
}

.contentnav a,  .contentnav a:active, .contentnav a:visited
{		color: #000000;
		text-decoration: none;
		line-height: 16px;
		padding-left:0px;
}

.contentnav a:hover
{		color: #F16300;
		text-decoration: none;
		line-height: 16px;
		padding-left:0px;
}

/*Navigation Alphabeth ---------------------------- */

.abcnav
{		color: #696969;
		text-decoration: none;
		text-transform: uppercase;
		font-weight:normal;
}

.abcnav a, .abcnav a:active, .abcnav a:visited
{		color: #696969;
		text-decoration: none;
		text-transform: uppercase;
		font-weight:normal;
		margin: 0 2px 0 2px;
}

.abcnav a:hover
{		color: #F16300;
		text-decoration: none;
		text-transform: uppercase;
		font-weight:normal;
		margin: 0 2px 0 2px;
}

.abcnavaktiv
{		color: #F16300;
		text-decoration: none;
		text-transform: uppercase;
		font-weight:bold;
		margin: 0 2px 0 2px;

}


/*-------------------------------  Layout und  Inhalte   ---------------------------- */

img.logo	
{ 		padding:0px;
		margin-left:85px;
		border-right: 2px solid #FFFFFF;
}

.orange
{ 		padding:0px;
		margin:0px;
		background-color:#FFA246;
		width:372px;
		height:45px;
}

/*
td.textoben
{ 		padding:32px 60px 10px 85px; 
		background-color:#E3E3E3;
		vertical-align:top;
		height:165px;
		border-bottom: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;
}

td.textunten	
{ 		padding:37px 60px 10px 85px;
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
}

td.image	
{ 		padding:0px;
		margin:0px;
		border:0px;
		vertical-align:top;
		border-right: 2px solid #FFFFFF;
}

td.impressionen	
{ 		padding:37px 45px 10px 85px;
		vertical-align:top;
		border-right: 2px solid #FFFFFF;

}
td.impressionen_rechts	
{
	padding: 37px 45px 10px 0px;
	vertical-align: top;
	border-right: 2px solid #FFFFFF;
	width: 226px;
}
*/


h1 	
{		font-size: 18px;
		font-style:normal;
		font-weight:normal;
		color:#464646;
		margin: 0px 0px 10px 0px;}


img.trennlinie 	
{		width: 485px;
		color:#464646;
		margin-bottom:15px;
		margin-top:3px;}

.liste
{	list-style-type:disc;
	list-style-position:inside;
}

.BildLinks{
    float:left;
    margin-right : 15px;
}

.BildRechts{
    float: right;
    margin-left : 15px;
}

/*
ul
{ 		list-style-image:url(../images/wuerfel.gif);
		list-style-position:outside;
		margin-left: -28px;
}

* html ul
{ 	margin-left: 17px;
} */






/*-------------------------------   Formularelemente    ---------------------------- */

input.suchfeld	
{	font-family:Arial,sans-serif;  
	font-size:11px; 
	color:#000000; 
	background-color: #FFFFFF; 
	border: 1px solid #FFFFFF; 
	width:140px;
}

input.suchen 	
{	font-family:Arial,sans-serif;  
	font-size:11px; 
	color:#5C5B60; 
	background-color: #C3C5C8; 
	border: 1px solid #C3C5C8;
}

td.form	{height:24px;}

input.kontakt	
{	font-family:Arial,sans-serif;  
	font-size:11px; color:#000000; 
	background-color: #E9E9EB; 
	border: 1px solid #E9E9EB; 
	padding:2px 4px 2px 4px;
}

input.senden 	
{	font-family:Arial,sans-serif;  
	font-size:11px; 
	color:#FFFFFF; 
	background-color: #5C5B60; 
	border: 1px solid #C3C5C8;
}

textarea.kontakt 	
{	font-family:Arial,sans-serif;  
	font-size:11px; color:#000000; 
	background-color: #E9E9EB; 
	border: 1px solid #E9E9EB; 
	padding:2px 4px 2px 4px;
}

input.kontaktform 
{	font-family:Arial,sans-serif; 
	width: 233px; 
	font-size:11px; 
	color:#000000; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}

input.plz 
{	font-family:Arial,sans-serif; 
	width: 72px; 
	font-size:11px; 
	color:#000000; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}

input.ort 
{	font-family:Arial,sans-serif; 
	width: 152px;
	font-size:11px; 
	color:#000000; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}

select.kontaktform 
{	font-family:Arial,sans-serif; 
	width: 233px; 
	font-size:11px; 
	color:#000000; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}

textarea.kontaktform 
{	font-family:Arial,sans-serif; 
	width: 233px; 
	height: 88px; 
	font-size:11px;
	color:#000000; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}

input.absenden 
{	font-family:Arial,sans-serif; 
	width: 233px; height: 26px; 
	font-size:11px; 
	background-color: #696969; 
	color:#FFFFFF; 
	border: 1px solid #696969; 
	padding:2px 4px 2px 4px;
}


