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

ul,
ul li {
   list-style: none;
}

a {
   text-decoration: underline;
   color: #1b6c5d;
}

a:hover {
   text-decoration: none;
}

img {
   border: none;
}

html,
body {
   height: 100%;
   width: 100%;
}

body {
   font: 13px/20px Georgia, "Times New Roman", Times, serif;
   color: #262c23;
   background: url(../images/bg-body.jpg) repeat 0 0;
}

/* ---------------------- 
       container
---------------------- */

#container {
   width: 902px;
   margin: 0 auto -151px;
   min-height: 100%;
   height: auto !important;
   height: 100%;
}

/* ---------------------- 
       header
---------------------- */
#header {
   height: 271px;
   width: 902px;
   margin: 0 auto;
   position: relative;
   background: url(../images/bg-header.jpg) no-repeat 0 0;
}

#header a {
   display: block;
}

#header h1#branding a {
   position: absolute;
   width:278px;
   height:268px;
   left:0;
   top:0;
}

#slideshow {
	position: absolute;
	width: 596px;
	height: 271px;
	left: 301px;
	top: -3px;
}

/* ---------------------- 
       navigation
---------------------- */

ul#navigation {
   width: 580px;
   height: 139px;
   float: left;
   margin: 24px 0 0 0;
   background: url(../images/navigation.jpg) no-repeat 0 0;
   position: relative;
}

ul#navigation li a {
   position: absolute;
   display: block;
   float: left;
   height: 17px;
   background:url(../images/navigation-bg-li.gif) no-repeat 0 0;
}

ul#navigation li a.index {
   left: 20px;
   top: 11px;
   width: 110px;
   background-position: 0 0;
}

ul#navigation li.active a.index,
ul#navigation li a.index:hover {
   background-position: -180px 0;
}

ul#navigation li a.anfahrt {
   left: 20px;
   top: 44px;
   width: 94px;
   background-position: 0 -33px;
}

ul#navigation li.active a.anfahrt,
ul#navigation li a.anfahrt:hover {
   background-position: -180px -33px;
}

ul#navigation li a.kontakt {
   left: 20px;
   top: 76px;
   width: 94px;
   background-position: 0 -65px;
}

ul#navigation li.active a.kontakt,
ul#navigation li a.kontakt:hover {
   background-position: -180px -65px;
}

ul#navigation li a.impressum {
   left: 20px;
   top: 109px;
   width: 110px;
   background-position: 0 -98px;
}

ul#navigation li.active a.impressum,
ul#navigation li a.impressum:hover {
   background-position: -180px -98px;
}

ul#navigation li a.dieGoldschmiede {
   left: 302px;
   top: 12px;
   width: 180px;
   background-position: 0 -117px;
}

ul#navigation li.active a.dieGoldschmiede,
ul#navigation li a.dieGoldschmiede:hover {
   background-position: -180px -117px;
}

ul#navigation li a.werkstatt {
   left: 302px;
   top: 44px;
   width: 115px;
   background-position: 0 -149px;
}

ul#navigation li.active a.werkstatt,
ul#navigation li a.werkstatt:hover {
   background-position: -180px -149px;
}

ul#navigation li a.anfertigung {
   left: 302px;
   top: 76px;
   width: 130px;
   background-position: 0 -181px;
}

ul#navigation li.active a.anfertigung,
ul#navigation li a.anfertigung:hover {
   background-position: -180px -181px;
}

ul#navigation li a.aktuelles {
   left: 302px;
   top: 110px;
   width: 104px;
   background-position: 0 -215px;
}

ul#navigation li.active a.aktuelles,
ul#navigation li a.aktuelles:hover {
   background-position: -180px -215px;
}


/* ---------------------- 
       headings
---------------------- */

#contentContainer h2 {
   width: 580px;
   height: 95px;
   float: left;
   margin: 16px 0 0 0;}

#contentContainer h2.index           {background:url(../images/h2-index.gif) no-repeat 0 0;}
#contentContainer h2.anfahrt         {background:url(../images/h2-anfahrt.gif) no-repeat 0 0;}
#contentContainer h2.kontakt         {background:url(../images/h2-kontakt.gif) no-repeat 0 0;}
#contentContainer h2.danke           {background:url(../images/h2-danke.gif) no-repeat 0 0;}
#contentContainer h2.impressum       {background:url(../images/h2-impressum.gif) no-repeat 0 0;}
#contentContainer h2.dieGoldschmiede {background:url(../images/h2-die-goldschmiede.gif) no-repeat 0 0;}
#contentContainer h2.werkstatt       {background:url(../images/h2-werkstatt.gif) no-repeat 0 0;}
#contentContainer h2.anfertigung     {background:url(../images/h2-anfertigung.gif) no-repeat 0 0;}
#contentContainer h2.aktuelles       {background:url(../images/h2-aktuelles.gif) no-repeat 0 0;}
#contentContainer h2.error           {background:url(../images/h2-error.gif) no-repeat 0 0;}
#contentContainer h2.agb             {background:url(../images/h2-agb.gif) no-repeat 0 0;}

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

