/*BODY*/

  body {
		background-position:top;
		background-repeat:repeat-y;
		background-color:black;  
  }
	
	#body_index {
		background-image:url(img/main/hintergrund_index_f.jpg);
    background-repeat: no-repeat;
		}
	
	#body_1 {
		background-image:url(img/main/hintergrund_service.jpg);
		}
	
	#body_2 {
		background-image:url(img/main/hintergrund_vermietung.jpg);
		}
	
	#body_3 {
		background-image:url(img/main/hintergrund_verkauf.jpg);
		}
	
	#body_4 {
		background-image:url(img/main/hintergrund_referenzen.jpg);
		}
	
	#body_5 {
		background-image:url(img/main/hintergrund_unternehmen.jpg);
		}
		
		/*BODY ENDE 
		  
===============================================================================
    
	/*ABSATZ, ÜBERSCHRIFTEN*/
	
	p {
		color:white;
		font-family:georgia, serif;
		}


	h1 {
		color:white;
		font-size: 36pt;
		text-shadow:1.5px 1.5px 1.5px black;
		}

		
	h2 {
		color:white;
		font-size: 28pt;
		text-shadow:1.5px 1.5px 1.5px black;
		}

		
	h3 {
		color:white;
		font-size:20pt;
		text-shadow:1.5px 1.5px 1.5px black;
		}
  
  .hide {
    display:none;
  }
   				
	#index_link a {
		position:absolute;
		margin-left:-194px;
		margin-top:16px;
		display:block;
		width:215px;
		height:74px;
		}
		
	#index_link h1 {
		display:none;
		}
		
	#contact_links a {
		margin-top:-3px;
		margin-left:43px;
		position:absolute;
		font-family:verdana, sans-serif;
		font-size:0.7em;
		text-decoration:none;
		color:#dde4e6;
		}
		
	#container {
		margin:auto;
		margin-bottom:27px;
		width:980px;
    	height:700px;
		padding:0px 0px 0px 0px;
		padding-bottom:90px;   /* Height of the footer */
		}
		
	#content_right {
		width:728px;
   		padding-bottom: 100px;
		float:right;
		}
    
  .backlink {
    clear: both;
    color:white;
    font-size:16px;
  }
  
	#body_1 a:hover {
		color: #3aa4e1;
		}
    
	#body_2 a:hover {
		color: #c2532e;
		}
    
	#body_3 a:hover {
		color: #f8b42e;
		}
    
	#body_4 a:hover {
		color: #829c46;
		}
    
	#body_5 a:not(.portrait_name):hover {
/*		color: #164277; */
		color: #3aa4e1;
		}  
/*	.keytext {
    	color:white;
    	font-style:italic;
    	font-size:28px;
  		} */
		
	/*ABSATZ, ÜBERSCHRIFTEN ENDE   
  
===============================================================================
    
	/*EINSTEIG*/
	
	.access_text {
		font-style:italic;
		margin-top:25px;
		font-size:18px;
		line-height:25px;
		text-shadow:1.5px 1.5px 1.5px black;
		}

	.access_container {
    position:absolute;
		margin-top:20px;
		width:717px;
		}
    
  .access_container table {
    position:absolute;
    top:0px;
    left:0px;
    width:715px;
    table-layout:fixed;
    border-width=0px;
    padding:0px;
  }
 
  .access_container th {
   	font-size:24px;
    font-weight: bold;
    vertical-align:top;
    text-align:center;
  }

  .access_container td {
   	font-size:18px;
    vertical-align:top;
    font-style:italic;
  }

  .light_font {
    color:white;
    text-shadow:0.05em 0.05em 0.05em black;
  }
  
  .dark_font {
    color:#2a2a2a;
  }
    
  .access_container ul {
    margin:0px;
    padding-left:50px;
    padding-right:50px;
  }
  
  .access_container li {
    margin-top:4px;
  }

  .access_container a {
    display:block;
   	font-size:24px;
    font-weight: bold;
    vertical-align:middle;
    text-align:center;
    color:white;
    text-shadow:1.5px 1.5px 1.5px black;
    text-decoration:none;
  }

  .access_container table a {
    width:185px;
    padding:0px;
    margin-left:25px;
    }
  			
	
  	/*EINSTIEG ENDE
  	
===============================================================================
  SERVICE */

 	#content_service {
		width:728px;
   	padding-bottom: 100px;
		float:right;
		}

  #content_service #puzzle {
    margin-top:30px;
    float:left;
  }
  
  #content_service #headline {
    margin-left: 115px;
    margin-bottom: 50px;
  }

  #content_service h2 {
    font-size: 40px;
    margin-top: 25px;
    margin-bottom:0px;
  }
  
  #content_service h3 {
    font-size: 22px;
    color: white;
    font-style: italic;
    margin-top: 5px;
  }
  
  #content_service #picture {
    width: 450px;
    float:right;
    margin-left: 20px;
    margin-bottom: 15px;
    border: 1px solid white;
  }
  
  #content_service p.text{
    font-size:16px;
    width: 250px;
    color:white;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }
  
  .pos_link {
    position:absolute;
    padding-top:0px;
    padding-left:0px;
  	transition:all 0.1s ease-in-out;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
  }
  
  #ac1 li:hover .pos_link {
    font-size:30px;
