/* tartes medien design 11_03_10*/
 
  body{
	background-color: #5E5146;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: auto;
	margin: 0 auto;
	overflow: auto;
	padding: 0;
	width: 100%;
  }
html {
    margin: 0 auto;
	}
#page {
	background-color: #ffffff;
	/*background-image: url(img/htg_tartes.gif);
	border-top: 10px solid #948b83;*/
	border-bottom: 10px solid #ffffff;
	display: block;
	height: auto;
    margin: 0 auto;
	overflow: hidden;
    padding: 10px 0 0 0;
	position: relative;
	min-width: 950px;
	text-rendering: optimizeLegibility;
	width: 80%;
	z-index: 0;
  }
#anschrift {
	display:none;
	}
#head {
	/*background-color: #D9D3D1:*/
	background-color: #ffffff;
	display: block;
	height: auto;
    margin: 0 auto;
	overflow: hidden;
    padding: 10px 0 0 0;
	position: relative;
	min-width: 950px;
	width: 80%;
	z-index: 0;
}
#tartes_logo{
	background-image: url(img/tartes_medien_design.gif);
	background-repeat: no-repeat;
	clear:both;
	display:block;
	height: 120px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	position: relative;
	width:590px;
	z-index:0;
   }    
 
#navi{
	background-color: #ffffff;
	clear:both;
	height: auto;
	min-height: 120px;
	padding: 10px 0 0 0;
	position: relative;
	margin: 0 auto;
	width: 590px;
   }

#inhalt {	
	background-color: #ffffff;
	clear: both;
	color: #847262;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;	
	min-height: 250px;
	letter-spacing: 1px;
	margin: 0 auto;	
	padding: 0 0 80px 0;
	width: 590px;
}

.text {
	float:left;
	height: auto;
	margin: 10px 10px 0 0;
	padding: 0 10px 20px 0;
	width: 340px;
	
}

.text2 {
	float:right;
	height: auto;
	margin: 10px 0 0 10px;
	padding: 0 0 20px 10px;
	position: relative;
	width: 200px;

}


/********************************* navigation kontakt ... ********************************/
#home ul { 	
	clear: both;
	display: block;
	height:20px;
	list-style:none;
	margin: 0 auto;
	padding: 5px 0 10px 0; 
	text-decoration: none;
	width: 590px;
}
#home li { 	
	/*border: 1px dashed #D9D3D1;*/
 	color: #453830;
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style:none;
	margin: 0 20px 0 0;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	padding: 0 2px 0 2px; 
	text-decoration: none;
	text-transform:uppercase;
	width: auto;
}
#home a{ 	
 	color: #5B5857;
	list-style:none;
	margin: 0 0 0 0;
	padding: 0; 
	text-decoration: none;
}

#home a:hover {
	color: #5E5146;
	list-style:none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}


/*************************************  hauptnavigation   **********************************/


.navtop
{
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: auto;
	min-height: 45px;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: left;
	min-width: 150px;
	width: auto;
}

.navtop ul
{
	
	display:block;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	min-width: 150px;
	width: auto;
}

.navtop li {
	border-bottom: 1px dashed #D9D3D1;
	clear: both;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	letter-spacing: 1px;
	list-style-type: none;
	margin: 0 40px 0 0;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	padding: 2px 0 2px 2px;
	text-decoration: none;
	min-width: 150px;
	width: auto;
}

.navtop li a
{
	color: #5E5C5B;
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0 2px 0 2px;
	text-decoration: none;
	width: auto;
}

.navtop li a:hover
{
	color: #5E5C5B;
}
.navtop li.aktiv {
	background-color: #6C6968;
	border: none;
	color: #FFF;
	font-size: 12px;
	margin: 0 10px 0 0;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	text-transform:uppercase;
	min-width: 140px;
	width: auto;
}
.navtop li.aktiv a {
	color: #FFF;
	margin: 0;
	padding: 0;
	width: auto;
}

.navtop li.aktiv a:hover{
	color: #D9D3D1;
}

.navtop li.unternavi{
	display: none;
}



