/* ************************************************************************** */
/* Styleguide                                                                 */
/* Projekt: Schwärzenlifte Eschach                                            */
/* Domain:  gletscheralp.de                                                   */
/* Autor: Holger Neuner                                                       */
/* Version: 1.0                                                               */
/* Version: 1.0                                                               */
/* ************************************************************************** */


/* Basisstyles ************************************************************** */
body {padding: 0px; background-color:#808080;background-image:url("layout/bg.gif");background-repeat:repeat-x;font-family: Verdana,Arial,Helvetica,sans-serif; font-size:75%;color:#414141; font-weight:normal; letter-spacing: 0.0em;}
p {line-height: 1.6em;}

#wrapper {background-color:#ffffff;}
#header {background-image:url("layout/emoheader.jpg");background-repeat:no-repeat; background-position:center top;}
#left, #main {background-color:#D3D3D3; border: 10px #fff solid;}
#main .inside {padding: 10px 25px 25px 25px;}

/* Schriften **************************************************************** */
h1 , h2 , h3 , h4 , h5, h6 {color:#b60c22; font-weight:200; margin:0px; padding: 15px 0px 0px 0px;}
h1 {font-size:166%;}
h2 {font-size:133%;}
ul {margin:0px 10px 10px 10px; padding:5px 20px 0px 25px;}

/* Links ******************************************************************** */
a { color: #800000; background:transparent; text-decoration:none; }
a:visited  {color: #800000;}
a:focus,  a:hover,  a:active {color:#800000;	text-decoration:underline;}

/* Hauptnavigation ********************************************************** */
.hauptnavigation {margin:0px; padding:0px; background-color:#D3D3D3;}
.hauptnavigation ul{list-style-type:none; overflow:hidden; margin:0px; padding:0px;}
.hauptnavigation li{width:100%; float:left;margin:0;padding:0; font-weight:200; border-bottom: 1px solid #fff; }
.hauptnavigation a,.hauptnavigation strong,.hauptnavigation span{display:block;text-decoration:none;padding: 5px 0px 5px 5px;}
.hauptnavigation li a,.hauptnavigation li strong,.hauptnavigation li span{width:90%;padding-left:10%; color:#313131;}
.hauptnavigation li a:focus,.hauptnavigation li a:hover,.hauptnavigation li a:active{text-decoration:underline; background-color:#808080; color:#fefefe;}

/* Aktueller Block auf Startseite ******************************************* */
.startseite_aktuell {background-color: #b60c22; color:#fff; margin: 10px 0px 20px 0px;}
.startseite_aktuell h2 { padding: 10px; color:#fff;}

/* Schneebericht im Header ************************************************** */
.schneebericht_header {width:195px; height: 118px; position:absolute; top:50px; right:10px;}
.schneebericht_header h1  {font-size:113%;}
.schneebericht_header p  {font-size:95%; line-height:1em;}

/* Kontaktformular ************************************************************/
.standardform{padding:1px;}
.standardform fieldset{padding:0.5em;background-color:#FAF8EB;border:1px solid #D5CF9D;margin: 0 0 1em;}
.standardform legend{font-size:125%;color:#1f1f1f;}
.standardform label{display:block;color:#666;padding: 5px 0 0;}
.standardform input,.standardform textarea,.standardform select,.standardform optgroup{width:85%;height:22px;font-family:Trebuchet MS,  Arial, Helvetica, sans-serif;font-size:100%;margin: 0.5em 0;}
.standardform input,.standardform textarea,.standardform select{border:1px solid #525252;}
.standardform textarea{width:85%;height:200px;}
.standardform input.sicherheitsfrage{width:100px;height:22px;}
.standardform p.error{display:block;font-weight:bold;color:#ff0000;}
.standardform .abstand {margin-top: 30px;}

/* Tabellenformatierung (alle Seiten) *****************************************/
.standardtabelle table {width:100%;margin-bottom:0.5em;border-top:1px solid #525252;border-bottom:1px solid #525252;border-collapse:collapse;}
.standardtabelle table caption{font-variant:small-caps;} 
.standardtabelle th, .standardtabelle td{padding:0.5em;}
.standardtabelle thead th{border-bottom:2px solid #525252;color:#000;}
.standardtabelle tbody th{text-align:left;border-bottom:1px solid #fff;}
.standardtabelle tbody td{border-bottom:1px solid #eee;}
.standardtabelle tbody tr:hover th[scope="row"],.standardtabelle tbody tr:hover tbody th.sub{background-color:#fefefe;}
.standardtabelle tbody tr:hover td{background-color:#fefefe;}

/* Headermotive Startseite ************************************************** */
/* Headermotive Startseite ************************************************** */
.header_emomotiv {margin:0px; position:relative;}
.header_emomotiv .ce_text {position:relative;}
.header_emomotiv .ce_text h1 { position: absolute; top:290px; left:15px; padding:5px 15px 5px 5px;   background-image:url("layout/bg_headlines_emo_subsite.png");background-repeat:repeat; font-size:175%; color:#A12B3F;}
.header_emomotiv .ce_text p {position:absolute; top:320px; left:15px; color: #A12B3F;  padding:5px 15px 5px 5px;   background-image:url("layout/bg_headlines_emo_subsite.png");background-repeat:repeat;}
.header_emomotiv .noobButtons {position:absolute; bottom:15px; right:25px;}
.header_emomotiv  .buttons span{background:#fff; color:#333; padding:0 5px;cursor:pointer;}
.header_emomotiv .buttons span.noobActive, .buttons span:hover{background:#A12B3F;color:#fff;}

/* Abstandhalten für Bidler Skishulen */
.bild_skischulen_abstand {margin: 55px 0px 0px 0px;}

/* Abstände für die Logos linke Spalte ************************************** */
.logos-links img {padding: 5px 0px 5px 15px;}

/* Webcam */
.webcam {padding: 30px; font-size:133%;}