/* tartes medien design 10_10_15*/
 
  body{
	font-family: Arial, Helvetica, sans-serif;
    margin: 0; 
	padding: 0;
	width: 80%;
  }
html {
height: 100%;
width: 80%;
}
    #page {
	height: inherit;
    margin: 0; 
    padding: 0;
	width: 80%;
  }
#anschrift {
	display:none;
	}
 
#tartes_logo {
	background-image: url(img/tartes_mobile.gif);
	background-repeat: no-repeat;
	clear:both;
	float:left;
	height: 100%;
	margin: 5px 0 0 0; 
	min-height: 36px; 
	min-width: 220px;
	padding:0 0 5px 0;
	width: 100%;
	z-index: 0;
   }  
 #multimediale, #audio, #design_konzeption, #technisch{
display:none;
   }  
   
   #tatjana, #poelsler, #tartes, #m, #d, #mozartstrasse, #ludwigsburg, #vertonungen, #webseiten_praesentationen, #audiologo, #cms, #illustrationen, #animationen, a h2 {
	display:none;
}
#navi{
	clear:both;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
   }
   
#inhalt {	
	clear: both;
	color: #72655A;
	font-size: 11px;
	height: auto;
	margin: 0 5px 0 2px;	
	padding: 0 5px 0 0;
	width: 100%;
}
.text {
	float:left;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0 5px 5px 0;
	width: 100%;
}
.text2 {
	clear: both;
	float:left;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0 5px 5px 0;
	width: 100%;
}

 #object  {
display: none;
}
/********************************* navigation  home kontakt ... ********************************/
#home ul { 	
	clear: both;
	display: block;
	float: left;
	font-size: 10px;
	height:auto;
	list-style:none;
	margin: 2px 0 10px 0;
	padding: 0;
	width: 200px; 
}
#home li { 	
 	color: #8E718D;
	display: inline;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 2px 0 2px; 
	text-decoration: none;
	width: auto; 
}
#home a { 	
 	color: #735E51;
	display: inline;
	float: left;
	margin: 2px 0 0 0;
	padding: 0; 
	text-decoration: none;
	width: auto; 
}
#home li.aktiv { 
 	color: #000;
	display: inline;
	float: left;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 20px 0 2px; 
	text-decoration: none;
}
#home a:hover{ 	
 	color: #735E51;
	display: inline;
	float: left;
	margin: 2px 0 0 0;
	padding: 0; 
	text-decoration: none;
}
/*************************************  hauptnavigation   **********************************/


.navtop
{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

.navtop ul
{
	
	display:block;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform:uppercase;
	min-width: 150px;
	width: auto;
}

.navtop li {
	border-bottom: 1px dashed #D9D3D1;
	clear: both;
	height: 16px;
	letter-spacing: 1px;
	list-style-type: none;
	margin: 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;
	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;
	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;
}



/****************************** sitemap, referenzliste *******************************/

a.hinweis  {
	clear: both;
	color: #72655A;
	font: 80% Arial, sans-serif;
	height: auto;
	margin: 40px 0 0 0;
	padding: 10px 10px 0 0;
	text-transform:uppercase;
	}
span.hinweis  {
	border-left: 1px dotted #847262;
	clear: both;
	color: #847262;
	height: auto;
	margin: 40px 0 0 0;
	padding: 10px 10px 0 0;
	}
a {
	color: #8C7D70;
	font-weight: normal;
	text-decoration: none;
	}
	
.aktiv {
	font: 80% Arial, sans-serif;
	}
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: 200px;
}
li.liste {
list-style: none;
margin: 0 0 10px 0;
padding: 0;

}
li.liste a:hover, li.sitemap a:hover {
color: #6B5C4F;
}
li.sitemap {
list-style: none;
margin: 0;
padding: 0 0 0 12px;

}








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

ul.liste li.gemeinde_shop {	
background: url(arbeiten/mobil_gemeinde_shop.gif) no-repeat;
clear: both;
height: 46px;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 83px;
}

ul.liste li.gemeinde_shop_text {	
clear: both;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 200px;
}


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

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


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

.medienzeiger_beschreibung {
clear: both;
display: block;	
margin: 0 0 0 0;
padding: 20px 0 0 0;
width: 200px;
}


ul.liste li.medienzeiger_text {	
clear: both;
margin: 0 0 0 0;
padding: 0 0 10px 0;
width: 200px;
}

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


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


ul.liste li.anne-frank {	
background: url(arbeiten/anne-frank.gif) no-repeat;
clear: both;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
width: 200px;
}


ul.liste li.anne-frank-text {	
clear: both;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 200px;
}

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


ul.liste li.klemmer-text {	
clear: both;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
width: 200px;
}


ul.liste li.klemmer {	
background: url(arbeiten/mobil_klemmer.gif) no-repeat;
clear: both;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 20px 0;
width: 200px;
}

.klemmer-text-logo {	
clear: both;
margin: 0 0 0 0;
padding: 20px 0 20px 0;
width: 200px;
}

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




ul.liste li.bpp_animation {	
background: url(arbeiten/mobil_bpp_2012.gif) no-repeat;
clear: both;
height:61px;
margin: 0 0 0 0;
padding: 0 0 20px 0;
width:150px;
}