/*************************** navigation  *********************/
/*.navbottom
{
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
	margin: 0 0 10px 50px;
	padding: 0;
	width: auto;
	z-index:2;
}

.navbottom ul
{
	display:block;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: auto;
}

.navbottom li
{
	
	margin: 0 10px 0 0;
	padding: 0 2px 0 2px;
	width: auto;
}


*/



/*********************  arbeitsbeispiele  *********************/

ul.liste {
border-bottom: 1px dotted #806D55;
clear: both;
color: #72655A;
float: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
height: auto;
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 590px;
}


/*.................................*/

ul.liste li {	
margin: 0 0 0 0;
padding: 0 0 5px 0;

}

/*.................................*/

ul.liste li.gemeinde_shop_text {	
float: left;
margin: 0 0 0 10px;
padding: 0 0 25px 0;
width: 397px;
}


ul.liste li.gemeinde_shop {	
background: url(arbeiten/gemeinde_shop.gif) no-repeat;
float: left;
height: 80px;
margin: 0 25px 0 0;
padding: 0 0 20px 0;
width: 143px;
}


/*.................................*/

ul.liste li.medienzeiger {	
float: left;
margin: 0 0 0 0;
padding: 0 0 20px 0;
width: 200px;
}


ul.liste li.medienzeiger_1 {	
background: url(arbeiten/medienzeiger.gif) no-repeat;
float: left;
min-height: 25px;
margin: 0 0 0 25px;
padding: 0 0 20px 0;
width: 163px;
}

.medienzeiger_beschreibung {
clear: both;
display: block;	
min-height: 80px;
margin: 10px 0 0 0;
padding: 10px 0 20px 0;
width: 163px;
}


ul.liste li.medienzeiger_text {	
float: left;
min-height: 25px;
margin: 0 0 10px 25px;
padding: 0 0 0 0;
width: 170px;
}

ul.liste li.medienzeiger_2 {	
background: url(arbeiten/medienzeiger_gesten.gif) no-repeat;
float: left;
height: 54px;
margin: 0 0 0 25px;
padding: 0 0 20px 0;
width: 160px;
}


/*.................................*/


ul.liste li.anne-frank {	
background: url(arbeiten/anne-frank.gif) no-repeat;
float: left;
height: 80px;
margin: 0 25px 0 0;
padding: 0 0 25px 0;
width: 212px;
}


ul.liste li.anne-frank-text {	
float: left;
min-height: 25px;
margin: 0 0 10px 25px;
padding: 0 0 25px 0;
width: 320px;
}

/*.................................*/


ul.liste li.klemmer-text {	
float: left;
min-height: 25px;
margin: 0 0 10px 0;
padding: 0 0 25px 0;
width: 250px;
}


ul.liste li.klemmer {	
background: url(arbeiten/klemmer.gif) no-repeat;
float: right;
height: 60px;
margin: 0 0 0 25px;
padding: 0 0 0 0;
width: 301px;
}

.klemmer-text-logo {	
clear: right;
float: right;
min-height: 25px;
margin: 20px 0 10px 0;
padding: 0 0 25px 0;
width: 301px;
}

/*.................................*/




ul.liste li.bpp_animation {	
background: url(arbeiten/bpp_2012.gif) no-repeat;
float: left;
height: 123px;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 300px;
}


ul.liste li.bpp_animation-text {	
float: left;
min-height: 25px;
margin: 0 0 0 25px;
padding: 0 0 25px 0;
width: 250px;
}



/*.................................*/



ul.liste li.tartes_webseiten {	
float: left;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 590px;
}


/*.................................*/


ul.liste li a {	
margin: 0;
padding: 0;
width: auto;
}

ul.liste li a:hover, ul.liste li.sitemap a:hover {
color: #6B5C4F;
}

.dot {
border-left: 1px dotted #716459;
margin: 0 4px;
padding: 0 1px;
}

.projekte {
	color:#C2B4AB;
	float:left;
	margin: 20px 0 0 0;
}

/*********************  formate  *********************/

li {
	list-style-type: none;	
	}


h1 {
	background-color: #ffffff;
	clear: both;
	color: #5E5146;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: lighter;
	height: auto;
	margin: 0 0 50px 0;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 5px;
	position: relative;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
	/*text-shadow: 0.08em 0.1em #EBE4E2;*/
	width: 100%;
}

