/* template.css, enns-paltentaler-versicherung.at, gerald petter, november 2012 */

/* 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%; }

ol, ul { 
  list-style:none; }

address, caption, cite, code, dfn, 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 {
  font-family:'trebuchet ms',arial,sans-serif;
  background-color:rgb(255,255,255);
  font-size:100%;
  line-height:1.4em;
}

.clear {
  clear:both;
}

/* Menü Startseite, Nebenmenü */
ul.menusec {
  position:absolute;
  top:10px;
  left:11%;
  display:none;
}

ul.menusec a {
  color:rgb(0,0,0);
  text-decoration:none;
}

/* E-Mail Adresse und Telefonnummer oben */
div.module_contact {
  height:40px;
  text-align:right;
  padding:0 9%;
  background-image: linear-gradient(top, rgb(0,127,73) 0%, rgb(4,137,80) 100%);
  background-image: -o-linear-gradient(top, rgb(0,127,73) 0%, rgb(4,137,80) 100%);
  background-image: -moz-linear-gradient(top, rgb(0,127,73) 0%, rgb(4,137,80) 100%);
  background-image: -webkit-linear-gradient(top, rgb(0,127,73) 0%, rgb(4,137,80) 100%);
  background-image: -ms-linear-gradient(top, rgb(0,127,73) 0%, rgb(4,137,80) 100%);

  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0,127,73)),
    color-stop(1, rgb(4,137,80))
  );
  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#007f49, endColorstr=#03884f)";
  
  box-shadow:0px 0px 14px 2px rgba(0,0,0,0.4);
}

div.module_contact p {
  padding-top:8px;
  color:rgb(255,255,255);
}

div.module_contact p span {
  padding-left:24px;
  color:rgb(255,255,255);
}

div.module_contact p span:first-child {
  padding-left:0;
}

div.module_contact p a {
  text-decoration:none;
  color:rgb(255,255,255);
}

div.module_contact p a:hover {
  text-decoration:underline;
}

/* Benutzermenü */
ul.menuuser {
  position:absolute;
  top:6px;
  right:5px;
  font-size:0.8em;
  line-height:1.1em;
}

ul.menuuser a {
  color:transparent;
  text-decoration:none;
}

ul.menuuser a:hover {
  color:rgb(255,255,255);
}

/* Header ------------------------------------------------ */
header {
  background-image:url(../images/bg_header.png);
  background-repeat:repeat-x;
  background-position:left 13px;
  min-height:70px;
  margin:16px 9% 0 11%;
}

header div.module_logo {
  float:left;
  padding-right:10px;
}

header div.module_logo h1 {
  text-indent:-9999px;
  line-height:0;
}

/* Hauptmenü */
nav.module_menumain {
  padding:18px 0 0;
  text-align:right;
  min-width:500px;
}

nav.module_menumain ul.menumain > li {
  display:inline-block;
  padding:4px 10px;
  box-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);
  border-radius:2px;
  margin-left:1%;
  position:relative;
}

nav.module_menumain a {
  color:rgb(20,20,20);
  font-weight:bold;
  font-variant:small-caps;
  font-size:1.1em;
  text-decoration:none;
}

nav.module_menumain a:hover {
  color:rgb(80,80,80);
}

/* Submenü */
ul.menumain ul {
  position:absolute;
  top:26px;
  left:0px;
  display:none;
  background-color:rgb(255,255,255);
  box-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);
  text-align:center;
  min-width:110px;
  width:100%;
  border-radius:2px;
}

ul.menumain ul li {
  border-top:1px solid rgb(193,206,185);
  margin:0 8px;
  padding:5px 0;
  font-size:0.8em;
  white-space:nowrap;
}

ul.menumain li:hover ul {
  display:block;
}

nav.module_menumain ul.menumain ul a {
  font-variant:normal;
}

/* Module Top */
div.module_top {
  padding:10px 0;
}

div.module_top h2 {
  font-size:1.7em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
  text-align:center;
}

/* Buttons Left */
div.module_buttonsleft {
  position:absolute;
  top:160px;
  left:0;
}

