equal
deleted
inserted
replaced
|
1 |
|
2 /** BASIC */ |
|
3 |
|
4 html, body { |
|
5 height: 100%; |
|
6 } |
|
7 |
|
8 body { |
|
9 margin: 0px; |
|
10 padding: 0px; |
|
11 background: #273840 url(images/homepage01.jpg) repeat-x left top; |
|
12 font-size: 11px; |
|
13 text-align: justify; |
|
14 color: #273840; |
|
15 } |
|
16 |
|
17 h1 { |
|
18 font-family: Arial, Helvetica, sans-serif; |
|
19 font-weight: bold; |
|
20 text-transform: uppercase; |
|
21 } |
|
22 |
|
23 h2 { |
|
24 font-size: 14px; |
|
25 text-transform: uppercase; |
|
26 } |
|
27 |
|
28 h2.bigger { |
|
29 font-size: 18px; |
|
30 text-transform: uppercase; |
|
31 } |
|
32 |
|
33 h3 { |
|
34 margin: 0px; |
|
35 padding: 0px; |
|
36 font-size: 11px; |
|
37 text-transform: uppercase; |
|
38 } |
|
39 |
|
40 p, ol, ul { |
|
41 margin-top: 0px; |
|
42 } |
|
43 |
|
44 .img1 { |
|
45 float: left; |
|
46 margin: 4px 15px 0px 0px; |
|
47 border: 2px solid #608B9F; |
|
48 } |
|
49 |
|
50 .hr1 { |
|
51 clear: both; |
|
52 margin-top: 10px 0px 10px 0px; |
|
53 border: 1px dashed #608B9F; |
|
54 } |
|
55 |
|
56 .hr1 hr { |
|
57 display: none; |
|
58 } |
|
59 |
|
60 /** WRAPPER */ |
|
61 |
|
62 #wrapper { |
|
63 width: 718px; |
|
64 height: 100%; |
|
65 min-height: 100%; |
|
66 margin: 0px auto; |
|
67 padding: 30px; |
|
68 background-color: #FFFFFF; |
|
69 } |
|
70 |
|
71 html>body #wrapper { |
|
72 height: auto; |
|
73 } |
|
74 |
|
75 /** HEADER */ |
|
76 |
|
77 #header { |
|
78 margin-bottom: 30px; |
|
79 } |
|
80 |
|
81 #header h1 { |
|
82 margin: 0px; |
|
83 padding: 0px; |
|
84 font-size: 30px; |
|
85 } |
|
86 |
|
87 #header h2 { |
|
88 margin: 0px; |
|
89 padding: 0px; |
|
90 font-size: 12px; |
|
91 text-transform: lowercase; |
|
92 } |
|
93 |
|
94 /** MAIN-MENU */ |
|
95 |
|
96 #main-menu { |
|
97 margin: 0px 0px 30px 0px; |
|
98 background: #4F7383 url(images/homepage06.gif) no-repeat right top; |
|
99 text-transform: uppercase; |
|
100 } |
|
101 |
|
102 #main-menu ul { |
|
103 height: 28px; |
|
104 margin: 0px; |
|
105 padding: 11px 0px 0px 7px; |
|
106 background: transparent url(images/homepage02.gif) no-repeat left top; |
|
107 list-style: none; |
|
108 } |
|
109 |
|
110 #main-menu li { |
|
111 display: inline; |
|
112 } |
|
113 |
|
114 #main-menu a { |
|
115 padding: 0px 8px 0px 15px; |
|
116 background: transparent url(images/homepage03.gif) no-repeat left center; |
|
117 text-decoration: none; |
|
118 font-weight: bold; |
|
119 color: #FFFFFF; |
|
120 } |
|
121 |
|
122 #main-menu .first a { |
|
123 background: none; |
|
124 } |
|
125 |
|
126 #main-menu ul { |
|
127 } |
|
128 |
|
129 /** CONTENT */ |
|
130 |
|
131 #content { |
|
132 } |
|
133 |
|
134 #left { |
|
135 float: left; |
|
136 width: 518px; |
|
137 } |
|
138 |
|
139 #right { |
|
140 float: left; |
|
141 width: 170px; |
|
142 margin: 0px 0px 0px 20px; |
|
143 } |
|
144 |
|
145 /** FOOTER */ |
|
146 |
|
147 #footer { |
|
148 clear: both; |
|
149 padding: 20px 0px 0px 0px; |
|
150 } |
|
151 |
|
152 #footer ul { |
|
153 margin: 0px; |
|
154 padding: 0px; |
|
155 list-style: none; |
|
156 text-align: center; |
|
157 } |
|
158 |
|
159 #footer li { |
|
160 display: inline; |
|
161 } |
|
162 |
|
163 #footer a { |
|
164 padding: 0px 10px; |
|
165 } |
|
166 |
|
167 #footer p { |
|
168 text-align: center; |
|
169 font-size: 9px; |
|
170 } |