/****** CSS Styles für den Internetauftritt von 

          Scheel Service - Agentur für visuelle Kommunikation
		  Peter Scheel
		  www.scheel-service.de

******/
/**************** reset pattern *********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, abel, legend, table, caption, tbody, tfoot, thead, tr, th, td , em{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/**************** common settings*********************/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
  font-size: 14px;
  background:#f4f4f3;
} 

a { text-decoration:none;
   color: #000000;
}

em {
     font-style:normal;
}
#page {
    width: 960px;
    height: 100%;
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

#headline {
   font-size:24px;
   color:#666666;
   text-align:center;
   margin-top:20px;
}

#teaser {
   height:260px;
   background: url(../png/board_left.png) top left no-repeat;
}
#teaser_ovl {
   height:260px;
   background: url(../png/board_right.png) top right no-repeat;
   padding:28px 300px 0px 300px;
}

#teaser_text {
   height:110px;
   padding:20px 10px 10px 10px;
   font-family: Verdana, sans-serif;
   font-size:15px;
   letter-spacing:0.05em;
   text-align:left;
   line-height:1.3em;
   color: #888888;
   border: 1px solid #d0d0d0;
   background:#ffffff;

   -moz-border-radius: 5px;
   border-radius: 5px;
}


#main {
   background:#ffffff;
   position:relative;
   top:-70px;
   padding:10px;
   border:1px solid #eeeeee;
}


#main h1 {
     font-family: Verdana, sans-serif;
     font-size:20px;
     letter-spacing:0.03em;
     text-align:justify;
     line-height:1.3em;
	 color:#b45333;
     /* color: #2270da; */
	 padding-bottom:20px;
}

#main h3 {
     font-family: Verdana, sans-serif;
     font-size:13px;
     letter-spacing:0.03em;
     text-align:left;
     line-height:1.3em;
	 color: #705f5e;
	 font-weight:bold;
}

#main h4 {
     font-family: Verdana, sans-serif;
     font-size:12px;
     letter-spacing:0.03em;
     text-align:left;
     line-height:1.3em;
	 color: #2270da;
	 font-weight:bold;
}


#main p , a.textlink, #main ul li {
     font-family: Verdana, sans-serif;
     font-size:13px;
     letter-spacing:0.03em;
	 line-height:1.3em;
     color: #555555;
}


a.textlink_s{
     font-family: Verdana, sans-serif;
     font-size:11px;
     letter-spacing:0.03em;
	 line-height:1.3em;
     color: #555555;
}

#subnav p {
    margin-top:10px;
}

a.textlink, a.textlink_s {
     text-decoration:underline;
}
a.textlink:hover, a.textlink_s:hover {
     color: #e7501e;
}
#main ul.bullet {
    padding:10px;
	padding-left:40px;
}
#main ul.bullet li {
     list-style:circle;
	 /* list-style-position:in; */
}


#subnav {
   width:200px;
   border-right:1px solid #eeeeee;
   padding:10px;
}

#subnav ul {
   padding-left:30px;
}

#subnav ul li{
}

#subnav ul li a{
	color:#423837;
    display:block;
	font-family: Arial, sans-serif;
	letter-spacing:0.08em;
	-webkit-text-shadow: 1px 1px 1px #aaaaaa; /* Safari and Chrome hack */
    text-shadow: 1px 1px 1px #aaaaaa;
	padding-bottom:3px;
}

#subnav ul li a:hover, #subnav ul li a#focussubnav {color:#e7501e;}

#subnav h1 {
    color:#e7501e;
}


#subnav div.tease {
   /* background:#2270da; */
   background:#e1e1e2;
   width:190px;
   border:1px solid #cccccc;

}

#subnav div.tease  h1{
     font-family: Verdana, sans-serif;
     font-size:14px;
     letter-spacing:0.03em;
     line-height:1.3em;
     color: #b45333;
	 font-weight:bold;
	 text-align:left;
	 	 padding:10px;

}


#subnav div.tease  h1.box{
     font-family: Verdana, sans-serif;
     font-size:14px;
     letter-spacing:0.03em;
     line-height:1.3em;
     color: #b53f18;
	 font-weight:bold;
	 text-align:left;
	 background:#f0f0f2;
	 width:170px;
	 padding:10px;
}

#subnav div.tease ul {
   list-style-type:disc;
   list-style-position:inside;
   padding:10px;

}

#subnav div.tease ul li{
    font-size:11px;
	letter-spacing:0.08em;
	color:#666666;
	      line-height:1.4em;
     padding-top:6px;


}
#subnav div.tease p{
   color:#666666;
   padding:10px;
   padding-bottom:0px;
}
#subnav div.tease p#teaserspace{
   font-size:11px;
   color:#666666;
   margin-top:5px;
   margin-bottom:5px;
   font-weight:bold;
}


input#amount_g , input#amount_d{
background: transparent;
border:0;
color:#f6931f; 
font-weight:bold;
font-size:11px;

 
}

div.slider_wrap {
   width:310px;
   float:left;
   margin-right:10px;
}

div.slider_wrap div{
   width:200px;
}

span.preis {
  font-size:11px;
  padding-left:3px;
}

div#accordion p.remark {
  font-size:11px;
  padding-left:20px;
  padding-bottom:10px;
}


input#yourprice{
background: transparent;
border:0;
color:#f6931f; 
font-weight:bold;
font-size:24px;
margin-left:8px;
/* 
     -webkit-text-shadow: 1px 1px 1px #333333;
     text-shadow: 1px 1px 1px #333333; */
}


div#t_left {
   width:132px;
   height:100px;
   float:left;
}

