/* aec3-1.css -----------------------------------------------------------------------------------------------------*/ /* http://www.aec3.de ---------------------------------------------------------------------------------------------*/ /* index of contents 1 basic tag styles 2 principal layout 2-1 head layout 2-1-1 navigation 2-2 content layout 2-2-1 breadcrumb 2-2-2 footer 3 links 4 form styles */ /* 1 basic tag styles ---------------------------------------------------------------------------------------------*/ html, body { margin: 0px; padding: 0px; background: #D8DCE0; height:100%; font-family: Verdana, sans-serif; font-size:11px; } p,td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #485E6C; margin: 0px; padding: 0px; } ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #485E6C; list-style-type: circle; list-style-position: outside; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #485E6C; font-weight: 800; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #485E6C; font-weight: 800; padding: 0px 0px 10px; } span.h { font: 800 11px Arial, Helvetica, sans-serif; color: #485E6C; margin: 0px; padding: 0px; } span.more { font-size: 10px; } /* 2 principal layout ---------------------------------------------------------------------------------------------*/ #bgTable { position:relative; height: 100%; width: 940px; border-spacing: 0px; border-collapse: collapse; margin: 0px auto 0px 2px; padding: 0px; background-image: url(../images/bg-mitte.gif); background-repeat: repeat-y; } /* #bgTr { vertical-align: bottom; background-image: url('../images/bg-unten.gif'); background-repeat: no-repeat; background-position: bottom; } ---*/ #bgTd { padding: 20px 20px 20px 20px ; vertical-align: top; background-image:url(../images/bg-oben.gif); background-repeat:no-repeat; } /* 2-1 head layout ------------------------------------------------------------------------------------------------*/ #head { width: 900px; height: 200px; } #headTop { position: relative; width: 900px; height: 80px; } #headTop img { margin: 0px; padding: 0px; clear: left; border:0px; } #headBottom { width: 900px; height: 120px; } #headBottom img { margin: 0px; padding: 0px; float: right; border:0px; } #headBottom p { font: normal 11px/23px Arial, Helvetica, sans-serif; color: #485E6C; padding: 0px 5px 0px 24px; } #headBottom h1 { font: 800 11px/19px Arial, Helvetica, sans-serif; color: #485E6C; padding: 0px 5px 0px 24px; } #headBottom a.active{ font: bold 11px/23px Arial, Helvetica, sans-serif; color: #0054A54; } /* 2-1-1 navigation -------------------------------------------------------------------------------------------*/ #mainNavi { position: absolute; top: 55px; left: 181px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 800; color: #485E6C;} #mainNavi a { margin-left: 4px; margin-right: 10px; text-decoration: none; } #serviceNavi { position: absolute; top: 6px; right: 10px; margin: 0px; padding: 0px; font-family: Verdana, sans-serif; font-size: 9px; color: #A1B4C0; } #serviceNavi a { margin-left: 4px; margin-right: 2px; text-decoration: none; } /* 2-2 content layout ---------------------------------------------------------------------------------------------*/ #leftColumn { position: relative; float: left; width: 160px; margin: 5px 0px 20px 0px; padding: 0px 0px 0px 20px; } #leftColumnNY { position: relative; float: left; width: 170px; margin: 5px 0px 20px; padding: 0px 5px 0px 2px; } #leftColumn p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #7D98A9; font-size: 11px; line-height: 19px; } #content { position: relative; float:left; width: 660px; margin: 5px 0px 40px 0px; padding: 0px 0px 0px 5px; } .rightColumn { position: relative; float: right; width: 240px; margin: 5px 0px 40px 0px; padding: 0px 0px 0px 20px; } /* 2-2-1 breadcrumb -----------------------------------------------------------------------------------------------*/ #breadCrumb { padding: 15px 10px 10px 185px; font: 10px Arial, Helvetica, sans-serif; color: #7D98A9; } #breadCrumb span { font: 800 16px Arial, Helvetica, sans-serif; color: #7D98A9; } /* 2-2-2 footer ---------------------------------------------------------------------------------------------------*/ #footer { position: absolute; bottom: 10px; left: 20px; padding: 5px 0px 5px 20px; font: normal 10px Arial, Helvetica, sans-serif; color: #7D98A9; } /* 3 links --------------------------------------------------------------------------------------------------------*/ a:link, a:visited { color: #0054A6; text-decoration: none; } a:hover { color: #7D98A9; text-decoration: none; } a.navi:link, a.navi:visited { color: #485E6C; } a.navi:hover { color: #0054A6; } a.service:link, a.service:visited { color: #7D98A9; } a.service:hover { color: #0054A6; } span.aquo { font: 800 13px/17px Verdana, Arial, Helvetica, sans-serif; color: #485E6C; margin: 0px; padding: 0px; } /* 4 form styles --------------------------------------------------------------------------------------------------*/ input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #485E6C; background-color: #FFFFFF; margin: 0px; height: 15px; width: 250px; border: 1px solid #7D98A9; padding: 2px; } input.send { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 800; color: #0054A6; background-color: #F8F8F8; margin: 0px; height: 22px; width: 80px; border: 1px solid #FFFFFF; padding: 2px; background-image: url(../images/bg-submit.gif); } input.cb { background-color: #FFFFFF; margin: 0px; height: 15px; width: 15px; } textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #485E6C; background-color: #FFFFFF; margin: 0px; height: 120px; width: 250px; border: 1px solid #7D98A9; padding: 3px; }