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

body { 
color: white;
margin: 0px;  padding: 0px; 
background-color: #333333;
font-family: Helvetica,Arial,sans-serif;
margin: 0 auto;
color: #666666; 
-webkit-text-size-adjust:none; /* Turn off font resizing */
text-align: center;
text-shadow:0 -1px 1px #666666;
white-space: no-wrap; 
}

a { outline: none; }

h1.headline { 
font-size: 16px; 
display: inline;
color: #A00000;
}
h2.headline { 
font-size: 16px; 
display: inline;
color: #A00000;
}
p { margin: 5px; }

a:link { color: #FF6600; text-decoration: none; }
a:active { color: #FF6600; text-decoration: none; }
a:visited { color: #FF6600; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
a { color: #FF6600;  }


.header { display: block; }
a.header { background-color: #FF6600;
font-size: 20px;
color: white; font-weight: bold; background-color: #FF6600; margin: 5px; -moz-border-radius: 9px; border-radius: 9px; 
text-decoration: none; 
}
.url { font-size: 12px; margin-top: -5px; text-shadow:0 0px 0px #666666;}
.cont-header { margin-bottom: 10px; padding-top: 3px;  }
.header-logo {  }

.cont-main { height: auto; display: block; padding-bottom: 5px; }
.cont-detail { margin-bottom: 10px; background-color: #F9F9F9;
-moz-border-radius: 9px; border-radius: 9px;
box-shadow: 4px 4px 5px #333333;
}
.cont-detail-head { color: white; font-weight: bold; height: 20px; background-color: #FF6600; padding: 3px; -moz-border-radius: 9px; border-radius: 9px; }
.cont-detail-cont { font-size: 14px; text-shadow: none; padding: 3px; line-height: 1; }

.cont-footer { display: block; margin-top: -5px; margin: auto; }

.adresse { color: white; font-size: 12px; margin-top: -3px; padding-bottom: 3px;  }

.arrow-black { display: block; background-image: url(bilder/auxil/arrow-black.png); background-repeat: no-repeat; background-position: center right;  min-height: 67px; }


/* text */
.maintitle { margin-top: -5px; padding-top: 4px; color: #FF6600; white-space: no-wrap; font-weight: bold; }
.subtitel { font-weight: bold; padding-bottom: 6px; color: #666666; }
.subtext { font-size: 14px; color: #666666; font-weight: lighter; margin-right: 13px; }

/* images */
.img-li-thumb { float: left; background-color: white; margin-right: 7px; margin-top: 3px; margin-left: -2px; height: 74px; width: 98px;  
-moz-border-radius: 10px; border-radius: 9px; box-shadow: 3px 3px 3px #CCCCCC; }
.img-big { height: 338px; width: 291px; background-color: white; -moz-border-radius: 9px; border-radius: 9px; box-shadow: 3px 3px 3px #999999; margin-top: 10px; margin-bottom: 10px; 
}
.img-wide-big { background-color: white; -moz-border-radius: 10px; border-radius: 9px; box-shadow: 3px 3px 3px #CCCCCC;  margin-top: 10px; margin-bottom: 10px; }

/* menü */
.menue-light { padding: 0px;  display: block; text-align: left; padding-bottom: 10px; } 
.menue-light a { display: block;  -moz-border-radius: 9px; border-radius: 9px;
box-shadow: 4px 4px 5px #333333;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#222));;
border-top: 1px solid #999999; padding: 7px;
background-attachment:initial;
  background-clip:initial;
  background-color:#FFFFFF;
  background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FDFDFD), to(#EEEEEE));
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#CCCCCC;
  border-top-style:solid;
  border-top-width:1px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#F6F6F6 0 1px 1px;
  overflow: none;
}
.menue-light a:hover { text-decoration:none; 
background-attachment:initial;
  background-clip:initial;
  background-color:#EEEEEE;
  background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f3f2f2));
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#F6F6F6 0 1px 1px; 
}
.menue-light a:visited { color: black; text-decoration:none; }
.menue-light a:link { color: black; text-decoration:none; 
  } 

.menue-light-nav { display: block;  min-height: 67px; }

  
/*
.menue-light-nav { clear: both; overflow: auto;  }
.menue-light-nav a { padding: 0; margin: 0; position: relative; display: block; border: 0; 
border-top: 1px solid #999999; 
background-attachment:initial;
  background-clip:initial;
  background-color:#EEEEEE;
  background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FDFDFD), to(#EEEEEE));
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#CCCCCC;
  border-top-style:solid;
  border-top-width:1px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#F6F6F6 0 1px 1px;
  }
.menue-light-nav a:link { padding: 0; margin: 0; position: relative; display: block; border: 0; line-height: 48px; }
.menue-light-nav a:hover { padding: 0; margin: 0; position: relative; display: block; border: 0; line-height: 48px;
background-attachment:initial;
  background-clip:initial;
  background-color:#EEEEEE;
  background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FDFDFD), to(#FDFDFD));
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:#F6F6F6 0 1px 1px; 
  }  
*/

a.link-nav { color: white; font-weight: bold; background-color: #FF6600; padding: 5px; -moz-border-radius: 9px; border-radius: 9px; display: block; margin: 0px 5px 9px 5px; text-decoration: none; 
}


a.link-nav:hover { background-color: #ee6002; }



/* tel & sms */

/* SMS */

.sms-nummer { font-size:23px; font-weight: bold; color: #FF6600; margin-top: -10px; padding-bottom: 3px; text-shadow: #CCCCCC 3px 3px 5px;  }
.sms-key { font-weight: bold; font-size: 20px; color: white;  }
.sms-auszeichnung { font-size: 11px; margin:auto; padding-bottom: 20px;}
.sms-call { padding-bottom: 15px; color: #FF6600; font-weight: bold; font-size: 15px; }
.sms-to { padding-top: 17px; padding-bottom: 10px;}

a.smskeys { text-color: white; font-size:20px; font-weight:bold; padding:5px; margin-top: 15px !important; margin-bottom: 0px !important;  width: 370px; margin: 0 auto; 
   background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FF6600), to(#e85e03));
background-color: #FF6600;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 4px 4px 5px #999999; 
 }
a.smskeys:hover { color: white; text-decoration:none;
background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FF6600), to(#e85e03));
background-color: #FF6600;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 3px 3px 4px #999999; 
}
a.smskeys:visited { color: white; text-decoration:none;  max-width: 300px; margin: auto; }
a.smskeys:link { color: white; text-decoration:none; margin: 0 auto;  }	


/* Tel */
.tel-auszeichnung { font-size: 11px; margin: 0 auto; width: 98%; max-width: 280px; padding-top: 5px; padding-bottom: 15px; display: block;  }
.tel-call { padding: 10px; color: #FF6600; white-space: no-wrap; font-weight: bold; font-size: 15px; }
a.telnummer { 
text-color: white; font-size:20px; font-weight:bold; padding:5px; display: block; width: 220px; margin: 0 auto; 
background-color: #FF6600;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 4px 4px 5px #999999; 
background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FF6600), to(#e85e03));

}
a.telnummer:hover { margin: 0 auto; background-color: #FF6600;
background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FF6600), to(#e85e03));
box-shadow: 3px 3px 4px #999999; 
}
a.telnummer:visited { color: white; text-decoration:none; margin: 0 auto;  }
a.telnummer:link { color: white; text-decoration:none; margin: 0 auto;  }	


/* Small Screen Rules */
@media screen and (min-width: 170px) and (max-width: 500px) {
.img-big { width: 80%; height: auto; max-width: 300px;}
a.smskeys { font-size:1em;}
a.telnummer { font-size:1.2em;  width: 60%; }
a.header { font-size: 15px; }
}

/* Medium Screen Rules */
@media screen and (min-width: 501px) and (max-width: 800px) {
a.header { width: 80%; margin: 0 auto; max-width: 550px !important; margin-top: 5px; }
.cont-main {  width: 80%; margin: 0 auto; max-width: 550px !important; }
.cont-detail {  width: 80%; margin: 0 auto; min-width: 100%; max-width: 350px !important; margin-bottom: 7px !important; }
a.link-nav { width: 80%; margin: 0 auto; margin-bottom: 10px; max-width: 550px !important; }
a.smskeys { font-size:1.1em; }
a.telnummer { font-size:1.1em; }
a.header { font-size: 17px; }
}

/* Large Screen Rules */
@media screen and (min-width: 801px) and (max-width: 10000px) {
a.header {  width: 80%; margin: 0 auto; max-width: 650px !important; margin-top: 5px; }
.cont-main {  width: 80%; margin: 0 auto; max-width: 650px !important; }
.cont-detail {  width: 80%; margin: 0 auto; min-width: 100%; max-width: 350px !important; margin-bottom: 7px !important; }
a.link-nav { width: 80%; margin: auto; margin-bottom: 10px; max-width: 650px !important; }
a.smskeys { font-size:1.3em; }
a.telnummer { font-size:1.3em; }
}