/** Project: Dr. Tillmanns & Partner GmbH
 * 
 */

@-ms-viewport {width: device-width; zoom:1;}
@-o-viewport {width: device-width; zoom:1;}
@viewport {width: device-width; zoom:1;}

/* yanone-kaffeesatz-regular - latin */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: url('../schrift/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../schrift/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../schrift/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../schrift/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../schrift/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../schrift/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
  }
  
  /* yanone-kaffeesatz-300 - latin */
  @font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 300;
    src: url('../schrift/yanone-kaffeesatz-v24-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../schrift/yanone-kaffeesatz-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../schrift/yanone-kaffeesatz-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../schrift/yanone-kaffeesatz-v24-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../schrift/yanone-kaffeesatz-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../schrift/yanone-kaffeesatz-v24-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
  }
  

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../schrift/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../schrift/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../schrift/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../schrift/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../schrift/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../schrift/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  


header, nav, footer, article, section {
    display: block;
box-sizing: border-box; 
}


body{
    background-color: #ffffff;
    background-image: url(../images/bg.png); 
    background-repeat: no-repeat;
    background-attachment:fixed;
    margin: 0 0 0 0;
    padding: 0;
 
    }

#wrapper {
    width: 90%;
    max-width: 958px;
    margin: 0 auto;  
    padding: 0;
 }


header {
    position: relative;
    max-width:100%;
    text-align: right;
    padding: 2em 0 0 0;
    z-index:5000;
    width: 40%;
    float: right;
    bottom: -3em;

}


#st {
  		position: absolute; 
		right: 0;
		top: 0;
		z-index: 500; 
        width: 25%;
}

#st2 {
  		position: absolute; 
		left: 0;
		bottom: 0;
		z-index: 1500; 
        width: 25%;
}


img {
    max-width: 100%;
    }

header img {
    width:100%;
   
    max-width: 363px;
    
}

article {
    background: #ffffff;
	padding: 2em 0 0 0;
}

section {
    padding: 0;
    clear: both;
}

footer {
    margin: 0;
    width: 100%;
    background:  #424242;
	padding: 1.5em 0 0.1em 0;
    clear: both;
}


footer p {
    color: #000000;
	text-align: center;
}

nav {
    font-family: "Yanone Kaffeesatz","Arial", helvetica,sans-serif;
    background-color: #ffffff;
    
    margin: -0em 0 0 0;
    z-index: 1000;
    }

.menu {
   font-family: "Yanone Kaffeesatz","Arial", helvetica,sans-serif;
   color: rgb(136,136,136);
   background-color: #ffffff;
   list-style: none;
   line-height: 0.75em;
   font-size: 1.67em;
   float: left;
   position: relative;
   z-index: 3500;
   width: 100%;
   margin: 0;
   padding: 0;

 }



.menu li {
   float: left;
   position: relative;
   padding: 0 0.75em 0.25em 0;
   margin: 0;
   z-index: 3500;
    color: rgb(136,136,136);
}

.menu ul {
   font-family: "Yanone Kaffeesatz","Arial", helvetica,sans-serif;
   color: #000000;
   list-style: none;
   position: absolute;
   left: -9999px;
   display: none;
   padding: 0 0.5em 0 0.5em;
   font-size: 0.75em; 
   margin: 0;
   opacity: 0.8;
}

.menu li strong {
	 color: #000000;
	font-weight: normal;
}


.menu a {
   
   color: rgb(136,136,136);
   
}
.menu a:visited {
	color: rgb(136,136,136);
}


.menu a:focus,
.menu a:hover,
.menu a:active {
	color: #474780;
	text-decoration: none;
}

.menu ul li {
   padding: 0;
 color: rgb(136,136,136);
   }

.menu ul a {
   white-space: nowrap;
   clear: both;
   position: relative;
}

.menu li:hover ul { 
   left: 0;
   background-color: #ffffff;
   display: block;
}

.menu li:hover ul a { 
   text-decoration: none;
}


.menu li:hover ul li a:hover { 
   background: none repeat scroll 0 0 transparent;
}







.hide {
    display: none;
}

#slide {
   position: relative; 
   width: 100%;
   float: left;
   border: 1px solid black;
    box-sizing: border-box;
 }


#slide img {
    width: 100%;
    position: relative;
}


#inhalt {
    width: 100%;
    display: block;
    background: #ffffff;
    float:left;
    margin: 0 0 3em 0;
    box-sizing: border-box;
}

.grau {
    
    background: #e0e0e0;
}

.ihk  {
    font-size: 80%;
}

.spalte_50l {
    float: left;
    width: 50%;
    }

