/* template.css, comaktiv.at, schladming, gerald petter, april 2009 */

/* Normalisierung -------------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td , img { 
  margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { 
  font-size:100%; 
  font-weight:normal;}

ol, ul { 
  list-style:none; }

address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; font-weight:normal; }

table {  
  border-collapse:collapse; border-spacing:0; }

fieldset, img {  
  border:0; }

caption, th {  
  text-align:left; }

q:before, q:after {  
  content:''; }

/* ------------------------------------------------------------------------------------------------------------ */
body { 
  background-color:rgb(255,255,255);
  font-family: verdana,sans-serif;
  font-size:100%;
  background-image:url(../images/body_bg.png);
  background-repeat:repeat-x;
  background-position:left top; 
}

div#side {
  margin:36px auto 10px;
  padding:0 0 0 0;
  width:960px;
  position:relative;
  color:rgb(0,0,0);
}

strong, b {
  font-weight:bold;
  color:rgb(41,75,77);
}

p.clear {
  clear:both;
}

/* Branding ------------------------------------------------------------------ */
div#branding {
  height:185px;
  position:relative;
  padding:0;
  color:rgb(17,121,129);
}

div#branding img {
  position:absolute;
  top:10px;
  right:-7px;
}

div#branding h1 {
  position:absolute;
  top:117px;
  left:0px;
  font-size:1.2em;
  font-weight:bold;
}

div#branding p.street {
  position:absolute;
  top:118px;
  left:150px;
  font-size:1.1em;
}

div#branding p.city {
  position:absolute;
  top:118px;
  left:434px;
  font-size:1.1em;
}

div#branding p.telephone {
  position:absolute;
  top:157px;
  left:150px;
  font-size:0.9em;
  font-weight:bold;
}

div#branding p.mail {
  position:absolute;
  top:157px;
  left:440px;
  font-size:0.9em;
  font-weight:bold;
}

div#branding p.mail a {
  color:rgb(17,121,129);
  text-decoration:none;
}

div#branding p.mail a:hover {
  text-decoration:underline;
}

/* Mainnav ------------------------------------------------------------------ */
div#mainnav, div#secnav {
  position:absolute;
  top:520px;
  right:0px;
  width:206px;
  font-size:1.0em;
  line-height:1.5em;
  font-weight:bold;
  z-index:10;
  text-align:center;
  text-transform:lowercase;
}

div#mainnav ul.mainlevel, div#secnav ul.mainlevel { 
  list-style:none;
  white-space:nowrap; 
}

div#mainnav ul.mainlevel li, div#secnav ul.mainlevel li  {
  padding:0px 0px 0px 0px;
  margin:0 0 0 0; 
}

div#mainnav ul.mainlevel a, div#secnav ul.mainlevel a  {
  text-decoration:none;
  color:rgb(255,255,255); 
  padding:0;
}

div#mainnav ul.mainlevel a:hover, div#secnav ul.mainlevel a:hover { 
  text-decoration:none;
  color:rgb(0,0,0); 
}

div#mainnav ul.mainlevel  a.active, div#secnav ul.mainlevel a.active { 
  color:rgb(50,50,50); 
}

/* Secnav ------------------------------------------------------------------ */
div#secnav {
  top:210px;
  text-transform:uppercase;
}

/* Content ------------------------------------------------------------------ */
div#content {
  position:relative;
  font-size:0.8em;
  width:940px;
  height:453px;
  z-index:1;
  padding:20px 0 0 140px;
}

div.start, div.lage, div.agb, div.impressum, div.computer, div.kommunikation, div.zubehoer, div.service, div.beratung, div.verkauf {
  background-image:url(../images/start_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top; 
}

div.lage {
  background-image:url(../images/lage_bg.jpg);
}

div.agb {
  background-image:url(../images/agb_bg.jpg);
}

div.impressum {
  background-image:url(../images/impressum_bg.jpg);
}

div.computer {
  background-image:url(../images/computer_bg.jpg);
}
div.kommunikation {
  background-image:url(../images/kommunikation_bg.jpg);
}
div.zubehoer {
  background-image:url(../images/zubehoer_bg.jpg);
}
div.service {
  background-image:url(../images/service_bg.jpg);
}

div.beratung {
  background-image:url(../images/beratung_bg.jpg);
}

div.verkauf {
  background-image:url(../images/verkauf_bg.jpg);
}

div#content div.text, div#content div.textlarge {
  width:409px;
  padding:20px;
  background-color:rgb(255,255,255);
  -moz-opacity:0.9;
	filter:alpha(opacity=90);
  overflow:auto;
  max-height:390px;
}

div#content div.textlarge {
  width:660px;
  padding:20px 20px 20px 20px;
  margin-left:-110px;
  -moz-opacity:1;
	filter:none;
  max-height:370px;
}

div#content h1 {
  font-size:1.3em;
  font-weight:700;
  padding:0 0 4px 0;
  margin:0 0 10px 0;
  color:rgb(17,121,129);
  border-bottom:1px solid rgb(0,0,0);
}

div#content h2 {
  font-size:1.1em;
  font-weight:bold;
  padding:8px 0 4px 0;
  color:rgb(40,40,40);
}

div#content h3 {
  font-size:1.0em;
  font-weight:bold;
  padding:8px 0 4px 0;
  color:rgb(40,40,40);
}

div#content p {
  padding:8px 0;
}

div#content ul {
  list-style:disc;
}

div#content li {
  margin:2px 0 2px 50px;
}

/* AGB */
div.agb ol {
  list-style-type:decimal;
  margin:0 0 0 26px;
}

div.agb br {
  line-height:0.3em;
}

div.agb ol.mainlevel {
  font-size:1.1em;
  font-weight:bold;
}

div.agb ol.sublevel {
  margin:0 0 0 32px;
}

div.agb ol.sublevel li {
  padding:4px 0;
  font-weight:normal;
  font-size:0.9em;
}

/* Impressum */
div#content div.impressum1 p {
  padding-left:40px;
}