|
|
Codes
Text über den Design* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
min-width:862px;
}
body {
background:url(images/tail-top.gif) 0 0 repeat-x #000;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#8ec4e6;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3 {
float:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:862px;
margin:0 auto;
font-size:.75em;
position:relative;
}
#header {
height:351px;
overflow:hidden;
background:url(images/header-bg.jpg) no-repeat 0 100%;
position:relative;
}
#content {
background:url(images/content-bg.gif) 0 0 repeat-x #24668e;
padding:38px 43px 35px 53px;
border-right:3px solid #13364c;
border-left:3px solid #13364c;
}
#content .aside {
float:left;
width:231px;
margin-right:28px;
margin-top:-261px;
position:relative;
}
#content .mainContent {
float:left;
width:501px;
background:url(images/mainContent-bg.gif) 0 0 repeat-x #18425c;
}
#content .mainContent .indent {
padding:10px 16px 20px 20px;
}
#footer {
height:40px;
background:url(images/footer-bg.jpg) no-repeat 0 0;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family:Arial, Helvetica, sans-serif; font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {
margin-bottom:16px;
}
.p1 {
margin-bottom:8px;
}
.p2 {
margin-bottom:16px;
}
.p3 {
margin-bottom:24px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#0ae4f8;
outline:none;
}
a:hover{
text-decoration:none;
}
h2 {
font-size:18px;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
border-bottom:1px solid #4a2311;
color:#fff;
padding-bottom:2px;
margin-bottom:27px;
}
h3 {
background:url(images/title-bg.png) no-repeat 0 0;
width:231px;
height:22px;
line-height:22px;
font-size:14px;
color:#fff;
font-weight:normal;
text-indent:35px;
text-transform:uppercase;
}
h4 {
font-size:1em;
font-weight:normal;
text-transform:uppercase;
background:#3e7493;
color:#fff;
line-height:22px;
text-indent:25px;
}
h5 {
font-size:14px;
font-weight:normal;
color:#f95f19;
text-transform:uppercase;
margin-bottom:16px;
}
h5 span {
display:block;
color:#fff;
text-transform:none;
font-size:11px;
}
h6 {
font-size:.91em;
color:#fff;
}
i {
font-style:normal;
text-transform:uppercase;
}
.button1 {
float:right;
background:url(images/button-bg1.png) no-repeat 0 0;
font-size:10px;
color:#68240b;
text-transform:uppercase;
text-decoration:none;
text-align:center;
width:77px;
line-height:19px;
text-shadow:0 0 6px #fff;
}
.button1:hover {
color:#fff;
}
/*==================boxes====================*/
.box {
overflow:hidden;
margin-bottom:24px;
}
.box .inner {
padding:5px 1px 0 1px;
background:url(images/box-bg1-alt.png) 0 0 repeat-y;
}
.box .indent {
padding:20px 0 0 25px;
}
.box .bottom {
background:url(images/box-bottom-alt.png) no-repeat 0 0;
height:39px;
overflow:hidden;
padding-right:15px;
}
.box ul li {
color:#85e6ef;
padding-bottom:3px;
}
.box ul li a {
color:#85e6ef;
text-transform:uppercase;
text-decoration:none;
}
.box ul li a:hover {
color:#fff;
}
.address {
float:left;
}
.address dt {
margin-bottom:16px;
}
.address dd {
clear:both;
text-align:right;
}
.address dd span {
float:left;
padding-right:25px;
}
/*===== header =====*/
#header .nav {
position:absolute;
left:0;
top:0;
background:url(images/nav-bg.jpg) no-repeat 0 0;
height:112px;
width:862px;
}
#header .nav ul {
padding:41px 0 0 60px;
}
#header .nav ul li {
float:left;
background:url(images/divider.gif) no-repeat 0 4px;
padding:0 13px 0 13px;
}
#header .nav ul li.alt {
padding:0 13px 0 324px;
background:none;
}
#header .nav ul li.first {
background:none;
padding-left:0;
}
#header .nav ul li a {
color:#db571b;
text-transform:uppercase;
text-decoration:none;
}
#header .nav ul li a:hover, #header .nav ul li a.current {
color:#fff;
}
#header .logo {
position:absolute;
left:50%;
top:20px;
margin-left:-109px;
width:218px;
}
#header .logo h1 {
font-size:23px;
line-height:1em;
text-transform:uppercase;
font-weight:normal;
color:#fff;
width:150px;
padding-left:50px;
}
#header .logo h1 a {
color:#fff;
text-decoration:none;
text-shadow:1px 1px 2px #8e3d1e;
}
#header .logo h1 span {
display:block;
margin-top:-5px;
letter-spacing:1px;
}
#header .logo .slogan {
display:block;
font-size:10px;
text-transform:uppercase;
color:#883e19;
letter-spacing:1px;
margin:20px 0 0 15px;
}
#header .intro {
position:absolute;
right:89px;
top:175px;
width:360px;
text-align:right;
font-size:35px;
font-style:italic;
color:#fff;
line-height:1.2em;
}
#header .intro strong {
font-weight:normal;
font-size:50px;
}
#header .intro em {
color:#d8581c;
}
#header .intro .button {
font-size:12px;
color:#86b2cd;
background:url(images/button.png) no-repeat 0 0;
width:97px;
height:20px;
line-height:20px;
text-decoration:none;
font-style:normal;
text-align:center;
display:block;
float:right;
margin-top:30px;
}
#header .intro .button:hover {
color:#fff;
}
/*===== content =====*/
#content {
}
.list1 li {
padding-bottom:8px;
}
.section {
padding-bottom:50px;
}
.article {
border-bottom:1px dashed #88c6ec;
padding:0 0 22px 0;
margin-bottom:33px;
}
.article.last {
margin-bottom:0;
}
/*===== footer =====*/
#footer .indent {
text-transform:uppercase;
color:#fff;
padding:12px 0 0 61px;
}
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
/*----- forms -----*/
#contacts-form fieldset {
border:none;
width:100%;
overflow:hidden;
display:block;
padding-bottom:18px;
}
#contacts-form .col-1 {
width:210px !important;
margin-right:0 !important;
}
#contacts-form .col-2 {
width:237px !important;
margin-right:0 !important;
}
#contacts-form label {
display:block;
height:52px;
overflow:hidden;
}
#contacts-form input {
color:#111;
border:1px solid #a09b96;
background:#fff;
padding:2px 0 2px 5px;
width:170px;
}
#contacts-form textarea {
color:#111;
border:1px solid #a09b96;
background:#fff;
padding:2px 0 2px 5px;
width:228px;
overflow:auto;
height:119px;
margin-bottom:18px;
}
#contacts-form .link1 {
float:right;
margin-left:11px;
}
.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
/*==========================================*/
Alle Diese Desings gehören zu chrigi97.de.tl
|
