/* Standard-CSS fuer Hibbs and Walsh Associates*/

/* Farben
Hintergrundfarbe: #FFFFFF
Schriftfarbe: #666
Navigation red: #fb2d2d
Navigation grau: #333
*/

/* Schriften
Schriftfamilie: Verdana, Arial, Helvetica, Sans-Serif
Schriftgroessen:
head_01: 16 Pixel/1.0em
head_02: 14 Pixel/
head_03: 12 Pixel/
Fliesstext: 10 Pixel/0.72em
Bildunterschrift: 10 Pixel/0.72em Versalien
Randbemerkungen: 9 Pixel/0.72em
*/

* {margin: 0;  padding: 0; border: none;}
HTML, body {height: 100%; font: normal 100.01% Verdana, Arial, Helvetica, sans-serif; color: #666; background-color: #ffffff;}


A.copy:link {COLOR: #666; background-color: #fff; TEXT-DECORATION: none}
A.copy:visited {COLOR: #666; background-color: #fff; TEXT-DECORATION: none}
A.copy:hover {COLOR: #ff0000; background-color: #fff; TEXT-DECORATION: none; border-bottom: 1px dashed}

A.footer:link {COLOR: #666; background-color: transparent; TEXT-DECORATION: none}
A.footer:visited {COLOR: #7a8187; background-color: transparent; TEXT-DECORATION: none}
A.footer:hover	{COLOR: #fb2d2d; background-color: transparent; TEXT-DECORATION: none; border-bottom: 1px dashed}

	
H1 {FONT-SIZE: 1.2em; FONT-WEIGHT: normal; COLOR: #666; background-color: #fff; PADDING-bottom: 2em;}
H2 {FONT-SIZE: 0.8em; FONT-WEIGHT: bold; COLOR: #666; background-color: #fff; PADDING-bottom: .8em;}
H3 {FONT-SIZE: 0.62em; FONT-WEIGHT: bold; COLOR: #666; background-color: #fff; PADDING-bottom: .8em;}
	
P {FONT-SIZE: 0.62em; FONT-WEIGHT: normal; LINE-HEIGHT: 1.4em; COLOR: #464B59; padding-bottom: 0.8em;}
.smaller {FONT-SIZE: 0.58em; FONT-WEIGHT: normal; LINE-HEIGHT: 1.0em; text-align: left; padding-left: 6px;}


B {FONT-WEIGHT: bold}

I {FONT-STYLE: italic}

img {border: none;}
.enlarge {padding-bottom: 6px; padding-right: 4px}

/*Dropdown Menu*/
/* style the outer div to give it width */
.menu {height:26px; font-size:0.85em; background: transparent; padding:0; margin:0;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {list-style-type:none; padding:0; margin:0;}
.menu ul ul {width:93px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative; background-image: url(../basics/img_butbck.jpg);}

/* style the links for the top level */
.menu a, .menu a:visited {display: block; font-size: 10px; text-decoration: none; color: #333; height: 26px; background: transparent; padding-left: 0px; line-height: 26px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width: 93px; w\idth:92px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #ececec;}

/* style the second level hover */
.menu ul ul a.drop:hover{background: #ececec;}
.menu ul ul :hover > a.drop {background:#ececec;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:27px; left:0; width:134px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:26px; t\op:25px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #ececec; color:#333; height: auto; line-height: 1.2em; padding-top: 8px; padding-left: 16px; padding-right: 10px; width: 134px; text-align: left; FONT-SIZE: 0.72em;}

/* yet another hack for IE5.5 */
* html .menu ul ul a{width:150px; w\idth:129px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color: #fff;}

.menu :hover > a{color:#ff0000; }

.menu ul ul :hover > a {background: #ececec;color: #ff0000}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}


/*Statusanzeige Unternavigation*/
#navcontainer {FONT-SIZE: 0.62em; FONT-WEIGHT: normal; margin-top: 0px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px; z-index: 100;}
#navcontainer p {FONT-SIZE: 1.2em; LINE-HEIGHT: 2.0em; FONT-WEIGHT: bold; letter-spacing: 2px; z-index: 100;}
#navlist li {padding-bottom: 6px; list-style : none; z-index: 100;}
#navlist a {text-decoration: none; color: #999; z-index: 100;}
#navlist a:link, #navlist2 a:visited {color: #999; z-index: 100;}
#navlist a:hover {color: #464b59; text-decoration: none; border-bottom: 1px dashed; z-index: 100;}
#navlist li #active {color: red; text-decoration: none; border-bottom: 0px z-index: 100;}


/*Boxen*/

/*header: Logo - Grafik - Navigation - colors*/
#page {WIDTH: 100%; margin-top: 2%; margin-bottom: 3%;}

/*header: Logo - Grafik*/
#header {width: 100%; height: 189px; text-align: center; background-image: url(../basics/img_hdbck2.jpg); background-repeat: repeat-x;}
#headerbox {WIDTH: 894px; height: 155px; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px;}
#navbars {WIDTH: 894px; height: 26px; margin-right: auto; margin-left: auto; padding-top: 1px; padding-left: 12px; padding-right: 12px;}

/*Content*/
#contentbox {width: 896px; clear: both; text-align: center; margin-top: 30px; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; BACKGROUND: url(../basics/img_conbck.gif) repeat-y top;} /*Contentwrapper*/
#onleft1 {width: 235px; float: left; text-align: left; BACKGROUND: url(../basics/img_onleft.gif) left top no-repeat;}
#onleft2 {width: 235px; float: left; text-align: left;}

#info{margin-top: 30px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px;}

#maincontent {width: 627px; float: right; text-align: left; padding-left: 16px; padding-right: 16px;}
#maintext {width: 627px; background-color: #fff; text-align: left; padding-bottom: 30px;}

#mainleft {WIDTH: 297px; padding-bottom: 50px; float: left;}
#mainright {WIDTH: 297px; float: right;}
#mainright2 {WIDTH: 297px; float: right; padding-right: 8px;}

.cleaner {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none}

.feld {BORDER: 0; FONT: normal 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; BACKGROUND-COLOR: #ededed; width: 297px; line-height: 16px;}
.send {BORDER: 0; FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #fff; BACKGROUND-COLOR: #fb2d2d; width: 297px; text-align: left; padding-left: 6px;}

/*Footer*/
#footer {width: 100%; height: 97px; text-align: center; BACKGROUND-image: url(../basics/img_footer.gif); background-repeat: repeat-x;}
#footerbox {WIDTH: 896px; margin-right: auto; margin-left: auto;}
#footercontent {float: left; padding-top: 38px; height: 20px; padding-left: 0px; padding-right: 0px;}