html { background-color: #0097d4; width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(http://bullis-bringen-freude.de/media/style/logo.gif); background-repeat: no-repeat; background-position: 630px 27px; width: 780px; height: 100%; margin: 0 auto; padding: 0; }
#startpict { position: absolute; top: 115px; width: 770px; height: 268px; float: left; clear: both; border: solid 4px #006188; }
h1 { color: white; font-size: 36px; font-weight: normal; width: 540px; height: 40px; float: left; margin: 0 0 0 4px; padding: 15px 0 0; }
h2 { color: white; font-style: normal; font-weight: normal; font-size: 22px; background-color: #006188; vertical-align: middle; position: absolute; top: 391px; float: left; width: 566px ; height: 42px; margin: 4px 0 0; padding-top: 18px; padding-left: 4px; }
h3 { color: #006188; font-size: 22px; font-weight: normal; background-color: #33acdd; vertical-align: 18px; width: 199px; height: 42px; float: right; clear: both; margin-top: 175px; margin-right: 2px; margin-bottom: 0; padding-top: 18px; padding-left: 4px; }
h4 { color: #006188; font-size: 14px; font-weight: normal; background-color: #33acdd; vertical-align: middle; position: relative; width: 199px; height: 43px; float: right; clear: both; margin: 4px 2px 0 0; padding-top: 4px; padding-left: 4px; }
h5 { position: absolute; top: 130px; width: 0; height: 0; visibility: hidden; float: left; }
p { color: white; font-size: 12px; background-color: #0079aa; vertical-align: middle; position: relative; top: 400px; width: 265px; height: 131px; float: left; margin: 4px 4px 12px 0; padding: 9px; }
a { color: white; }
a:visited { color: white; }
/*Navigation-unten -------------------------------------------------*/
#footer { color: white; font-size: 11px; text-align: right; clear: both; margin: 12px 0 0; padding: 18px 0 0; width: 780px; height: 26px }
#footer a { color: white; font-size: 11px; text-decoration: none; padding-right: 5px; padding-left: 5px }
#footer a:visited { color: white; font-size: 11px; text-decoration: none; padding-right: 5px; padding-left: 5px }
#footer a:hover { color: red; font-size: 11px; text-decoration: none }
/*Navigation-oben ------------ based off : http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp*/
/* Remove List Formattings*/
ul.menutop, li.menutop {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* Header menu */
#header_menu { color: white; float: left; margin-left: 20px; position: absolute; height: 29px }
#header_menu li { line-height: normal }
ul#header_menu { clear: both; z-index: 10 }
#nav { color: white; position: absolute; top: 79px; float: left; padding: 0; height: 29px }
#nav ul { font-size: 12px; list-style-type: none; margin: 0; padding: 0; position: relative; width: auto }
#nav ul li { color: #fff; text-align: center; float: left }
#nav ul li a { color: white; text-decoration: none; background-color: transparent; padding: 3px 15px; border-left: 1px solid white; display: block }
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { color: red; background-color: transparent }
#nav li a:active, #nav ul li a.active { color: #4b4c4d; background-color: #d1d2d4 }
/* Current page Customisations*/
#nav li.menu-current a { color: #006188; margin: 0; padding: 3px 15px; width: auto ; }
#nav .menu-first a { border-left-style: none; border-left-width: 0; }
#nav .menu-last a { border-right: 0px none }
#nav li.menutop-current a { }
/* 2nd Child menu */
#nav .menutop li ul { font-size: 100%; background-color: transparent; text-transform: none; margin: 0px; padding: 0px; position: absolute; width: 200px; display: none }
#nav .menutop li ul li { font-weight: normal; line-height: 1.2em; text-align: left; margin: 0px; padding: 0px; width: 200px }
#nav .menutop li ul a { color: #fff; background-color: #0097d4; margin: 0; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; width: 200px }
#nav .menutop li ul a:visited { color: #fff; background-color: #0097d4; margin: 0; width: 200px ; border-top: 1px solid white; }
/* 2nd Child link hover */
#nav .menutop li ul a:hover { color: #fff; background-color: #006188; width: 200px }
/* Show and hide */
#nav .menutop li:hover ul, #nav .menutop li a:focus ul, #nav .menutop li.subMenu ul { width: 200px; display: block }
#nav .menutop li ul ul { width: 200px; display: none }
#nav .menutop li:hover ul ul, #nav .menutop li.subMenu ul ul { width: 200px; display: none }
#nav .menutop li:hover ul, #nav .menutop li li:hover ul, #nav .menutop li.subMenu ul, #nav .menutop li li.subMenu ul { width: 200px; display: block }
/* 3rd Child Menu Appreances */
#nav .menutop li ul li ul li a { width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul { position: absolute; top: 1px; left: 100%; visibility: hidden }
/*Ende Navigation-oben -------------------------------------------*/
.required {
color: #FF0000;
}
.field_title { font-size: 12px; text-align: right; width: 100px }
.field_checkbox { float: left; clear: both }
.textfield {
font-size: 12px;
width: 200px;
}
.textarea {
font-size: 12px;
width: 90%;
height: 100px;
}
.field_heading {
font-size: 12px;
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
padding-top: 10px;
color: #666666;
}
.select {
font-size: 12px;
}
.checkbox_label { font-size: 11px; float: left; clear: right; padding-top: 2px; cursor: pointer }
label { }
.radio_label {
font-size: 11px;
cursor: pointer;
}
.email {
font-size: 12px;
width: 200px;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
display:none;
}
.captcha_table { }
.text_captcha { font-size: 12px }
.captcha_expl { color: red; font-size: 12px }
iframe { background-color: white }
#iframe { background: white url(background.gif) no-repeat scroll 128px -24px; width: 100%; height: 100% }
#iframe p { font-size: 11px; float: left; margin-left: 36px; width: 650px }