.medien  {
	color:#948B83;
	font-size: 180%;
	/*text-shadow: 0.08em 0.1em #EBE4E2;*/
}
.design  {
	font-size: 150%;
	color: #D3CCC8;	
	/*text-shadow: 0.08em 0.1em #EBE4E2;*/ 
}

h1.animiertes_gif {	
	background-color: #ffffff;
	background-image:url(img/schmetterling.gif);
	background-repeat:no-repeat;
	clear: both;
	display: block;
	height: 108px;
	margin: 0 0 7px 0;		
	padding: 0;		
	text-decoration: none;
	width: 590px;
}

h1.flash {	
	background-color: #ffffff;
	clear: both;
	height: 108px;
	margin: 0 0 7px 0;		
	padding: 15px 0 0 0;		
	text-decoration: none;
	width: 600px;
}
.noflash {
	/*background-image: url(img/alt_flash.gif);
	background-repeat: no-repeat;*/
	border:0;
	font-size: 100%;
	height: 88px;
	margin: 20px 0 0 0;		
	padding: 0;	
	text-decoration: none;
	width: 600px;
}
.ani{
	background-image:url(img/animation.gif);
	background-repeat:no-repeat;
	clear: both;
	color: #A38C7E;
	display: block;
	height: inherit;
	margin: 0;	
	padding: 0;	
	text-decoration: none;
	width: inherit;
}

