/* ------------------------------ 
      SGT-Main-Stylesheet
           08.11.2007
         Carsten Peters
       carsten-peters.net
------------------------------ */


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { width: 1000px; margin: 0 auto; margin-top: 30px; font: 62.5%/1.8em Arial, Helvetica, sans-serif; background: #fff url(../upload/css_img/bg_head.jpg) repeat-x top; color: #000;}

#wrapper { font-size: 1.25em; width: 1000px; margin: 10px 0 0 0; }

/*
#start #wrapper { background: url(../upload/bilder/start-bg.jpg) no-repeat center 100px ; }
*/

#start #wrapper p { font-size: 1.25em; line-height: 1.8em; }
#start #wrapper img { margin-left: -18px; }


/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { color: #42271c; font-size: 1.9em; font-weight: normal; }
h2 { line-height: 1.2em; margin: 10px 0; }
h3 { margin: 20px 0 10px 0; font-size: 1.1em; font-weight: bold; }
h4 { font-size: 1em; margin: 10px 0 0 0; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

	
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0 0 10px 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }


/* misc 
---------------------------------------------------------------------------*/

abbr,
acronym { border-bottom: 1px dotted #000; cursor: help; }

.clear { clear: both; height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* header 
---------------------------------------------------------------------------*/

#header { font-size: 1.25em; width: 1000px; height: 160px; }

#langlist { float: right; list-style-type: none; margin: -90px -10px 0 0; }
#langlist li { display: inline; float: left; }
#langlist a#english,
#langlist a#deutsch { background: url(../upload/css_img/us.gif) no-repeat 50% 50%; text-indent: -9999px; width: 24px; height: 15px; display: block; text-decoration: none; outline: none; }
#langlist a#deutsch { background: url(../upload/css_img/de.gif) no-repeat 50% 50%; padding: 0 0 0 20px; }

	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; display: block; background: url(../upload/css_img/logo_sgt.gif) no-repeat; margin: 25px 0 0 0; height: 74px; width: 136px; outline: none; }	

	#header #navigation_1 { margin: 27px 0 0 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; }
	#header #navigation_1 ul { margin-left: 40px; }
	#header #navigation_1 li { display: inline; margin: 0 2px 0 0; }
	#header #navigation_1 a { word-spacing: -0.1em; letter-spacing: -0.01em; float: left; display: block; font-weight: bold; color: #fff; margin: 0 1px 0 0; padding: 5px 9px; background-color: #794640; border-bottom: 1px solid #21140E; }
	#header #navigation_1 a.current,
	#header #navigation_1 a:hover,
	#header #navigation_1 a:active,
	#header #navigation_1 a:focus { background-color: #fff; border-color: #fff; color: #794640 }
		#header #navigation_1 ul { position: absolute; top: 205px; margin: 0 0 0 -10px; }
		#header #navigation_1 ul li { }
		#header #navigation_1 ul li a { font-weight: bold; font-size: 1.2em; color: #42271c; display: block; float: none; text-align: left; margin: 4px 0; width: 180px; background: none; border-bottom: none; }
		#header #navigation_1 ul li a:hover,
		#header #navigation_1 ul li a:active,
		#header #navigation_1 ul li a:focus,
		#header #navigation_1 ul li a.current { color: #9d847b; margin: 4px 0; }
		#header #navigation_1 ul li a.current { background: url(../upload/css_img/navi_dot_cu.gif) no-repeat left center; }
			#header #navigation_1 ul ul { position: relative; top: 0; margin: 0; }
			#header #navigation_1 ul ul li { }
			#header #navigation_1 ul ul li a { font-size: 1em; margin: 2px 0 2px 20px; width: 160px; }
			#header #navigation_1 ul ul li a:hover,
			#header #navigation_1 ul ul li a:active,
			#header #navigation_1 ul ul li a:focus,
			#header #navigation_1 ul ul li a.current { margin: 2px 0 2px 20px; }


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

#navigation_2 { width: 200px; background-color: #fff; float: left; display: inline; font-weight: bold; font-size: 1.1em; }
	#navigation_2 a { font-weight: bold; display: block; padding: 5px 0 }
	#navigation_2 a:link,
	#navigation_2 a:visited { color: #42271c; }
	#navigation_2 a:hover,
	#navigation_2 a:active,
	#navigation_2 a:focus,
	#navigation_2 a.current { color: #8F5650; }
		#navigation_2 .navi3 { margin: 0 0 0 15px; font-size: 0.9em; }
		#navigation_2 .navi4 { margin: 0 0 0 25px; font-size: 0.9em; }
	
	#formsearch { float: right; margin: -65px 5px 0 0; }
	#formsearch input { color: #fff; background: #794640; border: 1px solid #794640;}
	#formsearch input#searchterm { width: 90px; }
	#formsearch input.suchen { background: #794640; margin: 5px 0 0 0; color: #fff; border: 3px; width: 50px; font-size: 0.9em; }


/* content 
---------------------------------------------------------------------------*/

#content { margin: 0 0 0 210px; padding: 0 50px 0 0; width: 640px; /* min-height: 400px; height: auto !important; height: 400px;*/ }
	#content p a:link,
	#content h3 a:link,
	#content p a:visited,
	#content h3 a:visited { color: #21140E; border-bottom: 1px dotted #21140E; }
	#content p a:hover,
	#content h3 a:hover,
	#content p a:active,
	#content h3 a:active,
	#content p a:focus,
	#content h3 a:focus { color: #9d847b; border-bottom: 1px dotted #9d847b; }
	#start #content a,
	#kollektion #content a,
	#content .galeriethumb a { border-bottom: none; }
	#content img { margin: 0; }
	#sgt #content img,
	#tradition  #content img { margin: 5px 10px 20px 0; }
	#quali #content img { margin: 5px 10px 5px 0; }
	#business #content img { margin: 5px 10px 50px 0; }
	#content img.rechts { float: right; display: inline; margin: 5px 0 0 10px; }
	#content img.links { float: left; display: inline; margin: 5px 10px 200px 0; }
	#content ul { padding: 0 0 10px 5px; }
	#content ol { padding: 0 0 10px 20px; }
	#content ul li { padding: 2px 0 2px 12px; background: url(../upload/css_img/dot.gif) no-repeat 0 8px; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }
	#content .gTable { float: left; display: inline; }
	#content .gTable .gallery_image { text-align: center; }
	#content #beschreibung { float: left; display: inline; margin: 16px 0 0 30px; }
	#content #beschreibung .prod_besch { height: 150px; width: 420px; }
	#content #koll_uebers th { vertical-align: top; }
	#content #koll_uebers td { text-align: center; }
	#content #hand_part th { text-align: left; padding: 8px 0 10px 0; font-size: 1.1em; font-weight: bold; color: #42271c; }
	#content #hand_part td { vertical-align: top; padding: 0 30px 10px 0; width: 145px; }

	#kontaktform fieldset { border: none; }
	#kontaktform legend { margin: 0 0 10px 0; padding: 20px 0 0 0; font-weight: bold; }
	#kontaktform dt { float: left; width: 12em;  } 
	#kontaktform fieldset dt { float: left; width: 18em;  }
	#kontaktform dd { margin: 8px; }  
	#kontaktform input { width: 300px; } 
	#kontaktform .katalog input,
	#kontaktform fieldset input { width: auto }
	#kontaktform p.katalog input { margin: 0 0 0 10px; }
	#kontaktform p { margin: 30px 0 10px 0; }
	#kontaktform input#submit,
	#kontaktform input#reset { width: 140px; }
	#kontaktform textarea { width: 300px; height: 150px; }




/* footer 
---------------------------------------------------------------------------*/

#footer { margin: 10px 0 0 0; width: 1000px; background-color: #fff; }