/* Anfrage */
div#anfrage { 
  line-height:1.5em;
  padding:6px 10px;
}

div#anfrage form { 
  font-size:0.8em;
}

div#anfrage h2 { 
  font-family:'Rosario',sans-serif;
  font-size:1.4em;
}

div#anfrage fieldset.address, div#anfrage fieldset.schaden {   
  border:1px solid rgb(160,160,160);
  padding:5px 10px 10px;
  margin:10px 0;
  border-radius:5px;
} 

div#anfrage fieldset legend {   
  font-size:1.1em;
  padding:0 5px;
  color:rgb(140,140,140);
} 

div#anfrage .text { /* font-size in input fields */
  font-size:11px;
}

div#anfrage p span {
  display:inline-block;
  min-width:140px;
}

div#anfrage fieldset.schaden img {
  position:relative;
  top:2px;
  left:10px;
}

div#anfrage ul {
  padding:5px 0 5px 20px;
}

div#anfrage ul li {
  display:inline-block;
  min-width:220px;
}

div#anfrage div#submit {
  padding-top:6px;
}

div#anfrage div#submit input {
  padding:0 10px;
  margin-right:10px;
}

/* Antwort */
div#antwort { 
  line-height:1.5em;
  padding:6px 10px;
  color:rgb(220,220,220);
  background-color:rgb(137,47,35);
}

/* Content ------------------------------------------------ */
article {
  clear:both;
  padding:10px 0;
}

article h2, div.module_ansprechpartner h2 {
  font-size:1.5em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
  padding:24px 9% 10px 11%;
}

article h3 {
  padding:10px 9% 6px 11%;
  font-size:1.2em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
}

article h4 {
  padding:10px 9% 0px 11%;
  font-size:1.0em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
}

article p {
  padding:6px 9% 6px 11%;
}

/* Listen */
article ul {
  padding:6px 9% 6px 11%;
}

article li {
  background-image:url(../images/list_style_img.png);
  background-repeat:no-repeat;
  background-position:left 11px; 
  padding:3px 0 3px 15px;
  margin-left:60px;
}

div.search {
  padding:24px 9% 10px 11%;
}

/* Top image*/
div#topimg {
  background-color:rgb(247,247,248);
  padding:5px 9% 10px 11%;
  overflow:hidden; /* damit background trotz float */
}

article div#topimg h2, div.module_top h2 {
  padding:24px 0 10px
}

article div#topimg p, div.module_top p {
  padding:6px 0;
}

p.topimg img {
  width:50%;
  float:right;
  margin-left:20px;
  box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
}

/* Startseite, Blog */
div.blog-featured, div.blog {
  margin:0 9% 10px 11%;
}

div.blog-featured div.item, div.blog div.item {
  margin:0px 2% 10px 0;
  padding:0px;
  width:32%;
  min-width:200px;
  min-height:250px;
  position:relative;
  background-color:rgb(255,255,255);
  box-shadow:0px 0px 6px 1px rgba(0,0,0,0.3);
  float:left;
  border-radius:2px;
}

div.blog-featured div.item.column-3, div.blog div.item.column-3 {
  margin-right:0;
}

div.item h2 {
  position:absolute;
  top:109px;
  left:0px;
  font-size:1.3em;
  font-weight:bold;
  background-color:rgba(247,247,247,0.8);
  padding:0px 0;
  width:100%;
  text-align:right;
  text-transform:uppercase;
  line-height:1em;
}

div.item h2 a {
  color:rgb(20,20,20);
  text-decoration:none;
  padding-right:30px;
}

div.item h2 a:hover {
  color:rgb(50,50,50);
}

div.item p {
  padding:0px 10px 0;
}

div.item img {
  padding:10px;
}

div.item p.readmore a {
  display:block;
  text-align:right;
  text-decoration:none;
  color:rgb(70,70,70);
  font-size:0.9em;
  padding-top:4px;
  padding-right:10px;
}

div.item p.readmore a:hover {
  color:rgb(0,0,238);
  text-decoration:underline;
}

