@charset "utf-8";

/* CSS Document */

/*********************    Index    ************************

   domain: dtr-teppichreinigung.de
   author: Samuele Prati
    
	1. Global Tags
	
   2. Global Classes
		2.1 h2 Graphic
		2.2 h3 Graphic
		2.3 a Graphic
		2.4 IMG Class
		2.5 Tables 
	
   3. Container

   4. Header
		4.1 Shoplink
		4.2	NavigationAdditional
		4.3	Branding
		
		
   5. ContentContainer
   	5.1 contentMain
      5.2 contentSidebar
		5.3	Navigation
		
	6. Footer
		6.1 Push // Sticky footer
    

/*********************************************************/
/******************   = global-tags  *********************/
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

input {
	border:#CCCCCC 1px solid;
}

html {
	height:100%;
	background:url(../images/bg-body.jpg) top center;	
}


body {
	height:100%;
	min-height:600px;
	font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	background:url(../images/bg-html.jpg) repeat-x top center;	
	color:#170800;
}

.imgborder {
	border:#f3a610 1px solid;
	margin-right:8px;
	_margin-right:4px !important;
}

iframe {
	border: 5px solid #b7dcf5;
}

/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/
a {
	text-decoration:underline;
	color:#170800;
}

a:hover {
	text-decoration: none;
}

a.speisekarte {
	display:block;
	width:159px;
	height:17px;
	background-image:url(../images/bg-zurspeisekarte.jpg);
	text-indent:-9999px;
	float:right;
	margin-right:66px;
	margin-top:15px;
}

.clear {
	float: none;
	clear: both;
}

h1, h2, h3, h4 {
	font-weight:lighter;
}

h1 {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1px;
}

h4 {
	line-height:14px;
	font-weight:bold;
	font-size: 12px;
}

h5 {
	font-size: 32px!important;
	padding-bottom:20px;
	color:#d09821;
}

.pdf {
	background: url(../images/pdf.gif) top left no-repeat;
	width:250px;
	height:50px;
	display:block;
	padding-left:60px;
}

/*********************************************************/
/*******************   = container  **********************/
/*********************************************************/

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width : 990px;
	margin: 0 auto -202px;
}

/*********************************************************/
/*********************   = header  ***********************/
/*********************************************************/

div#header {
	position:relative;
	width : 990px;
	height: 457px;
	background: url(../images/bg-header.jpg) no-repeat;
	background-position:top center;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index:50;
}

div#header #Adresse {
	position:absolute;
	display:block;
	width:2202px;
	height:85px;
	left: 14px;
	top: 334px;
	font-size: 12px;
	color: #ffffff;
	line-height: 19px;
}


div#header h2 {
	position:absolute;
	font-size:33px;
	height:35px;
	line-height:35px;
	color:#6c9fd9;
	top:403px;
	left:21px;
	text-transform:uppercase;
}

div#header h3 {
	position:absolute;
	font-size:20px;
	height:50px;
	line-height:20px;
	color:#6c9fd9;
	top:439px;
	left:21px;
	text-transform:uppercase;
	width: 623px;
}

#annahmestelle {
	position:absolute;
	font-size:12px;
	line-height:19px;
	display:block;
	width: 198px;
	height: 100px;
	left: 682px;
	top: 348px;
	color: #000000;
}

/*********************************************************/
/********************   = navigation  ********************/
/*********************************************************/        

ul#navigation {
	position:absolute;
	width: 604px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	left:386px;
	top:0px;
	height: 63px;
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	z-index: 11;
	float:left;
}


ul#navigation a {
	display: block;
	text-indent:-9999px;
	background-image:url(../images/bg-navigation-01.jpg);
	background-repeat:no-repeat;
}


ul#navigation li {
	float: left;
}

ul#navigation li a{
	float: left;
	border:none;
	padding:0px;
	height: 63px;
}

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

