/* - xhtml/css-Layout Copyright cms2day - M. Müller + E. Metzger 12/2009 - */
/* - MISC STYLE - */
* {
margin: 0px;
padding: 0px;
}
html {
background: #01b1af url(../images/html.jpg) repeat-x;
text-align: center;
width: 100%;
height: 100.5%;
margin: 0px;
}
body {
font-size: 12px;
line-height: 17px;
font-family: "Verdana" , "MS Sans Serif" , "Tahoma" , "Arial";
color: #343c40;
margin: 0px auto;
text-align: center;
width: 100%;
height: 100%;
}
td {
font-size: 11px;
line-height: 17px;
font-family: "Verdana" , "MS Sans Serif" , "Tahoma" , "Arial";
vertical-align: top;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
vertical-align: top;
margin-right: 0px;
}
#cleaner {
clear: both;
height: 0px;
font-size: 0px;
display: block;
width: 100%;
}
a:link, a:active, a:visited {
color: #494e4f;
text-decoration: none;
}
a:hover {
color: #494e4f;
text-decoration: none;
}
/* - LAYER + CONTAINER - */
#layer {
width: 980px;
position: relative;
overflow: hidden;
text-align: left;
height: auto;
background: #fff url(../images/body.jpg) repeat-y;
margin: 0px auto;
padding: 0px;
}
#container {
padding-bottom: 56px;
}
/* - HEADER - */
#headline {
width: 980px;
height: 28px;
padding-top: 8px;
overflow: hidden;
margin: 0px auto;
text-align: left;
color: #fff;
background: #00b1b0;
}
#headline td {
padding: 0px 5px 0px 2px;
}
#header {
width: 980px;
height: 111px;
overflow: hidden;
position: relative;
background: #ffffff;
border-top: 4px solid #7ae7e4;
border-bottom: 4px solid #7ae7e4;
}
#logo {
position: absolute;
top:0px;
left:-12px;
}
/* - SUBHEADER - */
#subheader {
width: 980px;
height: 20px;
overflow: hidden;
position: relative;
background: #01b1af;
}
/* - CONTENT - SEITE */
#content {
width: 755px;
min-height: 300px;
background: #fff;
overflow: hidden;
margin: 0px;
padding: 0px;
text-align: left;
color: #343c40;
position: relative;
float: left;
margin-right: -3px;
}
/* - * html #content {margin-right: -3px;} */
/* - CONTENT - SEITE */
#seite {
width: 735px;
height: 35px;
background: #00b1b0 url(../images/rund2.jpg);
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 30px ;
text-align: left;
color: #2B3D47;
line-height: 34px;
position: relative;
font-weight: bold;
}
#seite a, #seite a:hover {
color: #fff;
text-decoration: none;
font-weight: bold;
}
/* - FULLMENU - */
#pic {
width: 213px;
height: 299px;
background: url(../images/bikini.jpg);
margin-bottom: 13px;
}
#fullmenu {
width: 225px;
background: #D3D3D3 url(../images/rund1.jpg);
overflow: hidden;
margin: 0px;
padding-top: 35px;
text-align: left;
color: #fff;
position: relative;
float: left;
}
#fullmenu ul {
width: 225px;
margin: 0px;
padding: 0px;
}
#fullmenu ul li {
width: 225px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#fullmenu ul li.submenu {
width: 225px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#fullmenu ul li a {
width: 205px;
height: 35px;
display: block;
background: #7AE7E4;
color: #2B3D47;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 34px;
text-align: left;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
#fullmenu ul li.submenu a {
width: 205px;
height: 22px;
display: block;
background: #5ddee4;
color: #2B3D47;
font-size: 10px;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 22px;
text-align: left;
text-decoration: none;
}
#fullmenu ul li.submenu a:hover {
width: 205px;
height: 22px;
display: block;
background: #01b1af;
color: #fff;
font-size: 10px;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 22px;
text-align: left;
text-decoration: none;
}
#fullmenu ul li.submenu a.aktiv, #fullmenu ul li.submenu a:hover.aktiv {
width: 205px;
height: 22px;
display: block;
background: #01b1af;
color: #fff;
font-size: 10px;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 22px;
text-align: left;
text-decoration: none;
}
#fullmenu ul li a:hover {
width: 205px;
height: 35px;
display: block;
background: #01b1af;
color: #fff;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 34px;
text-align: left;
text-decoration: none;
}
#fullmenu ul li a.aktiv, #fullmenu ul li a:hover.aktiv {
width: 205px;
height: 35px;
display: block;
background: #01b1af;
color: #fff;
padding: 0px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
line-height: 34px;
text-align: left;
text-decoration: none;
font-weight:bold
}
#ecken {
width: 980px;
height: 10px;
margin: 0px auto;
background-image: url(../images/ecken.jpg);
display:block;
overflow: hidden;
}
/* - CMS CONTENT - */
#text {
width: 682px;
height: auto;
background: #fff;
overflow: hidden;
margin: 0px;
padding: 30px;
text-align: justify;
color: #343c40;
line-height: 22px;
border-right:13px solid #7ae7e4;
}
/* - HTML ELEMENT STYLESHEET - */
#text h1 {
font-size: 14px;
font-weight: bold;
color: #2B3D47;
font-family: "Verdana";
padding-bottom: 10px;
border-bottom: 1px dotted #DEE3E7;
margin: 0px 0px 20px 0px;
}
#text h2 {
font-size: 13px;
font-weight: bold;
color: #2B3D47;
font-family: "Arial";
padding-bottom: 10px;
border-bottom: 1px dotted #DEE3E7;
margin: 0px 0px 10px 0px;
}
#text h3 {
font-size: 12px;
font-weight: bold;
color: #2B3D47;
font-family: "Verdana";
padding-bottom: 10px;
margin: 0px 0px 10px 0px;
}
#text p {
margin: 0px 0px 20px 0px;
}
#text hr {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px dotted #ddeaf2;
margin: 0px 0px 20px 0px;
}
/* - FOOTER - */
#footer {
width: 100%;
height: 56px;
background: #01b1af;
color: #2B3D47;
text-align: center;
position: relative;
bottom: 0 !important;
bottom: -1px;
}
#subfooter {
width: 980px;
height: 20px;
margin: 0px auto;
font-size: 0px;
background: #01b1af;
display:block;
overflow: hidden;
}
#footerinlay {
width: 980px;
height: 38px;
background: #0c9fca url(../images/footer.jpg);
color: #2B3D47;
margin: 0px auto;
padding-top: 18px;
}
#footerinlay td {
padding: 0px 5px 0px 5px;
}
#footerinlay a {
text-decoration: none;
color: #2B3D47;
}
#footerinlay a:hover {
text-decoration: underline;
color: #fff;
}