@charset "utf-8";
/* CSS Document */

/*====================================================
CSS Dokument für juwelier noah dezember 2011

Kunde:Sükrü Altunkaya
Datum: 5. Dezember 2011
Datei: noah.css
====================================================*/
@import url(nivo-slider.css);
@import url(tumbnails.css);
@import url(dropdown_2_geaendert.css);
@import url(startseite.css);

/* =========================================================
1. body 
===========================================================*/

* {padding: 0; margin: 0;} 

html {height: 101%;} 

body {background-image: ;
      background-repeat: no-repeat;
	  background-color: #E7E7E7;
	  color: #666;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: 12px;}
	  
#wrapperpicture {width: 1300px;
                 height: 1010px;
				 background-image: none;
				 background-position: center top;
				 background-repeat: no-repeat;
				 position: relative;
				 margin: 0px auto 0px auto;}
				 
#wrapper {width: 990px;
		  height: auto;
		  position: relative;
		  background-color: none;
		  margin: 0px auto 0px auto;}	  
		  

/*====================================================
1.1 überschriften
====================================================*/



h2 {font-size: 35px;
    font-weight: normal;}

h3 {font-size: 30px;
	font-weight: normal;}

h4 {font-size: 11px;}

h6 {font-size: 20px;
    color: #666666;
    font-size: 17px;
    letter-spacing: 0.2em;
    padding-left: 14px;
    padding-top: 10px;}

.big {font-size: 22px; padding-top: 30px; padding-bottom: 10px;}


/*====================================================
1.2 links 
====================================================*/

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

.nummer {color: #666;}

/*====================================================
2. head
====================================================*/
#top {width: 990px;
      height: 300px;
	  position: relative;}


#head {width: 990px;
       height: 120px;
	   position: absolute;
	   top: 60px;
	   background-image: url(pictures/logo/hg_head_rot.png);
	   background-repeat: no-repeat;}

	   
#logo {background-image: url(2015/logo_neu.jpg);
    height: 120px;
	margin: auto;
	z-index: 0;
}	   


#wrapperfirst {width: 990px;
               height: 120px;
			   position: relative;
			   margin: 0 auto 0 auto;}

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

#first {width: auto;
        height: 120px;
		background-color: #000;
		background-image: none;
		background-position:center;
		background-repeat:no-repeat;}

#navi2 {
	width: auto;
	height: auto;
	position: relative;
	top: -23px;}
		


		 
/*====================================================
2.3 links in navigation
====================================================*/








/*====================================================
3. animation
====================================================*/


#animation {width: 990px;
            height: 310px;
			margin: 0px 0px 0px 0px;
			background-color: none;
			z-index: 2;
			background-image:url(pictures/wechselbilder/bild2.jpg);
			background-repeat:no-repeat;}





/*====================================================
4. content
====================================================*/
#beschreibung {width: 950px;
               height: auto;
			   background-color: #fff;
			   position: relative;
			   margin-bottom: 4px;
			   color: #999;
			   padding: 30px 20px 20px 20px;
			   font-size: 19px;
			   text-align: center;}

#content {width: 990px;
          height: auto;
		  position: relative;
		  margin: 0 auto 0 auto;}


#wechsel {width: 990px;
          height: 420px;
		  padding: 20px 0 0 0;}


/*====================================================
4.1 marken
====================================================*/



#marken {width: 990px;
		 height: 80px;
		 background-image: url(pictures/marken/marken.jpg);
		 background-repeat: no-repeat;
		 background-position: center;
		 position: relative;
		 clear: both;}

/*====================================================
5. foot
====================================================*/

hr {width: 70%;
	margin: 0px auto 10px auto;
	color: #999;}

#foot {width: 990px;
       height: auto;
	   position: relative;
	   clear: both;
	   border-top: 1px medium #666;
	   padding-top: 19px;
	   padding-bottom: 30px;
	   color: #666;
	   font-size: 12px;
	   letter-spacing: 0.1em;
	   background-color: #dddbd4;
	   text-align: center;}


#foot a:link, a:visited, a:active {color: #666; text-decoration: none;}
#foot a:hover {color: #333;
               text-decoration: none;}





/*====================================================
andere Seiten
====================================================*/

#ringe #navi, #navigation {display: }
#ringe #boxes {display: none;}




/*====================================================
Ringe
====================================================*/