div#t_right {
  width:55px;
   height:100px;
   float:right;
   text-align:right;
}


#subnav div.tease .col {
color:#666666; 
font-size:11px;
padding:0;
padding-left:4px;
}




input{
background: transparent;
border:0;
padding:0;
margin:0;
font-size:11px;
}



div#slider-gesamt, div#slider-design {
   margin:12px;
}

div#wrap {
   margin-top:40px;
   border-top: 1px dotted #555555;
   margin-bottom:10px;
}


p#preis  {
font-size:11px;
}


p#mwst {
font-size:9px;
margin:0;
padding:0;
}

div#toright {
    padding-top:10px;
	padding-left:10px;
}
p#angebot {
   font-size:10px;
}

a.button, input.button {
   /* background:#2270da; */
   background:#b1a49f;
   
   color:#ffffff;
   
   padding:3px 10px 3px 10px;
   border:1px solid #443c3c;
   -moz-border-radius: 10px;
   border-radius: 10px;

   background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    /* color-stop(0.08, #226FDA),
    color-stop(0.87, #699DE0) */
    color-stop(0.08, #b1a49f),
    color-stop(0.87, #796b6a)
);
background-image: -moz-linear-gradient(
    center top,
    /* #226FDA 8%,
    #699DE0 87% */
    #b1a49f 8%,
    #796b6a 87%
);


}

#subnav div.tease p a{
   color:#777777;
}
#subnav div.tease p a:hover{
   color:#e7501e;
}


#maintext {
   width:650px;
   float:right;
   padding:10px;
   padding-right:30px;
}


#navigation {
   height:115px;
   margin-left:150px;
   background: url(../png/nav_bg.png) bottom left no-repeat;
   position:relative;
   top:-90px;
}


#navigation ul {
   margin-left:40px;
}

#navigation ul li{
    float:left;
	margin-right:15px;
}

#navigation ul li a{
    font-family: Arial, sans-serif;
	margin:0px;
	display:block;
	text-decoration:none;
	width:100px;
	padding-top:90px;
	padding-left:5px;
	color:#423837;
}
#navigation ul li a:hover{color:#ccacaa;}

#navigation ul li a#leistungen{
   background: url(../png/leistungen.png) 0px 30px no-repeat;
}

#navigation ul li a#leistungen:hover{
   background: url(../png/leistungen.png) 0px 20px no-repeat;
}

#navigation ul li a#produkte{
   background: url(../png/produkte.png) 0px 18px no-repeat;
}
#navigation ul li a#produkte:hover{
   background: url(../png/produkte.png) 0px 8px no-repeat;
}

#navigation ul li a#referenzen{
   background: url(../png/referenzen.png) 0px 25px no-repeat;
}
#navigation ul li a#referenzen:hover{
   background: url(../png/referenzen.png) 0px 15px no-repeat;
}


#navigation ul li a#projekte{
   background: url(../png/projekte.png) 0px 26px no-repeat;
}
#navigation ul li a#projekte:hover{
   background: url(../png/projekte.png) 0px 16px no-repeat;
}


#navigation ul li a#angebote{
   background: url(../png/angebote.png) 0px 22px no-repeat;
}
#navigation ul li a#angebote:hover{
   background: url(../png/angebote.png) 0px 12px no-repeat;
}


#footer {
  position:relative;
  top:-50px;
  /* width:960px; */
  
  /* background: #b1a49f url(../png/logo_s.png) 5px 5px no-repeat; */
  background: #e1e1e2 url(../png/logo_s.png) 40px 33px no-repeat;
  padding:10px;
  /* -moz-border-radius: 5px; */
  /*   border-radius: 5px; */
}
#footer h1.foothead {
  color: #444444;
   font-weight:bold;
   font-size:13px;
   /* font-style:italic;*/
   padding-bottom:10px;
   padding-top:10px;
}
#footer #wrapper {
   padding-left:250px;
   padding-top:10px;
   width:800px;
}
#footer .col {
  width:160px;
  padding-left:10px;
  padding-right:10px;
  border-right:1px dotted #777777;
;
  text-align:center;
  float:left;
}

#footer p {
   color: #666666;
   font-size:12px;
}
#footer p a {
   text-decoration:underline;
   color: #666666;
   font-size:12px;
   line-height:1.7em;
}
#footer p a:hover{
  color: #e7501e;
}

.center {
   text-align: center;
}

.bold  {
   font-weight:bold;
}

.italic {
   font-style:italic;
}

.gray {
   color: #888888;
}
   
.orange {
  color: #e7501e;
}

.blue {
   color: #2270da;
}

.normal {
   font-variant:normal;
}

.space40 {
   padding-left:40px;
}

.small {
   font-size:8px;
}

.clear {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.center {
  text-align:center;
}

.refbox {
  width:660px;
  background: #eeeeee;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top:40px;
  padding-top:10px;
  border:1px solid #b1a49f;
}

div.refbox div.refgroup, div.refbox div.refgroupds, div.refbox div.refgroupcd, div.refbox div.refgroupwd {
  width:220px;
  background: #999999;
  color:#bbbbbb;
  float:left;
  font-size:10px;
  text-align:center;
}

#maintext div.refbox p.refname {
  background: #b1a49f;
  color:#ffffff;
  font-size:11px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  padding:1px 3px 1px 10px;
}


div.refbox div.refgroupds {
  background: #499949;
  color:#ffffff;

}
div.refbox div.refgroupcd {
  background: #993a3a;
  color:#ffffff;
}
div.refbox div.refgroupwd {
  background: #494999;
  color:#ffffff;
}