/* Kontakt */
article div.contact h1 {
  font-size:1.5em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
  padding:24px 9% 10px 11%;
}

article div.contact h2 {
  padding:10px 9% 6px 13%;
  font-size:1.2em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
}

article div.contact h3 {
  display:none;
}

div.contact-address, div.contact-contactinfo, div.contact-form {
  padding:10px 9% 6px 13%;
}

div.contact-contactinfo p {
  padding:6px 0;
}

div.contact-address address {
  display:inline;
}

div.contact-form dl {
  padding:10px 0px;
}

div.contact-form dt, div.contact-form dd {
  padding:4px 20px;
}

div.contact-form dt {
  padding:4px 20px;
  clear:left;
  float:left;
}

div.contact-form dt label {
  display:inline-block;
  width:80px;
}

div.contact-form dt label#jform_contact_email_copy-lbl {
  width:230px;
}

/* Impressum */
article div#impressum p, article div#haftungsausschluss p {
  padding:6px 9% 6px 13%;
}

/* Bottom */
div.module_ansprechpartner {
  clear:both;
  padding:24px 9% 10px 11%;
}

div.module_ansprechpartner h2 {
  padding:0 0 10px 0;
}

ul#ansprechpartner li {
  float:left;
  width:25%;
  min-width:200px;
  text-align:center;
  min-height:310px;
}

ul#ansprechpartner li div {
  position:relative;
  top:-20px;
  margin:0 auto;
  background-color:rgb(215,227,225);
  border:1px solid rgb(170,186,183);
  border-radius:5px;
  font-size:0.8em;
  padding:4px;
  width:180px;
  text-align:left;
}

ul#ansprechpartner li p.name {
  font-weight:900;
  font-size:1.1em;
}

ul#ansprechpartner li p.position {
  font-style:italic;
}

ul#ansprechpartner li p.kontaktdaten {
  padding-top:5px;
  font-size:0.9em;
}

/* Footer ---------------------------------------------------- */
footer {
  clear:both;
  border-top:2px solid rgb(0,127,73);
  margin:24px 9% 10px 11%;
  min-width:550px;
  background-image:url(../images/bg_footer.png);
  background-repeat:no-repeat;
  background-position:right 13px;
  min-height:220px;
  position:relative;
}

footer div.module_address {
  font-size:1.2em;
  padding:10px 0 0;
  line-height:1.6em;
  float:left;
}

footer div.module_address p:first-child {
  font-weight:bold;
}

/* Suchen */
div.module_suchen {
  margin-top:10px;
  float:right;
  padding:4px 10px;
  box-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);
  border-radius:2px;
}

div.module_suchen label {
  display:none;
}

input.button_suchen {
  position:relative;
  top:3px;
  left:3px;
}

/* Menü Über uns */
div.module_menu_ueberuns {
  position:absolute;
  top:45px;
  right:0;
}

div.module_menu_ueberuns li {
  padding:4px 10px;
  margin:6px 0;
  background-color:rgba(255,255,255,0.8);
  box-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);
  border-radius:2px;
  width:163px;
  text-align:right;
}

div.module_menu_ueberuns li a {
  color:rgb(20,20,20);
  font-weight:bold;
  font-variant:small-caps;
  font-size:1.1em;
  text-decoration:none;
}

div.module_menu_ueberuns li a:hover {
  color:rgb(80,80,80);
}

/* www */
div.module_www {
  position:relative;
  top:14px;
  text-align:center;
  clear:both;
  font-size:3em;
  font-weight:700;
  font-family:'Rosario',sans-serif;
  text-shadow: rgb(190,190,190) 2px 2px 3px;
  color:rgb(150,150,150);
  letter-spacing: 0.1em;
  line-height:1.0em;
}

/* Layout abhängig von Displayweiten --------------------------------------------------------------------- */
@media (max-width:810px) { 
  div.blog-featured div.item, div.blog div.item {
    width:100%;
  }
  ul#ansprechpartner li {
    width:50%;
  }
  header div.module_logo {
    float:none;
  }
} 

@media (max-width:1380px) { 
  header div.module_logo {
    float:none;
  }
}