.spalte_50r {
    float: right;
    width: 50%;
}

.spalte_75l {
    float: left;
    width: 75%;
    box-sizing: border-box;
    }

.spalte_25r {
    float: right;
    width: 25%;
    padding: 0 0 0 1em;
    background: #e0e0e0;
    box-sizing: border-box;
}

.spalte_67l {
    float: left;
    width: 67%;
    padding: 0 1em 0 0;
    box-sizing: border-box;
    }

.spalte_33gr {
    float: left;
    width: 33%;
    padding: 0 1em 0 1em;
    background: #e0e0e0;
    box-sizing: border-box;
}

.spalte_33r {
    float: left;
    display:block;
    width: 33%;
    min-width: 200px;
    padding: 0 0 0 0;
    box-sizing: border-box;
   
}

.spalte_33m {
    float: left;
    display:block;
    width: 33%;
    min-width: 200px;
    padding: 0 0 0 0;
    box-sizing: border-box;
 }

.spalte_33l {
    float: left;
text-align: center;

    display:block;
    width: 33%;
    min-width: 200px;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

.lei  {
    width: 100%;
 box-sizing: border-box;
 border: 1px solid black;
}


	#lel {
     	background: #e6e6e6;
	display: flex;
  	align-items: center;
 	justify-content: center;
		text-align: center;
		margin:1em 0;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		height: 200px;
        width: 100%;

 box-sizing: border-box;

}

	#lel a {
		position: absolute;
   		display:block;
   		
   		height:200px;
    
    }
    
	#lel:hover {
		
		background: #e6e6e6;
		text-align: center;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #59598f;
		border-right: 2px solid #59598f;
		border-left: 2px solid #59598f;
	}	
    
  #lem {
     		background: #e6e6e6;
       	display: flex;
  		align-items: center;
 		justify-content: center;
		text-align: center;
		margin:1em 0;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		height: 200px;
        width: 100%;
        box-sizing: border-box;
}

	#lem a {
		position: absolute;
   		display:block;
   		
   		height:200px;
    }
    
	#lem:hover {
		
		background: #e6e6e6;
		text-align: center;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #59598f;
		border-right: 2px solid #59598f;
		border-left: 2px solid #59598f;
	}	
    
        
 #ler {
     	background: #e6e6e6;
		text-align: center;
        	display: flex;
  		align-items: center;
 		justify-content: center;
		margin:1em 0;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		height: 200px;
        width: 100%;
        box-sizing: border-box;
}

	#ler a {
		position: absolute;
   		display:block;
   		
   		height:200px;
    }
    
	#ler:hover {
		
		background: #e6e6e6;
		text-align: center;
		padding: 10px 10px 10px 10px;
		border-bottom: 10px solid #59598f;
		border-right: 2px solid #59598f;
		border-left: 2px solid #59598f;
	}	








/* Typographie */


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000000;
	font-family: "Yanone Kaffeesatz",helvetica,sans-serif;
	font-weight: normal;
	margin: 0.25em 0 0.75em 0;
}

h1 {
	font-size: 175%;
}

h2 {
	margin: 1.25em 0 0 0;
	font-size: 150%;
}

h3 {
	font-size: 133.33%;
}

h4 {
	font-size: 125%;
}

h5 {
	font-size: 116.67%;
}

h6 {	
	font-size: 100%;
}

p {
	font-family: "Ubuntu", "Arial", "Helvetica", sans-serif;
	font-weight: 300;		
	color: #000000;
	line-height: 1.8em;
	margin: 0 0 1em 0;
	padding: 0;
}

a {
	background: transparent;
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
}

a:focus,
a:hover,
a:active {
	color: #474780;
	text-decoration: none;
}


.dat {
    color: #3d91d5;
	font-family: "Yanone Kaffeesatz",helvetica,sans-serif;
	font-weight: normal;
	margin: 0;
    padding: 0;
    font-size: 125%;
}

.link {
    width: 100%;
    margin: 0 0 2em 0;
}

#text {
    float: left;
    margin: 0 0.25em 0 0;
}




ul {
    font-family: "Roboto", Helvetica, sans-serif;
	font-size: 100%;
	list-style-type: disc;
}

ul ul {
	font-size: 100%;
	list-style-type: circle;
}


ol {
	list-style-type: decimal;
}


ol ol {
	list-style-type: lower-latin;
}


li {
	color: #000000;
	line-height: 1.8em;
	margin-left: 0.8em;
}


#foothg {
	color: #ffffff;
	font-family: "Yanone Kaffeesatz", "Arial", "Helvetica", sans-serif;
	font-size: 150.00%;
	bottom: 0;
    text-align: left;
}  