ul#navigation li#navigationtab01 a {
	background-position: -0px -0px;
	width:211px;
}

ul#navigation li#navigationtab01 a:hover, ul#navigation li#navigationtab01 a.active {
	background:none;
}

li#navigationtab02 a {
	background-position: -211px -0px;
	width:173px;
}

ul#navigation li#navigationtab02 a:hover, ul#navigation li#navigationtab02 a.active {
	background:none;
}

ul#navigation li#navigationtab03 a {
	background-position: -384px -0px;
	width:102px;
}

ul#navigation li#navigationtab03 a:hover, ul#navigation li#navigationtab03 a.active {
	background:none;
}
	
ul#navigation li#navigationtab04 a {
	background-position: -486px -0px;
	width:118px;
}

ul#navigation li#navigationtab04 a:hover, ul#navigation li#navigationtab04 a.active {
	background:none;
}


/*********************************************************/
/*******************   = navigation 2  *******************/
/*********************************************************/        

ul#navigation2  {
	position:absolute;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	left:0px;
	top:296px;
	height: 63px;
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	z-index: 11;
	float:left;
}


ul#navigation2 a {
	display: block;
	text-indent:-9999px;
	background-image:url(../images/bg-navigation-02.jpg);
	background-repeat:no-repeat;
}


ul#navigation2 li {
	float: left;
}

ul#navigation2 li a{
	float: left;
	border:none;
	padding:0px;
	height: 63px;
}

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

ul#navigation2 li#navigationtab01 a {
	background-position: -0px -0px;
	width:256px;
}

ul#navigation2 li#navigationtab01 a:hover, ul#navigation2 li#navigationtab01 a.active {
	background:none;
}

ul#navigation2 li#navigationtab02 a {
	background-position: -256px -0px;
	width:191px;
}

ul#navigation2 li#navigationtab02 a:hover, ul#navigation2 li#navigationtab02 a.active {
	background:none;
}

ul#navigation2 li#navigationtab03 a {
	background-position: -447px -0px;
	width:213px;
}

ul#navigation2 li#navigationtab03 a:hover, ul#navigation2 li#navigationtab03 a.active {
	background:none;
}
	

	
/*********************************************************/
/*************   = navigationAdditional  *****************/
/*********************************************************/        

ul#navigationAdditional {
	position:absolute;
	top:40px;
	left:0px;
	height: 26px;
	width:313px;
	list-style: none;
	display:block;
	font-size:12px;
}

ul#navigationAdditional li {
	display: block;
	z-index:90;
	float:left;
	padding: 0px 12px 0px 0px;
}

ul#navigationAdditional li.liseparator {
	display: block;
	z-index:90;
	float:left;
	padding: 5px 12px 0px 0px;
}

ul#navigationAdditional li a {
	display: block;
	height: 26px;
	text-decoration:none;
	text-transform:uppercase;
	color:#000b35;
	font-size:11px;
	border-top: 3px #fff solid;
	padding-top:5px;
}

ul#navigationAdditional li a:hover,
ul#navigationAdditional li a.active
{
	border-top: 3px #d5d5d5 solid;
}

/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
h1.branding a {
	display: block;
	width: 296px;
	height: 154px;
	position: absolute;
	top: 40px;
	left: 0px;
	background-image:url(../images/bg-branding.jpg);
	background-repeat:no-repeat;
}

/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#contentContainer {
	position:relative;
	width : 990px;
	padding-bottom: 50px;
	background-repeat:no-repeat;
	background-image:url(../images/bg-content.jpg);
	background-position:top center;
	min-height: 100%;
	height: auto !important;
	z-index:10;
}


/*********************************************************/
/*******************   = contentMain  ********************/
/*********************************************************/ 
   
div#contentMain {
	position:relative;
	float:left;
	display:block;
	width: 681px;
	z-index: 15;
	line-height:22px;
	font-size:12px;
	padding-top:80px;
}