ul.liste li.bpp_animation-text {	
clear: both;
min-height: 25px;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 200px;
}



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



ul.liste li.tartes_webseiten {	
clear: both;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 200px;
}











/******************************** aktiver bereich  *******************************/

a {
	color: #8C7D70;
	font-weight: normal;
	text-decoration: none;
	}
	
.aktiv {
	font: 100% Arial, sans-serif;
	}



/*******************************************************************************************/

.fussnote {
margin: 20px 0 0 0;
position: relative;
}
.testzone, p.text-testzone {
	display: none;
}

h1 {
	
	clear: both;
	color: #5E5146;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: auto;
	margin:  20px 0 0 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;

}

h1.animiertes_gif {	
	display: none;
}

h1.flash {	
	display: none;
}
h1.noflash {
	display: none;
}
.ani{
	display: none;
}

h2 {
	clear: both;
	color: #5E5146;
	display: block;
	font-size: 10px;
	height: auto;
	letter-spacing: 1px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}
.vcard, .fn, .street-address, .postal-code, .url, .tel {
	color: #ffffff;
}

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

h3 {
	/*background-color: #EDE9E7;*/
	clear: both;
	color: #A89284;
	font-family: Arial, sans-serif;
	font-size: 11px;
	height: auto;
	letter-spacing: 1px;
	margin: 15px 0 15px 0;
	padding: 2px;
	text-decoration: none;
	text-transform: uppercase;
	width: 70%;
	
}

h4 {	
	color: #726152;
	font-size: 11px;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	width: auto;
}
h5 {	
	color: #635247;
	font-size: 11px;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	width: auto;
}
h6 {
	color: #715C51;
	font-size: 11px;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}
.h7 {
	clear: both;
	color: #ffffff;
	font-size: 11px;
	height: auto;
	margin: 5px 0 5px 0;		
	padding: 0;
	text-decoration: none;
	width: 100%;
}
.h8 {
	border-bottom: 1px dashed #847262;
	clear: both;
	color: #5E5146;
	display: block;	
	font-size: 10px;
	height: auto;
	letter-spacing: 2px;
	margin: 15px 0 15px 0;
	padding: 0 5px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}
/************* unternavigation inhalte, design *******************************/  
.design_animation {
display:none;
	}
/**/
 
 
 
p{
	font-size: 11px;
	margin: 5px 0;
}
p.relaunch  {
	border-top: 1px dashed #776957;
	padding: 2px;
}

p.block{
	font-size: 11px;
	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;
}

.artikel {
	clear: both;
	color: #4D3E33;
	height: auto;
	min-height: 20px;
	margin: 2px 0;
	padding: 0;
}
.gelesen {
	background-color:#ffffff;
	clear:both;	
	color: #4D3E33;
	font:  90% Arial, sans-serif;
	height: auto;
	margin: 0;
	padding: 0 2px;
	}
.informationen {
	display:none;
	}
.weitere_informationen {
	display:none;
	}
	
	
.clear {
clear:both;
}



 ul.angebot, li {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: auto;
}
ul.angebot li.headline {
	color: #54493F;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}


.aktuell, .titel, .neu_im_angebot, .titel#neues_produkt, #newstime, .news {
	margin: 20px 0;
	width: 200px;
}

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


.border{
 	height: auto; 
 	margin: 0;
 	padding: 0;
 	width: 270px;
 } 
.border2{
 	height: auto; 
 	margin: 0;
 	padding: 0;
 	width: 270px;
 }
 .beschreibung {
 	color: #624C32;
 	height: auto; 
 	margin: 0;
 	padding: 0;
	top: 0;
 	width: auto;
  }
  
.internetseiten {
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

.webseiten {

	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

 
  a.ueberschrift, p.ueberschrift {
	clear: both;
	border: 1px dashed #D9D3D1;
	color: #5E5146;
	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;
	text-shadow: 0.08em 0.1em #D9D3D1;
	text-transform: uppercase;
	width: auto;
}

/* startseite vertonung button swf */

.vertonung_der_webseite {
	display:none;
}

#animation  {
	display:none;
}

a.sound, p.sound{
	display:none;
}


.untertitel {
	display:none;
}
.email{
	color: #847262;
	text-decoration: none;
	}

.vogel {
	display:none;
}

#flash {
	display:none;
}

#BPP-Spiel, a #BPP-Spiel, li a #BPP-Spiel, #BPP-Spiel a {
	display:none;
}

#link_zu_kontakt {
	display:none;
}



.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 {
display: none;
  }
   .navigation_beginnt_hier  {
display: none;
  }
  
    .vertonung_der_webseite {
	display: none;
  }
  
#datum {
	clear: both;
	color: #94908F;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	height: auto;
	letter-spacing: 1px;	
	margin: 0;
	padding: 0;
} 
  
     .unternavigation_rechts {
	display: none;
  }
  
  
  #tartes, #m, #d, #mozartstrasse, #ludwigsburg, #vertonungen, #webseiten_praesentationen, #audiologo, #webseiten, #vertonungen, #cms, #illustrationen, #animationen {
display:none;
}