#footh {
	color: #ffffff;
	font-family: "Yanone Kaffeesatz", "Arial", "Helvetica", sans-serif;
	font-size: 150.00%;
    text-align: right;
}  

#foot {
    color: #ffffff;        
    text-align: right;
}

.grapdf {
    width: 50px;
    padding: 1em 1em 0 0;
}

.graws {
    width: 100px;
    padding: 0 1em 0 0;
}


#foothi {
    color: #ffffff;  
    text-align: left;  
}


#foothi a {
    color: #ffffff;        
    text-align: left;
}


#foothi a:focus,
#foothi a:hover,
#foothi a:active {
	color: rgb(136,136,136);
	text-decoration: none;
}

#wrapper_f {
    position: relative;    
    width: 90%;
    max-width: 958px;
    margin: 0 auto;
    clear: both;
}


#copy {
    position: relative;      
    text-align: center;
    width: 90%;
    max-width: 958px;
    margin: auto;
    clear: both;
    color: rgb(168,168,168);
	text-align: center;
    border-top: 1px solid rgb(168,168,168);	
    padding: 0;
}

#copy p {
    color: rgb(168,168,168);
}
.t01 {
		width: 100%;

	}	

.tb {
				
		border-color: #ffffff;
		border-style: solid;		
		border-top-width: 0px;      
		border-right-width: 0px;     
		border-bottom-width: 1.75em;   
		border-left-width: 0px;     
         
	}
	

	.t1 {
		width: 25%;			
		background-color: #f2f2f2;
		padding: 5px 5px 5px 5px;
		font-family: "Yanone Kaffeesatz",helvetica,sans-serif;
		color: #000000;		
		font-size: 150.00%;
	}

	.t2 {
		width: 60%;			
		background-color: #f2f2f2;
		padding: 5px 5px 5px 5px;
		font-family: "Roboto", Helvetica, sans-serif;
		color: #000000;		
		font-size: 100.00%;
	}
	.t3 {
		width: 15%;			
		background-color: #f2f2f2;
		padding: 5px 5px 5px 5px;
		font-family: "Yanone Kaffeesatz",helvetica,sans-serif;
		color: #000000;		
		font-size: 150.00%;
		text-align: right;
	}

	.z1 {
		background-color: #f2f2f2;
		padding: 5px 5px 5px 5px;
		font-family: "Yanone Kaffeesatz",helvetica,sans-serif;
		color: #000000;		
		margin: 0 0 0.25em 0;
		font-size: 125.00%;
	}
	.z2 {
		background-color: #ffffff;
		padding: 5px 5px 30px 5px;
		font-family: "Roboto", Helvetica, sans-serif;
		color: #000000;		
		margin: 0 0 0.25em 0;
		font-size: 100.00%;
	}


#slide {
	 width: 100%;
	padding: 0;
  	margin: 0;
 	 }	

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
padding: 0;
  margin: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  }


#karte {
		width: 100%;
		height: 400px;
	}

.clear {
    clear: both;
    }
    

.mehr {
background-color: #f6f6f6;
margin: 0 0 0 0;
padding: 0.25em;
text-align: center;
}

.mehr:hover {
background-color: #f0f0f0;
margin: 0 0 0 0;
padding: 0.25em;
text-align: center;
}



@media only screen and (max-width: 900px) {
    header { width: 100%; bottom: 0;}
    .spalte_33r { width: 100%; }
    .spalte_33gr { width: 100%; }
    .spalte_33m { width: 100%; }
    .spalte_33l { width: 100%; }
    .spalte_75l { width: 100%; }
    .spalte_25r { width: 100%; }
    .spalte_67l { width: 100%; }
    .ue {visibility: hidden; }
    .t1 {font-size: 130.00%; }
    .t2 {font-size: 80.00%; width: 45%;}
    .t3 {font-size: 100.00%; font-family: "Roboto", Helvetica, sans-serif; width: 30%;}
}

@media only screen and (max-width: 600px) {
    
    div#wrapper_f {display: table; }    
    .spalte_50l { width: 100%; display: table-footer-group; float:none;}
    .spalte_50r { width: 100%; display: table-header-group; float:none;}
    nav ul li {width: 45%; }
    div#slide {display: none; }
    #inhalt {border-top: 10px solid grey; }
    #foothg {text-align: center; }
    #foothi {text-align: center; }
    #footh {text-align: center; }
    #foot {text-align: center; }
    .t1 {font-size: 100.00%; }
    .t2 {display: none; }

}