181 lines
7.2 KiB
CSS
181 lines
7.2 KiB
CSS
html,address,blockquote,body,div,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,table,tr,td,th,thead,tbody,tfoot {
|
|
font-family:inherit; font-style:normal; font-weight:normal;
|
|
font-variant:normal; font-size:inherit; line-height:inherit;
|
|
text-align:left; text-decoration:none; padding:0; margin:0;
|
|
float:none; border:0px; display:block; cursor:default; }
|
|
span,a,img,abbr,code,em,strong,b,i,var,tt,kbd,samp,small,sub,sup,caption {
|
|
font:inherit; background:transparent; padding:0; margin:0;
|
|
color:inherit; display:inline; float:none; border:0; }
|
|
textarea,legend,label,button,input,object,select { font:inherit; margin:0; padding:0; }
|
|
|
|
li { display:list-item; }
|
|
|
|
table { display:table; border-spacing:0; border-collapse:collapse; }
|
|
tr { display:table-row; }
|
|
th,td { display:table-cell; }
|
|
thead { display:table-header-group; }
|
|
tbody { display:table-row-group; }
|
|
tfoot { display:table-footer-group; }
|
|
caption { display:table-caption; }
|
|
colgroup { display:table-column-group; }
|
|
col { display:table-column; }
|
|
|
|
head { display:none; }
|
|
|
|
/* { Optionales */
|
|
html { font-family:Verdana, 'Lucida Grande', Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#808080; }
|
|
a:link, a:visited, a:hover, a:active { cursor:pointer; }
|
|
input, textarea { cursor:auto; }
|
|
ul li { list-style-type:square; }
|
|
ol li { list-style-type:decimal; }
|
|
/* } */
|
|
|
|
/* { Allgemeines Layout */
|
|
#wrapper { width:927px; margin:0 auto; }
|
|
#kopf { margin:18px 0 0 0; position:relative; height:186px; z-index:1; }
|
|
#kopf h1 { position:relative; top:29px; left:696px; width:173px; height:103px; z-index:2; }
|
|
#kopf img.kopfbild { position:absolute; top:0; left:0; z-index:2; }
|
|
#kopf #navigation { position:absolute; top:165px; left:134px; width:515px; height:32px; z-index:3; line-height:28px; }
|
|
#kopf #navigation p span.separator { float:left; color:#c8d200; padding:0 4px; }
|
|
#kopf #navigation a { float:left; display:block; padding:0 4px; }
|
|
|
|
#kundennavi { position:absolute; top:24px; left:523px; z-index:4; width:150px; }
|
|
#kundennavi p {padding:5px 0 0 0;}
|
|
|
|
#subnavigation {width:113px; position:relative; top:-27px; left:9px; z-index:3; }
|
|
#subnavigation p {padding:2px 0 2px 0; border-bottom:1px #9A9A9A dotted;}
|
|
|
|
#content { position:relative; z-index:3; }
|
|
|
|
#haftungsausschluss {clear:both; width:760px; padding:0 80px; }
|
|
|
|
#unten { clear:both; padding:50px 0 0 145px; height:33px; }
|
|
#unten p span.separator { color:#FFF; padding:0 3px; }
|
|
/* } */
|
|
|
|
/** Layout-details */
|
|
.description {
|
|
padding-left:10px;
|
|
}
|
|
|
|
/* { Links */
|
|
a:link,
|
|
a:visited { text-decoration:none; color:#808080;}
|
|
a:focus,
|
|
a:hover { text-decoration:none; color:#c8d200; }
|
|
a:active { text-decoration:none; color:#c8d200; }
|
|
|
|
#navigation a:link,
|
|
#navigation a:visited { text-decoration:none; color:#fff; }
|
|
#navigation a:focus,
|
|
#navigation a:hover { text-decoration:none; color:#c8d200; }
|
|
#navigation a:active { text-decoration:none; color:#c8d200; }
|
|
|
|
a.symbol,
|
|
#kundennavi a,
|
|
#subnavigation a { display:block; padding:0 0 3px 21px; background:url(../img/icon_pfeil_off.gif) 0 2px no-repeat; line-height:22px; height:22px; }
|
|
|
|
a.symbol:focus,
|
|
a.symbol:hover,
|
|
a.symbol:active,
|
|
#kundennavi a:focus,
|
|
#kundennavi a:hover,
|
|
#kundennavi a:active,
|
|
#subnavigation a:focus,
|
|
#subnavigation a:hover,
|
|
#subnavigation a:active { font-weight:bold; background:url(../img/icon_pfeil_on.gif) 0 2px no-repeat; }
|
|
|
|
#subnavigation a:link.aktiv,
|
|
#subnavigation a:visited.aktiv {color:#c8d200; font-weight:bold; background:url(../img/icon_pfeil_on.gif) 0 2px no-repeat; }
|
|
|
|
#unten a:link, #unten a:visited {}
|
|
#unten a:focus, #unten a:hover, #unten a:active, #news_spalte a:focus, #news_spalte a:hover, #news_spalte a:active { color:#fff; }
|
|
/* } */
|
|
|
|
/* Navigation */
|
|
body.about #navigation a.about,
|
|
body.design #navigation a.design,
|
|
body.coding #navigation a.coding,
|
|
body.portfolio #navigation a.portfolio { color:#c8d200; }
|
|
|
|
/* Kundennavi */
|
|
body.start #kundennavi a.pages { color:#c8d200; }
|
|
body.contact #kundennavi a.contact,
|
|
body.start #kundennavi a.start,
|
|
body.sitemap #kundennavi a.sitemap { font-weight:bold; color:#c8d200; background:url(../img/icon_pfeil_on.gif) 0 2px no-repeat; }
|
|
|
|
|
|
|
|
/* { Klassen */
|
|
.hidden, .print-info { display:none; }
|
|
.required { padding:0 5px; color:#c8d200; }
|
|
.aktiv { color:#c8d200; font-weight:bold; padding: 3px 0px; }
|
|
/* } */
|
|
|
|
/* { Farben und Hintergründe */
|
|
body { background-color:#fff; }
|
|
#kopf #navigation { background:url(../img/navigation_bg.gif) left top no-repeat; }
|
|
#unten { background:url(../img/seitenabschluss.gif) 0 45px no-repeat; }
|
|
/* } */
|
|
|
|
/* { Allgemeine Typographie */
|
|
h3 img { margin:-2em 0 0 0; }
|
|
h4 {font-weight:bold;}
|
|
select, textarea, input.text { border:1px solid #c8d200; background:#eee; }
|
|
select:focus, textarea:focus, input.text:focus { background:#fff; }
|
|
b { font-weight:bold; }
|
|
|
|
input.text, textarea, select { width:260px; }
|
|
|
|
form { margin:0 0 0 0; padding:0; }
|
|
form p { margin:0 0 0 0px; }
|
|
form input.knopf { margin-top:10px; }
|
|
form label { display:block; padding: 0 0 10px 0; }
|
|
form textarea { height:162px; }
|
|
form select.dropdown { width:260px; }
|
|
|
|
.description h3 {
|
|
color:#c8d200;
|
|
}
|
|
/* } */
|
|
|
|
/* { Einzelregeln */
|
|
#content div { float:left; margin:27px 0 0 -9px; }
|
|
|
|
#content span.separator { color:#c8d200; }
|
|
#content .page_navigator {
|
|
clear:left;
|
|
position:relative;
|
|
top:-21px;
|
|
text-align:right;
|
|
}
|
|
|
|
#content #inhalt { margin-left:41px; width:468px; }
|
|
#content #inhalt h2 { font-size:20px; color:#c8d200; padding-bottom:5px; }
|
|
#content #inhalt h3 { font-size:12px; padding-bottom:3px; font-weight:bold; }
|
|
#inhalt h5 { font-weight:bold; margin-bottom:18px; background:url(../img/punkte.gif) 0% 100% repeat-x; }
|
|
#inhalt h5 span.separator { font-weight:lighter; }
|
|
#inhalt h6 { font-size:11px; font-weight:bold; margin-bottom:27px; }
|
|
#content #inhalt p { padding:0 0 6px 0; }
|
|
|
|
#content #news_spalte {background:url(../img/newsbox_bg.gif) 0 0 repeat; width:290px; margin:-5px 0 0 36px;}
|
|
#content #news_spalte p { float:none; padding:0 18px 0 18px;}
|
|
#content #news_spalte_bgtop {background:url(../img/newsbox_oben.gif) 0 0 no-repeat; float:right; width:290px; height:21px; margin:-18px -18px -3px 0; font-size:15px; padding:9px 0 6px 18px; font-weight:bold;}
|
|
#content #news_spalte_bgbottom {background:url(../img/newsbox_unten.gif) 0 0 no-repeat; float:right; width:290px; height:25px; margin:-9px 0 0 0;}
|
|
#content #news_spalte .link {background:url(../img/newsbox_link.gif) 0 0 no-repeat; width:244px; height:20px; margin:5px 0 9px 18px; padding:0 0 0 24px; }
|
|
#content #news_spalte h4 {margin:2px 0 0 18px; font-size:12px; font-weight:bold; }
|
|
/*
|
|
#content #info_spalte, #content #news_spalte { margin:37px 0 0 9px; }
|
|
#content #info_spalte h3, #content #news_spalte h3 { font-size:11px; background:url(../img/info_spalte.gif) 0px 1px no-repeat; width:192px; height:18px; padding:0 0 1px 9px; color:#fff; margin-bottom:18px; }
|
|
#content #info_spalte p { text-align:right; margin-bottom:9px; }
|
|
|
|
#content #news_spalte p { text-align:left; margin:0 0 9px 10px; }
|
|
#content #news_spalte h4 { margin:18px 0 3px 10px; background:url(../img/punkte.gif) 0% 100% repeat-x; }
|
|
#content #news_spalte { width:192px; }
|
|
*/
|
|
|
|
.referenz_bild {
|
|
margin-top:-9px;
|
|
}
|
|
/* } */
|