/*    padding-top:0px;  */
/*    padding-left:0px; */
  }
  
  /* SERVICE Ende
===============================================================================
    
	ARTIKELLISTE*/
	
	h1.m2 {
		font-size:23px;
		text-transform:uppercase;
		padding:16px 0px 0px 40px;
		background-image:url(img/artlist/bg_h1_m2.png);
		width:693px;
		height:40px;
		}

	h2.m2 {
		/*color:#d23c23;*/
		font-size:23px;
    text-transform:uppercase;
		padding: 36px 0px 0px 60px;
   	margin-bottom:0px;
		margin-top:0px;
		width:673px;
		height:46px;
		}
    
  h2.m2.s1 {
		background-image:url(img/artlist/bg_tontechnik.png);  
  }
  
  h2.m2.s2 {
		background-image:url(img/artlist/bg_lichttechnik.png);  
  }
  
  h2.m2.s3 {
		background-image:url(img/artlist/bg_videotechnik.png);  
  }

  h2.m2.s4 {
		background-image:url(img/artlist/bg_kommunikationstechnik.png);  
  }

  h2.m2.s5 {
		background-image:url(img/artlist/bg_buehnentechnik.png);  
  }
  
  h2.m2.s6 {
		background-image:url(img/artlist/bg_backline.png);  
  }
  
  h2.m2.s7 {
		background-image:url(img/artlist/bg_edv.png);  
  }



	h3.m2 {
		font-size:20px;
    	color:#d23c23;
		text-transform:uppercase;
		font-weight:normal;
		padding: 16px 0px 0px 40px;
		background-image:url(img/artlist/bg_table_m2.png);
    	background-repeat:repeat-y;
		margin-bottom:0px;
		margin-top:0px;
		width:693px;
		height:40px;
		}

	table.m2 {
		font-size:20px;
		padding: 8px 40px 8px 40px;
		background-image:url(img/artlist/bg_table_m2.png);
	    background-repeat:repeat-y;
		margin-bottom:0px;
		margin-top:0px;
		width:733px;
		}
    
  tr.m2.e {
    background-color:#1b1b1b;
    color:white;
  }
  
  tr.m2.o {
    background-color:#141414;
    color:white;
  }

  td.m2 {
    padding: 8px 10px 8px 20px;
    font-style:italic;
    font-size:17px;
  }

  div.m2.top {
	background-image:url(img/artlist/artlist_top.png);
	margin-bottom:0px;
	margin-top:0px;
	width:733px;
    height:22px;
  }
  
  div.m2.bottom {
	background-image:url(img/artlist/artlist_bottom.png);
	margin-bottom:0px;
	margin-top:0px;
	width:733px;
  height:22px;
  }
  
  /*ARTIKELLISTE ENDE
 
===============================================================================

  /* VERKAUF ANFANG */
  
  /* GEBRAUCHTWARE */
  
  .verkauf h3 {
    list-style-type:none;
    font-family:Georgia, serif;
    color: white;
    font-size: 24px;
    background-image: url(img/artlist/bg_dl_verkauf.png);
    background-repeat:no-repeat;
    font-weight: bold;
    height: 54px;
    padding-left:34px;
    padding-top:10px;
    margin: 0px 37px 0px;
   }

   
  .verkauf #picture {
    width: 150px;
    float:right;
    margin: 20px;
    border: 1px solid white;
  }

   
  .verkauf div.top {
    height: 22px;
    width: 733px;
    background-image: url(img/artlist/artlist_top.png);
  }
  
  .verkauf div.middle {
  	width:733px;
    background-image: url(img/artlist/bg_table_m2.png);
    background-repeat: repeat-y;
  }
  
  .verkauf div.bottom {
    height: 22px;
    width:733px;
    background-image: url(img/artlist/artlist_bottom.png);
    margin-bottom: 25px;
  }
  
  .verkauf dl {
    margin: 0px 15px 0px;
    padding: 10px 15px 15px;
  }
   
  .verkauf dt {
  	color:white;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    margin-top:15px;
  }

  .verkauf dd {
  	color:white;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
  }
  
  .verkauf ul {
    padding-left: 20px;
  }
 
  /* Installation */
  
 	#content_installation {
		width:728px;
   	padding-bottom: 100px;
		float:right;
		}
  
  #content_installation #picture {
    width: 250px;
    float:right;
    margin-left: 20px;
    margin-bottom: 15px;
    border: 1px solid white;
  }
   
  a.maillink{
    color : white;
  }
  #body_3 a.maillink:hover {
    color : #f8b42e;
  }
  /* VERKAUF ENDE
  
===============================================================================

  /* Veranstaltungen */

 	#content_referenzen {
		width:728px;
   	padding-bottom: 100px;
		float:right;
		}
  