div#contentMain p {
	line-height:21px;
	margin-bottom:21px;
}

#contentMain h4 {
	display:block;
	font-size:16px;
	height:30px;
	color:#6c9fd9;
	line-height:17px;
	vertical-align:bottom;
}

div#contentMain ul {
	margin: 0 0 21px 0;
}

div#contentMain ul li {
	margin: 0 15px 21px 0px;
	padding: 0 0 0 21px;
	line-height:21px;
	background-image:url(../images/bg-li.gif);
	background-repeat:no-repeat;
	background-position: left top;
	list-style:none;
}

div#contentMain .column {
	width:305px;
	padding-left:23px;
	float:left;
}

div#contentMain .content {
	padding-left:23px;
	float:left;
}

div#contentMain a {
	color:#368ac3;
}

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

div#contentMain dl  {
	margin: 0;
	width:160px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#contentMain dt {
	float:left;
	width:80px;
	height:60px;
	font-weight:bold;
	display:block;
}

div#contentMain dd {
	float:left;
	width:80px;
	height:60px;
	display:block;
}

div#contentMain dl dd {
	margin-bottom: 20px;
	display:block;

}

div#contentMain #pixelround {
	position:relative;
	width:570px;
	height:156px;
	background-image:url(../images/bg-pixelround.jpg);
	background-position:center;
}

#panorama_formatierung {
	position:absolute;
	width:307px;
	height:97px;
	left: 261px;
	top: 30px;
}

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

div#contentMain .separator {
	display:block;
	width:611px;
	height:4px;
	background-image:url(../images/bg-separator.jpg);
	background-repeat:no-repeat;
	clear:both;
	margin-bottom:10px;
}


.imageborder {
	border:#a7b0b8 1px solid;
	margin-right:5px;
	padding:4px;
	margin-bottom:20px;
}


/*********************************************************/
/*****************   = contentSidebar  *******************/
/*********************************************************/ 
         
div#contentSidebar {
	position:relative;
	float:left;
	font-size:11px;
	z-index:10;
	padding-left:14px;
	padding-top:90px;

}

div#contentSidebar p {
	font-size:12px;
	line-height:20px;
	margin-bottom:21px;
}

h3 {
	font-size:20px;
	height:35px;
	color:#802427;
}



div#contentSidebar .separator {
	border-bottom:1px solid #e4da8d;
	width:292px;
}
/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#footer {
	height: 202px;
	background:url(../images/bg-footer.jpg) top center repeat-x;	
}

div#footerContent {
	position:relative;
	height: 202px;
	background:url(../images/bg-footer-content.jpg) top center repeat-x;	
	width : 990px;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
	line-height: 18px;
}

div#footer #Adresse01 {
	position:absolute;
	left:21px;
	top:56px;
}

div#footer #Adresse02 {
	position:absolute;
	left:350px;
	top:56px;
}

div#push {
	height: 202px;
}

#flash {
	position:absolute;
	width:655px;
	height:450px;
	display:block;
	left: 295px;
	top: 40px;
	z-index:55;
}

/*********************************************************/
/************************* Toggle ************************/
/*********************************************************/

.toggle_container {
	display:none;
}

.toggle_projekt {
	width:650px;
}

a.trigger {
	text-decoration:none !important;
	text-transform:uppercase;
	background:url(../images/bg-trigger.jpg) no-repeat left;
	height: 25px;
	padding-left:35px;
	width:300px;
	display:block;
}

a.trigger span {
	text-decoration:none !important;
	color:#000 !important;
	text-transform:uppercase;
	font-size:11px;
}


.toggle_container .adresse { 
	width:250px; 
	float:left; 
	height:120px; 
	display:block; 
	background-color:#ebf5ff; 
	padding:20px; 
	margin-left:15px;  
}

.toggle_container .adresse:hover { 
	background-color:#f9ecef; 
}
/********************** Finito :-) ************************/