/* - HTML + BODY STYLE - */
@font-face {
font-family:AlteHaasGroteskRegular;
src:url("../fonts/AlteHaasGroteskRegular.ttf");
}
* {
margin: 0px;
padding: 0px;
}
html {
width: 100%;
height: 100%;
background: #fff;
text-align: center;
}
body {
width: 100%;
height: 100%;
font-size: 11px;
line-height: 18px;
color: #fff;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
background: url('../images/top.png') top center repeat-x;
margin: 0px auto;
text-align: center;
}
/* - TABELLEN EINGENSCHAFTEN - */
td {
font-size: 11px;
line-height: 18px;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
}
/* - MISC STYLE - */
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
/* - FLOAT CLEANER - */
#cleaner {
clear: both;
height: 0px;
font-size: 0px;
display: block;
width: 100%;
}
/* - STANDARD LINK FORMATIERUNG - */
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: underline;
}
/* - LAYER + CONTAINER - */
#layer {
width: 100%;
position: absolute;
margin: 0px auto;
margin-top: 10px;
text-align: left;
}
/* - HEADER - */
#header {
width: 100%;
height: 95px;
background: #fff;
background: #fff url("../images/header.png") repeat-x;
position: relative;
margin-top: 10px;
}
#header table {
border: none;
width: 100%;
height: 100%;
}
#header table td {
padding: 0px 0px 0px 3px;
}
#logo {
position: absolute;
left: 10%;
margin-left: -38px;
margin-top: 70px;
}
#mottolayer {
margin-left: auto;
margin-right: auto;
width: 100%;
border: 1px solid #d2d2d2;
height: 200px;
margin-top: 80px;
max-width: 1105px;
}
#mottopicture {
background: url("../images/grecia.png") no-repeat;
border: 3px solid #fff;
height: 194px;
}
#greciaText {
background: url("../images/greciaText.png") no-repeat;
width: 370px;
height: 39px;
float: right;
margin-right: 10%;
margin-top: 96px;
}
/* - INPUT FELDER VORBEREITET FÜR SUCHE - */
#header form input.formular {
width: 140px;
height: 18px;
padding: 4px 0px 0px 5px;
margin: 2px 0px 2px 0px;
background: #fff;
border: 1px solid #dfdfdf;
font-size: 11px;
color: #dfdfdf;
font-family: "Verdana";
position: absolute;
right: 35px;
top: 30px;
}
#header form input.button {
width: 10px;
height: 20px;
padding: 0px;
margin: 0px;
border: none;
font-size: 0px;
background: url('../images/suche_button.gif') no-repeat;
cursor: pointer;
font-family: "Verdana";
position: absolute;
right: 20px;
top: 34px;
}
/* - MENU - */
#menu {
width: 270px;
position: relative;
margin-top: 30px;
z-index: 999;
list-style: none;
}
#menu ul {
position: absolute;
top: 50px;
left: 0px;
z-index: 100;
padding: 0px;
margin: 0px;
z-index: 999;
border: none;
}
/* - MENU : DROPDOWN SETTINGS - */
#sidebar {
width: 225px;
float: left;
margin-top: 450px;
}
#addon_lastnews {
background: url("../images/nachrichtenBox.png") no-repeat top left;
padding-top: 25px;
width: 225px;
}
#addon_lastnews p{
color: #1c1c1c;
text-align: justify;
padding-left: 7px;
}
#addon_lastnews p a {
font-weight: bold;
float: right;
}
#addon_lastnews li:first-child {
border-top: 0px;
padding-top: 5px;
}
#addon_lastnews li {
border-top: 1px solid #efefee;
padding-top: 10px;
padding-bottom: 10px;
}
#menu ul li ul {
visibility: hidden;
position: absolute;
top: 24px;
left: 0px;
width: 184px;
text-align: left;
border: none;
margin: 0px;
padding: 0px;
z-index: 999;
display: block;
}
#menu ul li:hover ul, #menu ul a:hover ul {
visibility: visible;
z-index: 999;
display: block;
}
#menu li a{
display: block;
}
#link_1 span {
display: none;
}
#link_1 {
width: 229px;
height: 59px;
background: url("../images/startseite.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_1:hover span {
display: none;
}
#link_1:hover {
width: 229px;
height: 59px;
background: url("../images/startseiteHover.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_5 span {
display: none;
}
#link_5 {
width: 229px;
height: 59px;
background: url("../images/nachrichten.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_5:hover span {
display: none;
}
#link_5:hover {
width: 229px;
height: 59px;
background: url("../images/nachrichtenHover.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_11 span {
display: none;
}
#link_11 {
width: 229px;
height: 59px;
background: url("../images/blog.png") no-repeat;
border-top: 1px solid #48e2e1;
margin-top: 50px;
}
#link_11:hover span {
display: none;
}
#link_11:hover {
width: 229px;
height: 59px;
background: url("../images/blogHover.png") no-repeat;
border-top: 1px solid #48e2e1;
margin-top: 50px;
}
#link_12 span {
display: none;
}
#link_12{
width: 229px;
height: 59px;
background: url("../images/portfolio.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_8 span{
display: none;
}
#link_7 span{
display: none;
}
#link_12:hover span {
display: none;
}
#link_12:hover {
width: 229px;
height: 59px;
background: url("../images/portfolioHover.png") no-repeat;
border-bottom: 1px solid #d7d7d4;
}
#link_9 span {
display: none;
}
#link_9{
width: 229px;
height: 59px;
background: url("../images/sonstiges.png") no-repeat;
}
#link_9:hover span {
display: none;
}
#link_9:hover {
width: 229px;
height: 59px;
background: url("../images/sonstigesHover.png") no-repeat;
}
#headerMenu {
float: right;
height: 20px;
margin-top: 28px;
margin-right: 10%;
}
#headerMenu ul {
float: right;
}
#headerMenu li{
list-style-image: url(../images/headerMenu.png);
color: #466e6e;
font-size: 11px;
margin-left: 80px;
float: left;
}
#headerMenu li:hover {
list-style-image: url(../images/headerMenuHover.png);
text-decoration: none;
}
#headerMenu li span{
color: #466e6e;
font-size: 12px;
font-family: "Aller";
}
#headerMenu li span:hover , #headerMenu li a:hover {
color: #466e6e;
font-size: 12px;
text-decoration: none !important;
font-family: "Aller";
}
/* - SEITEN ANZEIGE - WO MAN SICH GERADE BEFINDET - */
#contentSide {
margin-left: 10%;
width: 80%;
}
#rightSide {
margin-left: 250px;
min-height: 685px;
}
#seite {
height: 38px;
background: #333;
color: #fff;
font-size: 11px;
line-height: 36px;
padding: 0px 0px;
margin: 0px;
overflow: hidden;
border-bottom: 30px solid #fff;
position: relative;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#content span {
top: 0px;
right: 10px;
line-height: 36px;
text-align: right;
}
#seite a {
color: #fff;
text-decoration: underline;
}
#seite a:hover {
color: #fff;
text-decoration: none;
}
/* - CONTENT LAYER - */
#content {
width: 100%;
background: #fff;
position: relative;
margin: 0px auto;
text-align: left;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 15px;
border: 1px solid #d7d7d4;
padding-top: 20px;
padding-bottom: 20px;
}
/* - TEXT - */
#content #text {
padding: 0px 20px 0px 20px;
line-height: 22px;
color: #000;
}
/* - TEXT : TAG STYLES - */
#content #text h1 {
font-size: 16px;
font-weight: bold;
margin: 0px 0px 20px 0px;
color: #9DBB36;
font-family: "Arial";
text-transform: uppercase;
letter-spacing: 0px;
}
#content #text h2 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 20px 0px;
color: #9DBB36;
font-family: "Verdana";
text-transform: none;
letter-spacing: 0px;
}
#content #text h3 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #333;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h4 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #9DBB36;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h5 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 0px;
color: #333;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h6 {
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
color: #AFAFAF;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text p {
margin: 0px 0px 15px 0px;
}
#content #text table tr td {
line-height: 22px;
}
#content #text hr {
border-top: 1px solid #dfdfdf;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0px 0px 15px 0px;
height: 2px;
}
#content #text a {
color: #333;
text-decoration: none;
}
#content #text a:hover {
color: #333;
text-decoration: underline;
}
#content #text ul {
margin: 0px 0px 0px 15px;
}
#content #text ul li {
list-style: square;
line-height: 22px;
}
#content #text ul li ul li {
list-style: square;
line-height: 22px;
margin: 0px 0px 0px 5px;
}
/* - FOOTER - */
#footer {
width: 100%;
height: 68px;
padding: 7px 0px 0px 0px;
margin: 50px 0px 5px 0px;
line-height: 20px;
background: #fff url('../images/footer.png') repeat-x;
}
#footerInner {
width: 80%;
float: right;
}
#footer p {
float: right;
margin-right: 10%;
color: #000000;
line-height: 25px;
background: #fff;
padding-left: 20px;
padding-right: 20px;
margin-top: -2px;
font-size: 11px;
}
#footer ul {
width: 960px;
padding: 0px;
margin: 0px;
}
#footer ul li {
float: left;
padding: 0px 2px;
margin: 0px;
background: #fff url('../images/footer_li.gif') right no-repeat;
color: #A6ABAF;
}
#footer a.cms2day_link, #footer a.cms2day_link:hover {
text-decoration: none;
color: #000000;
font-size: 11px;
}
#footer a {
text-decoration: none;
color: #A6ABAF;
font-size: 11px;
}
#footer a:hover {
text-decoration: underline;
color: #A6ABAF;
font-size: 11px;
}