h2 {
	/*border-bottom: 1px dotted #847262;*/
	clear: both;
	color: #5E5146;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 95%;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

h2.inhalte {
	font-size: 100%;
}


.email, email a {
	color:	 #847262;
}
ul.h2 li {	
	color:#624C32;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;	
	list-style-type: none;
	text-transform: uppercase;
	width: auto;
}

h3 {
	/*background-color: #EDE9E7;*/
	clear: both;
	color: #B1A8A0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 2px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

h4 {	
	color: #726152;
	font: 140% Arial, sans-serif;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	width: auto;
}
h5 {	
	color: #635247;
	font: lighter 180% Arial, sans-serif;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	width: auto;
}
h6 {
	color: #715C51;
	font-size: 170%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	
}
.h7 {
	clear: both;
	color: #ffffff;
	font-size: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
	text-decoration: none;
	width: auto;
	
}
.h8 {
	border-bottom: 1px dotted #847262;
	clear: both;
	color: #5E5146;
	display: block;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 95%;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

a.h8, a.h8#drucksachen {
	border: 0;
	clear: both;
	color: #0CF;
	height: 10px;
	margin: 0;
	padding:0;
}
.h9 {
	border-bottom: 1px dashed #FFF;
	clear: both;
	color: #FFF;
	display: block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}
p.relaunch  {
	border-top: 1px dashed #776957;
	padding: 2px;
}

p{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 7px 0 0 0;
	padding: 0;
}
p.block{
font: 100%  Arial, Helvetica, sans-serif;
margin: 2px 0;
padding: 0;
}
p.abstand{
margin: 15px 0 0 0;
padding: 0;
}




a.top {
clear:both;
color:#6B5C4F;
float:left;
padding: 20px 0 20px 0;
width: auto;
}
.linie {
	clear:both;
	border-bottom: 1px dotted #72655A;
	float: left;
	margin: 2px 0;
	padding: 0;
	width: 100%;
	z-index:0;
}

	
	.tartes_md_info {
	background-color: #FFF;
	border: 1px dotted #847262;
	clear: both;
	color: #72655A;   
	float:right;
	font-family: Arial, sans-serif;
	font-size: 90%;
	height: auto;
	letter-spacing: 1px;
	margin: 0 0 20px 0;
	padding: 2px 4px 5px 4px;
	min-width: 185px;
	-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	width: 200px;
}
	
	
.informationen {
	background-color: #6F5C57;
	clear: both;
	color: #ffffff;
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 85%;
	height: auto;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	/*-moz-border-radius:5px;
	-khtml-border-radius:5px;*/
	padding: 4px 5px 4px 5px;
	text-transform: uppercase;
	width: 200px;
	z-index:99;
	}
.weitere_informationen {
	background-color: #5E5146;
	clear: both;
	color: #ffffff;
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	margin: 10px 0 0 0;
	/*-moz-border-radius:5px;
	-khtml-border-radius:5px;*/
	padding: 4px 5px 4px 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 200px;
	z-index:99;
	}
	

.testzone, p.testzone {
	background-color:#5E5146;
	clear:both;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 20px 0 5px 0;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 1px 5px;
}

ul.clear, ul.clear li, .clear {
border: none;
clear:both;
margin: 0 0 15px 0;
}

p.headline {
clear: both;
margin: 1px 0;
width: 290px;
}

 /************* unternavigation inhalte, design *******************************/  
.design_animation {
	background-color: #ffffff;
	border: 1px dotted #847262;
	display: block;
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	margin: 0 0 20px 0;  
	-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	padding: 0 5px 5px 5px;
	width:198px;
	z-index:0;
	}
	
 .design_animation ul{
 	float:left;
	margin: 10px 0 0 0;
	padding: 0; 
	width:200px;
}
.design_animation li{ 
	clear:both;	
	color: #847262;
	list-style:none;
	margin: 10px 0 0 0;
	padding: 2px 0; 
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.design_animation li a {
	border: 1px solid #836C5E;
	float:right;
	margin: 0 0 5px 0;
 	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 0 2px;
	position: relative;
	text-transform: none;
	width: auto;
}	



#object  {
	border: 0;
	clear: both;
	margin: 0 0 0 0;
	z-index: 0;
}

/*********************************** schriften **************************************/
.schriften {
background-image: url(img/schriften.gif);
background-repeat: no-repeat;
height: 78px;
width: 275px;
}
.georgia {
background-image: url(img/georgia.gif);
background-repeat: no-repeat;
height: 212px;
	font-size: 100%;
}

.design_animation li a:hover {	
	color: #72655A;
}
.design_animation li.linie 
{	
	border-bottom: 1px dotted #72655A;
	margin: 0;
	padding: 2px 0;
	width: 100%;
}
.design_animation a.weiterlesen {
	color: #624C32;
	text-transform: none;
	padding: 0 2px;
 }
 /****************************** fotos news arbeitsbeispiele ***************************************/
#newscontainer {
	/*background-color: #AB978B;*/
	/*background-color: #715C51;*/
	background-color: #FFF;	
	border-top: 2px dashed #715C51;
	clear: both;
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 0 0;
	text-transform: none;
	min-width: 950px;
	width: 100%;
	
}



/******************************** news und arbeitsbeispiele *******************************/

.arbeitsbeispiele {	
	clear: both; 
	color: #72655A;
	float:left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 280px;
	}

a {
	color: #5E5146;
	font-weight: normal;
	text-decoration: none;
	height: auto;
	width: 100%;
	}


/*********************************** angebot zusammenfassung links **************************************/


 ul.angebot, ul.angebot li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
}

ul.angebot {
	margin: 0 0 40px 0;
}

ul.angebot li.headline {
	color: #4F3D30;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/************* startseite *******************************/


 #tartes_news {
  	background-color: #ffffff;
 	/*border-top: 1px dotted #A38C7E;*/
 	clear:both;
	display: block;
	font: 100% Arial, Helvetica, sans-serif;
 	height: auto;
 	margin: 0 auto;
 	padding: 25px 0 0 0;
 	width: 590px;
 }