#contentContainer {
   width: 600px;
   float: left;
   position: relative;}

.contentColumn {
   width: 276px;
   float: left;
   padding: 10px 20px 0 3px;}

	.contentColumn p {
   		padding: 0px 0 20px 0;}
   
  	div.contentColumn p.nospace {
   		padding: 0;} 
   
	#contentContainer h3 {
		font-size: 17px;
   		 padding: 0 0 10px 0;
    	color: #1b6c5d;}


	#contentContainer h4 {
	font-size: 15px;
	margin: 0;
	color: #1b6c5d;
}

	
	
	
	div.contentColumn ul.square {
		margin: 0 0 20px 0;}

		div.contentColumn ul.square li {
			list-style-type: square;
			margin: 0 0 0 15px;}
		
		
	div.contentColumn a img {
		text-decoration: none;
		border: 1px solid #4D796A;
		padding: 2px;
		margin: 0 2px 10px 0;}		
		
/* ---------------------- 
       Sidebar
---------------------- */
#sidebar {
   width:302px;
   height: 520px;
   float: left;
   background: url(../images/bg-sidebar.jpg) no-repeat 0 0;
   position: relative;
}

#sidebar h3 a.onlineShop {
   position: absolute;
   display: block;
   width: 283px;
   height: 38px;
   left: 0px;
   top: 26px;}
   
#sidebar a#shop {
	position: absolute;
	display:block;
	height: 70px;
	width: 283px;
	top: 70px;
	text-decoration: none;
	left: 0px;} 

#sidebar h3 a.kontakt {
      position: absolute;
   display: block;
   width: 283px;
   height: 38px;
   left: 0px;
   top: 26px;}

#sidebar a#contact {
	position: absolute;
	display:block;
	height: 70px;
	width: 283px;
	top: 70px;
	text-decoration: none;
	left: 0px;} 

/* ---------------------- 
       Footer
---------------------- */


#footer {
   height: 130px;
   width: 100%;
   background: url(../images/bg-footer.jpg) repeat-x center 0;
   color: #fff;
   padding: 9px 0 0 0;
   margin: 28px 0 0 0;
   position: relative;
}

.nachOben {
   position: absolute;
   left: 50%;
   top: -30px;
   margin: 0 0 0 345px;
   width: 90px;
   height: 30px;
   background: url(../images/nach-oben.gif) no-repeat 0 0;
}

#innerFooter {
   width: 902px;
   margin: 0 auto;
}

#innerFooter div {
   float: left;
}

#innerFooter h4 {
   margin: 0 0 21px 0;
}

#innerFooter .anschrift {
   width: 302px;
}

#innerFooter .anschrift h4 {
   width: 103px;
   height: 20px;
   background: url(../images/h4-anschrift.gif) no-repeat 0 0;
}

#innerFooter .kontakt {
   width: 298px;
}

#innerFooter .kontakt h4 {
   width: 82px;
   height: 20px;
   background: url(../images/h4-kontakt.gif) no-repeat 0 0;
}

#innerFooter .online {
   width: 302px;
}

#innerFooter .online h4 {
   width: 73px;
   height: 20px;
   background: url(../images/h4-online.gif) no-repeat 0 0;
}

#footer p {
   padding: 0 0 0 5px;
}

#footer h4 {
}

#footer a {
   color: #fff;
}

#footer a:hover {
   text-decoration: none;
}


/* ---------------------- 
       Additional classes
---------------------- */	
.cmsLoop {
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #1b6c5d;
	width: 570px;
}
.cmsImage {
	float: left;
    margin: 0 10px 1px 0;
    border: 1px solid #1b6c5d;
}
#push {
   height: 151px;
   clear: both;
}

.clear {
   clear: both;
   font-size: 1px;
   line-height: 1px;
   height: 0px;
}

iframe {
   border: 1px solid #1b6c5d;
   padding: 3px;
}

.indented,
#sidebar p,
#sidebar h3,
#footer h4 {
   font-size: 1px;
   line-height: 1px;
   text-indent: -9999px;
}

#euroweb {
	padding: 0;
}