@charset "utf-8";
*			{
			padding:0px;
			margin:0px;
			border:0px;
			}
body 		{
			text-align:left;
			font:normal 80%/165% Verdana, Helvetica, sans-serif;  
			color:#dddddd;
			background: url(../images/design/bg-body.png) repeat-x left top #5e5f5e;

			}

ul {list-style:none;}
:focus{outline:0;}
			
html[xmlns^="http"]
{
/* verhindert Mozilla-Zucken* > Firefox 1.5 */

overflow-y: scroll;
}

/*---------------Links Container--------------------------*/
#container-left a:link, #container-left a:visited		{text-decoration:none; color:#656565;}
#container-left a:hover		{color:#dc0000;text-decoration:none;}
#container-middle a:link, #container-middle a:visited		{color:#dddddd;text-decoration:underline; }
#container-middle a:hover		{color:#3d3d3d;text-decoration:underline;}

#footer a:link, #footer a:visited		{color:#ffffff;text-decoration:none; }
#footer a:hover		{color:#ffffff;text-decoration:underline;}



/*----------------Container-------------------------------*/	

a:hover img {filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

#container {width:1104px; height:auto; margin:0px auto; background:url(../images/design/bg-container.png) top left repeat-y #57575b; }
div#header	{width:1104px; height:347px; float:left;  background:url(../images/design/bg-header.jpg) 0 0 no-repeat #57575b; position:relative; }
	h1.branding	a	{ width:297px; height:347px; background:url(../images/design/branding.jpg) top left no-repeat; text-indent: -9999px; display:block; float:left;}
	
	#slideshow {position:absolute;top:0px; left:726px; z-index:5; width:378px; height:268px; background:url(../images/slideshow/02.jpg);}
	#slideshow img {position: absolute; display:none; left:0; top:0;}
	
#container-left {width:321px;  float:left; padding:0 0 0px 0;}
.kontaktdaten {width:321px; height:319px; background:url(../images/design/kontaktdaten.png) top left no-repeat; padding:85px 0 5px 30px;}
.kontaktdaten-text {width:228px; padding:5px 0 5px 0;}
	
#container-middle{width:760px; float:left; padding:30px 0 0px 0; margin:0px 5px 0 0px; _margin:0px 5px 0 0px; }
#container-middle p{padding:0 0 15px 0; }
	#video { margin:5px 0 25px 0; z-index:4; }

	.column1	{ width: 365px; margin-right:28px; float:left; }
	.column2	{ width: 363px;  float:left; }
	.column3 { width: 330px;  float:left; margin:-10px 0 0 20px; }
	.column4 { width: 170px;  float:left; margin:0px 15px 0 0px; }
	
	.image-column{padding:2px; margin:0px 0px 20px 0px; border:#9f9f9f 1px solid; float:left;}
	.image-content{padding:2px; margin:10px 22px 10px 0px; border:#9f9f9f 1px solid; float:left;}
	.image-logo{padding:2px; margin:10px 15px 10px 0px; border:#9f9f9f 1px solid; float:left;}
	.image-anfahrt{ border:#e0e0e0 1px solid; float:left; padding:6px; margin:0 0 10px 0;}
	.video{margin:10px 0px 20px 0px;}
	.image-cms { padding:2px; margin:8px 30px 20px 0px; border:#e0e0e0 1px solid; float:left; width:158px; height:auto;}
	.image-table{padding:2px; margin:0; border:#c4c4c4 1px solid; float:left; width:150px; height:100px;}
	.spacer { background:url(../images/design/spacer.gif) no-repeat; padding:0 0 10px 0; }
	.top{ margin:30px 2px 0 0; width:100px;height:50px;padding:20px 20px 0 0px; float:right;}
	
#footer {width:1104px; height:239px; background:url(../images/design/bg-footer.jpg) no-repeat; margin:80px 0 0 0; font:normal 85%/140%  Verdana, Helvetica, sans-serif;}
	.column-footer-left{ width:268px; float:left; margin:65px 0 0 50px; _margin:65px 0 0 25px; }
	.column-footer-middle{ width:325px; float:left; margin:95px 0 5px 20px;}
	.column-footer-right{ width:240px; float:left; padding:48px 0 0 10px;}



/*--------------- LIST CONTENT ---------*/
#container-middle ul {list-style:none outside; padding:5px 0 10px 0px;}
#container-middle ul li {background:url(../images/design/li-01.jpg) no-repeat top left; list-style:none; padding:0 0 5px 18px; font:normal 100%/145% Verdana, Helvetica, sans-serif; }
	
#container-middle ul.impr-left		{float:left;list-style:outside none;font-weight:bold;padding:0 0 10px 0;margin:0px;font-size:85%;}
#container-middle ul.impr-left li	{list-style-type:none;background-image:none;width:130px;padding:0px;margin:0px;}
#container-middle ul.impr-right		{float:left;list-style:outside none;padding:0 0 10px 0;margin:0px;font-size:85%;}
#container-middle ul.impr-right li	{list-style-type:none;background-image:none;width:190px;padding:0px;margin:0px;}
#aktuelles				{background:url(../images/design/image-index.jpg) no-repeat;}
	

/*---------------- HEADLINES --------------------*/


h2 		{ padding:34px 0 34px 0; color:#ffffff; font:normal 200%  Georgia, "Times New Roman", Times, serif;  text-transform:uppercase; }
h3 		{font:normal 130% Georgia, Times New Roman; font-variant:small-caps; line-height:100%; font-weight: bold;color: #ffffff; margin:0px 0 20px 0px; text-indent:0px;}
h4 		{padding:0 0 2px 0; margin:5px 0 0px 0; color:#ffffff; font:bold 110%  Verdana, Helvetica, sans-serif;}
h5		   {padding:10px 0 2px 0; margin:10px 0 2px 0; color:#717171; font:bold 120%  Georgia, "Times New Roman", Times, serif; color:#FFFFFF; text-transform:uppercase; }
.blue	{padding:0 0 2px 0; margin:10px 0 5px 0; color:#717171; font-weight:lighter;  font-size:130%; }



/* ---------------- NAVIGATION 02 --------------------*/


#navi-vertikal {width:289px; height:355px; background:url(../images/design/bg-navi02-hover.jpg) no-repeat top left; float:left; margin:38px auto 0 auto;}
	
#navi02 {width:289px; height:338px; float:left;}
#navi02 ul {list-style: none;}
#navi02 li {float: left;}
#navi02 a {text-indent: -9999px; display:inline; overflow:hidden; float:left;}


#navi02 a.startseite {background:url(../images/design/bg-navi02.jpg) no-repeat; width:289px; height:87px;}
#navi02 a.startseite:hover,
#navi02 li.active a.startseite {background:none; width:289px; height:87px;}

#navi02 a.chronik {background:url(../images/design/bg-navi02.jpg) 0 -87px no-repeat; width:284px; height:34px;}
#navi02 a.chronik:hover,
#navi02 li.active a.chronik {background: none;width:284px; height:34px;}

#navi02 a.angebot {background: url(../images/design/bg-navi02.jpg) 0 -121px no-repeat; width:284px; height:34px;}
#navi02 a.angebot:hover,
#navi02 li.active a.angebot {background:none; width:284px; height:34px;}

#navi02 a.schlosserei-stahlbau {background:url(../images/design/bg-navi02.jpg) 0 -155px no-repeat; width:284px; height:25px;}
#navi02 a.schlosserei-stahlbau:hover,
#navi02 li.active a.schlosserei-stahlbau {background:none; width:284px; height:25px;}

#navi02 a.aluminiumbau {background:url(../images/design/bg-navi02.jpg) 0 -180px no-repeat; width:284px; height:25px;}
#navi02 a.aluminiumbau:hover,
#navi02 li.active a.aluminiumbau {background:none; width:284px; height:25px;}

#navi02 a.bauelemente {background:url(../images/design/bg-navi02.jpg) 0 -205px no-repeat; width:284px; height:24px;}
#navi02 a.bauelemente:hover,
#navi02 li.active a.bauelemente {background:none; width:284px; height:24px;}

#navi02 a.highlights {background:url(../images/design/bg-navi02.jpg) 0 -229px no-repeat; width:284px; height:76px;}
#navi02 a.highlights:hover,
#navi02 li.active a.highlights {background:none; width:284px; height:76px;}




/*-------------------- NAVI-add ----------------------*/

#navi-add {width:1104px; height:94px; float:left;  background:url(../images/design/bg-subnavi.jpg) top left no-repeat #5e5f5e;}	

ul#navi-horizontal-add {list-style:none; margin:20px 0 0 780px; font:bold 85%  Verdana, Helvetica, sans-serif;}
ul#navi-horizontal-add li { padding:3px 0 6px 2px; float:left; }
ul#navi-horizontal-add li a { color:#000000; text-decoration:none; padding:13px 5px 10px 5px;}

ul#navi-horizontal-add li a:hover{ color:#000000; text-decoration:underline; padding:13px 5px 10px 5px; }

ul#navi-horizontal-add li.active a { color:#000000; text-decoration:underline;  padding:13px 5px 10px 5px;}



/*----------------- CLASSES --------------------------*/
.clear			{clear:both; font-size:0.000001em; line-height:0.000001em;}
/*Impressum*/
.box1			{ float:left;width:130px;font-weight:bold;padding:10px 0 0 0;}
.box2			{float:left;width:180px;padding:10px 0 0 0px;}
.spacer { background:url(../images/design/spacer.jpg) no-repeat; padding:0 0 10px 0; }

strong.impr{color:#e12026; padding:0 4px 0 0;}
.download-right { padding:2px; margin:20px 8px 1px 15px;  float:left;}
.pdf-icon {background:url(../images/design/pdf-icon.jpg) no-repeat top left; margin:20px 0px 0 0px; padding:0 0 10px 0px; height:40px; width:130px; float:left;}
.visitenkarte  { margin:5px 0 0px 0;}
strong{color:#ffffff;}
.orange{color:#ffffff; background:#ec5e24; padding:0px 3px 0px 3px; }



/* ---------------Stile, fuer CMS Felder--------------- */
	
.image-cms { padding:2px; margin:10px 8px 1px 0px; border:#c4c4c4 1px solid; width:120px; height:auto; float:left;}
.cms-link { width:205px; height:auto; padding:2px; margin:10px 8px 10px 0px; border:#c4c4c4 1px solid;}
form textarea { border:1px solid #fc6604;	color:#676767; margin:10px 0 0 0; width:250px;}
form input	{ border:1px solid #fc6604;	color:#676767; margin:10px 0 0 0; width:100px;}

/*---------------- Accordion ----------------------------*/

#accordion {width: 722px;margin: 0;}
	
h6.toggler {background: url(../images/bg-accordion.png) no-repeat!important; width: 722px; height: 45px; font:normal 115% Georgia, Times New Roman; font-variant: small-caps; text-indent: 10px; line-height: 220%; font-weight: bold; cursor: pointer; color: #ffffff; margin-top:10px;}

div.element {position: relative;}

div.element div.akk-inhalt {margin: 0 0 5px 0;padding: 30px 0 1px 0; clear: both; min-height:190px;}