#multimedia{
	/*background-image: url(multimedia/alt/multimedia.gif);
	background-repeat: no-repeat;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	float: right;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	width: 265px;
 }
#audio{
/* background-image: url(multimedia/alt/ton.gif);
 background-repeat: no-repeat;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	 float: right;
 	height: auto;
	 margin: 0 0 5px 0;
	 padding: 0;
	 width: 265px;
 }
 #ton{
	/*background-image: url(multimedia/vertonung_index.gif);
	background-repeat: no-repeat;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	float: right;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	width: 265px;
 }
 #projektmanagement{
	background-image: url(multimedia/alt/projektmanagement.gif);
	background-repeat: no-repeat;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	float: right;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	width: 265px;
 }
  #design{
	/*background-image: url(multimedia/alt/design.gif);
	background-repeat: no-repeat;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	float: right;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	width: 265px;
 }

   #kontakt{
 	background-image: url(multimedia/kontakt_2.jpg);
	 background-repeat: no-repeat;
 	-moz-border-radius:5px;
	-khtml-border-radius:5px;
 	float: right;
 	height: auto;
 	margin: 5px 0 5px 0;
 	padding: 0;
 	width: 265px;
 }
 #technik{
	/*background-image: url(multimedia/alt/technik.gif);
	background-repeat: no-repeat;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	float: right;
	height: auto;
	margin: 0 0 5px 0;
	/*-moz-opacity:0.8 ;
	filter:alpha(opacity: 90);
	opacity: 0.8;*/
	padding: 0;
	width: 265px;
 }
.border{
	float: left;
 	height: auto; 
 	margin: 0 0 10px -10px;
 	padding: 0 10px 0 0;
	text-align: center;
 	width: 270px;
 } 
.border2{
 	float: right;
 	height: auto; 
 	margin: 0 0 10px 0;
 	padding: 0 10px 0 0;
	text-align: center;
 	width: 270px;
 }
 .beschreibung {
	
 	color: #624C32;
 	float: left;
 	height: auto; 
 	margin: 0;
 	padding: 10px;
	top: 0;
 	width: 260px;
  }
  
.internetseiten {
	float:left;
	height: auto;
	margin: 10px 10px 0 0;
	padding: 0 10px 20px 0;
	width: 270px;
}

.webseiten {
	float:right;
	height: auto;
	margin: 10px 0 0 10px;
	padding: 0 0 20px 10px;
	width: 270px;
}

 
  a.ueberschrift, p.ueberschrift {
	border: 1px dashed #D9D3D1;
	clear:both;
	color: #5E5146;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size-adjust:0.50;
	font-size: 200%;
	height: auto;
	margin: 0 0 5px 0;	
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 2px;
	width: 266px;
	text-shadow: 0.08em 0.1em #D9D3D1;
	text-transform: uppercase;
}
/* startseite vertonung button swf */

.vertonung_der_webseite {
	background-color: #ffffff;
	color: #5E5146;
	margin: 0;
	padding: 0;
	top: 0;
	width: 125px;
}

#animation  {
	border: 1px solid #5E5146; 
	clear: both;
	display: block;
	left: 40px;
	margin: 0;
	/*-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;*/
	/*-moz-border-radius:5px;
	-khtml-border-radius:5px;*/
	padding: 0;
	position: relative;
	top: 60px;
	z-index: 0;
}

