@charset "utf-8";
/* CSS Document */
html, body {
scrollbar-base-color:#EFEFEF;
textarea style:#EFEFEF;
}
body {
background-image: url();
background-position: center center;
background-repeat: no-repeat;
background-color: #FFFFFF;
background-attachment: fixed;
text-align: center; /*Anweisung für IE zum Zentrieren*/
}
#distance {
width: auto;
height: 2%;
margin-bottom: 0px;
}
#container {
margin: 0px auto;
width: 900px;
height: auto;
position: relative;
}
#titel {
margin: 15px 0 0 0;
width: 900px;
height: 100px;
background-image: url(http://www.hallenbad-solothurn.ch/typo3/fileadmin/images/titel.jpg);
}
#header {
width: 900px;
height: 170px;
background-image: url(http://www.hallenbad-solothurn.ch/typo3/fileadmin/images/welle.jpg);
}
#menuHGM2{
/*width: 900px;*/
height: 30px;
margin: 15px 0px 0px -39px; /*oben rechts unten links*/
padding: 0px 0px 0px 0px;
}
#inhalt{
width: 860px; /*Anweisung für restliche Browser*/
min-height: 460px; /*510 Anweisung für restliche Browser*/
@width: 900px; /*Anweisung für IE 5,6,7*/
@height: 500px ; /*550 Anweisung für IE 5,6,7*/
padding: 20px 20px 20px 20px; /*oben rechts unten links*/
margin: 0px 0px 0px 0px;
float: left;
border: 1px solid #cccccc;
font-family: Verdana, Arial;
color: #4b4a4a; /**/
background-color: #FFFFFF;
font-size: 12px;
text-align: justify;
}
#fussnote{
width: 900px;
height: 18px;
@width: 900px; /*Anweisung für IE 5,6,7*/
@height: 38px; /*Anweisung für IE 5,6,7*/
padding: 10px 0px 10px 0px; /*oben rechts unten links*/
float: left;
text-align: right;
font-family: Verdana, Arial;
font-size: 12px;
color: #4b4a4a;
margin: 0;
background-color: #ffffff;
}
#printview{
float: left;
width: 200px;
height: 40px;
margin: 0;
padding: 0;
text-align: center;
background-color: #FFFFFF;
}
/*Mailformular*/
legend {
width: 80%;
padding-left:10px;
padding-right:10px;
border: 0px;
}
/*Feldbezeichnung*/
label {
width: 70%;
float: left;
text-align: left;
margin-top: 6px;
padding: 0px;
}
/*Textfeld*/
textarea {
width: 740px;
float: left;
background-color: #ffffff;
margin-bottom: 12px;
padding: 3px;
font-size: 12px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*Aussenrahmen*/
fieldset {
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #ffffff;
}
/*Sende-Knopf*/
#mailformformtype_mail {
float: right;
}
/*Links Inhalt*/
a:link {color:#4b4a4a; text-decoration: underline; }
a:visited {color:#4b4a4a; text-decoration: underline; }
a:hover {color:#d72817; text-decoration: underline; }
a:active {color:#d72817; text-decoration: underline; }
a:focus {color:#d72817; text-decoration: underline; }
/*Links Tabellen ( = Tabellen)*/
tr a:link {color:#4b4a4a; text-decoration:underline; }
tr a:visited {color:#4b4a4a; text-decoration:underline; }
tr a:hover {color:#d72817; text-decoration:underline; }
tr a:active {color:#d72817; text-decoration:underline; }
tr a:focus {color:#d72817; text-decoration:underline; }
/*Links Menu*/
a.n:link { color:#FFFFFF; text-decoration:none; font-weight:normal; }
a.n:visited { color:#FFFFFF; text-decoration:none; font-weight:normal; }
a.n:hover { color:#FFCC00; text-decoration:none; font-weight:normal; }
a.n:active { color:#FFCC00; text-decoration:underline; font-weight:normal; }
a.n:focus { color:#FFCC00; text-decoration:underline; font-weight:normal; }
/*Links Footer*/
tt a:link {color:#FFFFFF; text-decoration:none; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px }
tt a:visited {color:#FFFFFF; text-decoration:none; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px }
tt a:hover {color:#FFCC00; text-decoration:none; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px }
tt a:active {color:#FFCC00; text-decoration:underline; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px }
tt a:focus {color:#FFCC00; text-decoration:underline; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px }
/*Schriftsätze php*/
hr { margin:8px 0px 0px 0px; @margin:0px; height:1px; border:0px solid #606C6A; color:#606C6A; background-color:#606C6A; } /*Unterstreichung bei den Textseiten. Farbton aufgehellt! 56615F */
h1 { margin:6px 0px 0px 0px; @margin:24px 0px 0px 0px; font-size:20px; font-weight:bold; text-align: left;}
h2 { margin:36px 0px 18px 0px; font-size:18px; font-weight:normal; text-align: justify; line-height: 27px;}
h3 { margin:36px 0px 18px 0px; font-size:18px; font-weight:bold; text-align: justify; line-height: 27px;}
h4 { margin:24px 0px 12px 0px; font-size:14px; font-weight:normal; text-align: justify; line-height: 21px;}
h5 { margin:24px 0px 12px 0px; font-size:14px; font-weight:bold; text-align: justify; line-height: 21px;}
h6 { margin:0px 0px 12px 0px; font-size:12px; font-weight:normal; text-align: center; line-height: 18px;} /*oben rechts unten links*/
p { margin:0px 0px 12px 0px; font-size:12px; font-weight:normal; text-align: justify; line-height: 18px;} /*oben rechts unten links*/
li { margin:0px 0px 12px 0px; font-size:12px; font-family: Verdana, Arial; color: #4b4a4a; font-weight:normal; text-align: justify; line-height: 18px;} /*Aufzählungen*/
td { margin:0px 0px 12px 0px; font-size:12px; font-family: Verdana, Arial; color: #4b4a4a; font-weight:normal; text-align: justify; line-height: 18px;}
ul.menuHGM2, ul.menuHGM2 ul {
list-style-type: none;
}
/*Abstand zwischen Feldern und Inhalt*/
ul.menuHGM2 a {
display: block;
float: left;
padding: 0px 1px 1px 1px; /*oben rechts unten links*/
font-weight: normal;
}
ul.menuHGM2 ul a {
padding: 0px;
}
ul.menuHGM2 li {
padding: 0;
margin: 0;
background-image: none;
background-color: #FFFFFF;
float: left;
}
/*Abstand zwischen Feldern*/
ul.menuHGM2 ul {
padding: 0 0px 5px 0px;
position: absolute;
background-color: #ffffff;
border: 1px solid #cccccc;
display: none;
min-width: 180px;
}
/* IE-Hack für die Breite */
*html ul.menuHGM2 ul {
width:180px;
}
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* Über der Liste befindet (.hover siehe JavaScript oben) */
ul.menuHGM2 ul.hover, ul.menuHGM2 li.hover ul, ul.menuHGM2 li:hover ul {
display:block;
}
ul.menuHGM2 ul li {
float:none;
background-color: transparent;
}