/*  #content_referenzen img {
    float:right;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    border: 1px solid white;
  } */

  #content_referenzen figure {
    float:right;
    margin: 20px;
    padding: 5px;
  }

  #content_referenzen figure img{
    margin-bottom: 5px;
    border: 1px solid white;
    border-radius: 3px 3px 3px 3px;
  }
  
  #content_referenzen figure figcaption {
		color: white;
    font-style:italic;
		font-size:16px;
		text-shadow:1.5px 1.5px 1.5px black;
  }


  #content_referenzen h2 {
    font-size: 40px;
    margin-top: 25px;
    margin-bottom:0px;
  }
  
  #content_referenzen h3 {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 23px;
    font-style: italic;
  }
 
  #content_referenzen table {
    margin: 20px auto;
    width: 700px;
    text-align: center;
  }
  		
  #content_referenzen tr {
    vertical-align: top;
  }    
  
  #content_referenzen table img {
    margin: 10px;
  }

  #content_referenzen figure img.plakette {
    float: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: none; 
  }

	/*HERSTELLER ENDE   
 
===============================================================================
    
	
	/*PORTRAITS*/
	
	.portrait_left {
		float:left;
		width:340px;
		height:147px;
		background-image:url(img/portraits/imgPlakette.png);
		padding: 13px 0px 0px 12px;
		}
		
	.portrait_right {
   		float:right;
		width:340px;
		height:147px;
		background-image:url(img/portraits/imgPlakette.png);
		padding: 13px 0px 0px 12px;
		margin-right:3px;
		}

	.portrait_cell {
		width:340px;
		height:134px;
		background-image:url(img/portraits/imgPlakette.png);
		padding: 13px 0px 0px 12px;
    	vertical-align: top;
		}
    
  .portrait_foto {
    	float:left;
    	height:99px;
    	width:77px;
    	margin-right:10px;
    	}
    
	.portrait_name {
		font-family:Georgia, serif;
		font-size:15pt;
		color:#164277;
		display:block;
		margin-bottom:4px;
		}
    
  a.portrait_name {
    text-decoration:none;
  }
  
  a.portrait_name:hover {
    text-decoration: underline;   
  }
		
	.portrait_stats {
		font-family:Georgia, serif;
		font-size:10pt;
		}
		    
  /* PORTRAITS Ende */
 
  /* ANFAHRT */

 	#content_anfahrt {
		width:728px;
   		padding-bottom: 100px;
		float:right;
		}
    
  #content_anfahrt h2 {
    	font-size: 24px;
    	margin-top: 25px;
    	margin-bottom:20px;
  		}
  
  #content_anfahrt h3 {
    font-size: 21px;
    color: white;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 10px;
  }
    
  #content_anfahrt p.text{
    font-size:16px;
    color:white;
    margin-top: 10px;
    padding-left: 10px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }   
  
  /* ANFAHRT Ende

  /* JOBS */

  .jobs h3 {
    list-style-type:none;
    font-family:Georgia, serif;
    color: white;
    font-size: 24px;
    background-image: url(img/artlist/bg_dl_jobs.png);
    background-repeat:no-repeat;
    font-weight: bold;
    height: 54px;
    padding-left:34px;
    padding-top:10px;
    margin: 0px 37px 0px;
   }
   
  .jobs div.top {
  	width:733px;
    height: 22px;
    background-image: url(img/artlist/artlist_top.png);
  }
  
  .jobs div.middle {
  	width:733px;
    background-image: url(img/artlist/bg_table_m2.png);
    background-repeat: repeat-y;
  }
  
  .jobs div.bottom {
    height: 22px;
    width:733px;
    background-image: url(img/artlist/artlist_bottom.png);
    margin-bottom: 25px;
  }
  
  .jobs dl {
    margin: 0px 15px 0px;
    padding: 10px 15px 15px;
  }
   
  .jobs dt {
  	color:white;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    margin-top:15px;
  }

  .jobs dd {
  	color:white;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
  }
  
  .jobs ul {
    padding-left: 20px;
  }
      
	/* UNTERNEHMEN ENDE   
 
===============================================================================
    
	/* IMPRESSUM, AGB, KONTAKT, FOOTER */
  
  
  div.impressum {
    color:white;
  }
  
  div.impressum a {
  	color:white;
  }
  
  div.impressum h1 {
  	font-size:34px;
    color:white;
  }
  
  div.impressum h2 {
  	margin-bottom:-12px;
  	font-size:24px;
    color:white;
  }
  
  div.impressum h3 {
    color:grey;
  }
  
  div.impressum p {
  	text-align:justify;
  	padding-left:10px;
    color:grey;
  }

  	/* AGB */
  
  div.agb {
    color:white;
    counter-reset: ebene1;
  }
  
  div.agb h1 {
  	font-size:34px;
    color:white;
  }
  
  div.agb h2 {
  	font-size:24px;
    color:white;
    counter-reset: ebene2;
  }
  
  div.agb h2:before {
    content: "\00a7" counter(ebene1) " ";
    counter-increment: ebene1;
  }
  
  div.agb p {
  	text-align:justify;
  	padding-left:10px;
    color:grey;
  }
  
  div.agb p:before {
    content: "(" counter(ebene2) ") ";
    counter-increment: ebene2;
  }
  
  	/* Kontakte */
  
  div.contacts h1 {
  	font-size:34px;
    color:white;
  }	
  
  div.contacts h2 {
  	margin-top:42px;
  	font-size:24px;
    color:white;
  }
  
  div.contacts h3 {
  	padding-left:10px;
  	margin-bottom:-8px;
  	font-size:21px;
    color:white;
  }
  
  div.contacts p {
  	text-align:justify;
  	padding-left:10px;
    color:grey;
  }
  
  div.contacts a {
    color: grey;
  }
  	
		
	/*Footer*/

	#footer {
		background-image:url(img/main/foot_whole.png);
		background-position:center;
		position:fixed;
		bottom:0;
		left:0;
		padding-top:16px;
		width:100%;
		height:64px;   /* Height of the footer */
		}
		
	.cl_footer {
		background-image:url(img/main/foot_foot.png);
		width:988px;
		height:29px;
		margin:auto;
		margin-top:9px;
		padding-top:8px;
		text-align:center;
		font-family:verdana, sans-serif;
		font-size:0.7em;
		color:black;
		}
    
	.cl_footer a {
		color:black;
		text-decoration:none;
		}
		
		/* IMPRESSUM, AGB, KONTAKT, FOOTER ENDE   
 
===============================================================================*/