a.sound, p.sound{
	/*border: 1px solid #836C5E;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	clear:both;
	color: #73DBFF;
	float:left;font-family: Arial, sans-serif;
	font-size: 200%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 266px;
	text-shadow: 0.08em 0.1em #E2FDFF;
}


.untertitel {
	clear: both;
	color: #A5A19F;
	float: left;
	font-size: 11px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 280px;
}
.email{
	color: #847262;
	text-decoration: none;
	}

.vogel {
	display:none;
}

#flash {
	border: 0;
	clear: both;
	height: 66px;
	margin: -30px 0 0 -5px;
	padding: 0;
	width: 265px;
}

#link_zu_kontakt {
	display: block;
	height: 88px;
	cursor: pointer;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: -25px;
	width:590px;
}



.tartes_news, .inhalt, .border, .border2, .beschreibung, a.ueberschrift, #animation, .vertonung_der_webseite, #flash{
	position: relative;
	z-index: 555;
	color: #5E5146;
  }
.crossmedia, .konzeption, .drucksachen, .screendesign, .webdesign, .werbung, .xhtml_css {
font-family: Arial, Helvetica, sans-serif;
margin: 7px 0 0 0;
padding: 0;
}
  
  /************* startseite und interne links *******************************/ 
  

    .headline_multimedia, .headline_vertonung, .headline_konzeption, .headline_technik {

	/*background-color: #9D9081;
	color: #ffffff;*/
	color: #5E5146;
	display: block;
	float:left;
	/*font-size-adjust:0.50;*/
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: auto;
	left: 40px;
	margin: 0;
	min-height: 25px;
	max-height: 40px;

	-moz-animation-duration: 1s;
    -moz-animation-name: slidein;

	/*-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;*/
	
	opacity: 0.8;
	padding: 15px 5px 15px 5px;
	position: relative;
	/*right: 180px;*/
	text-transform: uppercase;
	top: 20px;
	width: inherit;
	z-index: 1;
  }

   @-moz-keyframes slidein {

    from {
      margin-left: 50%;
      width: 100%;
    }
    
    to {
      margin-left: 0%;
      width: 100%;
    }
}




   .navigation_beginnt_hier  {
	background-color: #5E5146;
	color: #ffffff;
	float:left;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 120%;
	height: auto;
	-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	left: 40px;
	/*opacity: 0.8;*/
	padding: 5px 5px 5px 5px;
	position:relative;
	text-transform: uppercase;
	top: 45px;
	width: auto;
	z-index: 1;
  }
  
    .vertonung_der_webseite {
	background-color: #5E5146;
	color: #ffffff;
	float:left;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 110%;
	height: auto;
	-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	left: 40px;
	/*opacity: 0.8;*/
	padding: 5px 5px 5px 5px;
	position:relative;
	text-transform: uppercase;
	top: 45px;
	width: 125px;
	z-index: 1;
  }
  
  
  
     .unternavigation_rechts {
	background-color: #96E4FC;
	color: #ffffff;
	float:right;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 120%;
	height: auto;
	-moz-box-shadow: 10px 5px 5px #EBE4E2;
	-webkit-box-shadow: 10px 5px 5px #EBE4E2;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	left: 150px;
	opacity: 0.8;
	padding: 5px 5px 5px 5px;
	position:relative;
	text-transform: uppercase;
	top: 70px;
	width: auto;
	z-index: 1;
  }
  
  
  #tartes, #m, #d, #mozartstrasse, #ludwigsburg, #vertonungen, #webseiten_praesentationen, #audiologo, #webseiten, #vertonungen, #cms, #illustrationen, #animationen {
	display: block;
	float: left;
	height: 20px;
	margin:  0;
	padding: 0;
	width: auto;
}
  
 #datum {
	clear: both;
	color: #94908F;	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	height: auto;
	letter-spacing: 1px;	
	margin: 0 auto;
	padding: 0 8%;
	width: 80%;
} 
  
  /************* news  *******************************/  
  
  


 #newstime {
	border: 0;
	clear: both;
	display: block;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
}

.news{
	background-color: #ffffff;
	color: #72655A;
	float: left;
	font-size: 11px;
	height: auto;	
	letter-spacing: 1px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 280px;
}
.aktuell{
	background-color: #ffffff;
	color: #72655A;
	float: right;
	font-size: 11px;
	height: auto;	
	letter-spacing: 1px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 280px;
}

.titel {
	background-color: #BEB9B0;
	clear: both;
	color: #ffffff;
	float:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	letter-spacing: 1px;
	float: left;
	margin: 0 0 10px 0;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 2px 0 2px 5px;
	text-transform: uppercase;
	width: 280px;
}

.titel#aktuell{
	background-color: #BEB9B0;
}

.titel#neues_produkt {
	background-color: #615E5D;
	border: 1px solid #615E5D;
	color: #ffffff;
	margin: 20px 0 10px 0;
	padding: 1px 0 1px 5px;
}

a.h8 {
	color: #615E5D;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.neu_im_angebot {
	border-bottom: 1px dotted #655857;
	clear: both;
	color: #1ACCFD;
	display: block;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 95%;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}
.vcard, .fn, .street-address, .postal-code, .url, .tel {
	color: #72655A;
}
.printmedien {
	background-image: url(img/print2.gif);
	background-repeat: no-repeat;
	float: left;
	height: 92px;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 280px;
}
#navi div.leftButton {
	background-color: #C3BEBC;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
    left: 6px;
    line-height: 28px;
	padding: 0 5px;
	position: absolute;
	text-align: center;
    top: -20px;
}
/********************* text php **************************/


.vorhaben {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}