/* CSS Document */
html {
width: 100%;
height: 98%;
}
body {
width: 100%;
height: 98%;
margin: 0;
background-color: #DFDDD0;
}
#siteWrap {
width: 100%;
height: 100%;
background-image: url(../images/logo_klein.gif);
background-repeat: no-repeat;
background-position: left top;
position:absolute;
top:0px;
left:0px;
}
#mainWrap {
width: 750px;
height: 100%;
position: relative;
background-color: #FFFFFF;
font-family: arial, tahoma;
font-size: 9pt;
margin: 0px auto 0px 144px;
}
/* header Menu */
#mainWrap .headerNav {
font-size: 9pt;
font-weight: bold;
width: 750px;
height: 19px;
position: absolute;
left: 0px;
top: 0px;
text-align: right;
margin-right: 10px;
}
#mainWrap span.headerNav-menuItem {
color: #BFC1AC;
padding: 0px 5px 0px 5px;
border-left: 1px solid #CAC9B9;
}
#mainWrap .headerNav a {
color: #838278;
text-decoration: none;
font-weight: bold;
}
#mainWrap .headerNav a:hover {
color: #D40D36;
}
/* header */
#mainWrap .header_spielstaetten {
width: 750px;
height: 46px;
position: absolute;
left: 0px;
top: 61px;
text-align: left;
}
#mainWrap .header_kartenservice {
width: 370px;
height: 20px;
position: absolute;
left: 375px;
top: 87px;
text-align: right;
}
a.kartenservice, a.kartenservice:hover, a.kartenservice:visited {
color: #D40D36;
text-decoration: none;
font-weight: bold;
font-size:8pt;
}
a.kartenservice:hover {
text-decoration:underline;
}
#mainWrap .CE_Bildleiste {
width: 750px;
height: 78px;
position: absolute;
left: 0px;
top: 107px;
}
#mainWrap div.menu_1 {
color: #FFFFFF;
width: 750px;
height: 26px;
position: absolute;
left: 0px;
top: 191px;
background-color: #B9B8A4;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
text-align: left;
}
#mainWrap .menu_1-menuItem img {
border-right: 1px solid #FFFFFF;
}
/* ---------------------------------------
menu_quick
---------------------------------------- */
#mainWrap #menu_quick-Wrap {
width: 750px;
height: 26px;
position: absolute;
left: 0px;
top: 219px;
background-color: #B9B8A4;
border-bottom: 1px solid #FFFFFF;
text-align: right;
padding: 3px 0px 0px 0px;
}
#mainWrap #menu_quick-Wrap .menu_quick {
/* border: 1px solid #000000; */
width: 225px;
text-align: right;
float: right;
padding: 2px 10px 0px 0px;
}
#mainWrap #menu_quick-Wrap .menu_quick select {
font-size: 8.5pt;
width: 220px;
}
#mainWrap #menu_quick-Wrap .menu_quick-title {
float: left;
/* border: 1px solid #000000; */
text-align: right;
width: 68%;
padding: 6px 0px 0px 0px;
}
/* ---------------------------------------
menu_2
---------------------------------------- */
.menu_2 {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.menu_2-menuItem-NO {
background-color: #D40D36;
font-family: arial;
color: #FFFFFF;
font-size: 8.5pt;
border-bottom: 1px solid #FFFFFF;
/* height: 21px; */
padding: 5px 10px 5px 10px;
display:block;
}
.menu_2-menuItem-NO a {
color: #FFFFFF;
display:block;
width:100%;
height:100%;
}
.menu_2-menuItem-NO a:link {
color: #FFFFFF;
text-decoration: none;
/* background-color: #D40D36; */
}
.menu_2-menuItem-NO a:hover {
text-decoration: underline;
/* background-color: #D40D36; */
}
.menu_2-menuItem-NO a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
/* background-color: #D40D36; */
}
.menu_2-menuItem-ACT {
font-family: arial;
font-size: 8.5pt;
background-color: #FFFFFF;
color: #D40D36;
/* height: 21px; */
padding: 5px 10px 5px 10px;
font-weight: normal;
}
.menu_2-menuItem-ACT a:link {
/* color: #D40D36; */
color: #000000;
text-decoration: none;
font-weight: normal;
}
.menu_2-menuItem-ACT a:visited {
color: #D40D36;
text-decoration: none;
font-weight: normal;
}
#pathNavWrap {
color: #000000;
font-size: 8pt;
width: 750px;
height: 12px;
position: absolute;
left: 0px;
top: 251px;
text-align: left;
}
#pathNavWrap .pathNav {
width: 75%;
padding-left: 20px;
float: left;
}
#pathNavWrap .pathNav a:link, a:visited {
color: #D40D36;
text-decoration: none;
}
#pathNavWrap .pathNav a:hover, a:active {
color: #D40D36;
text-decoration: underline;
font-weight: normal;
}
#pathNavWrap .printLink {
width: 15%;
text-align: right;
float: right;
padding-right: 20px;
}
#pathNavWrap .printLink a:link, a:visited {
color: #D40D36;
text-decoration: none;
font-weight: normal;
}
#pathNavWrap .printLink a:hover, a:active {
color: #D40D36;
text-decoration: underline;
}
#mainWrap div.seitenanfang {
padding: 20px;
font-size: 8.7pt;
font-weight: normal;
}
#mainWrap div.seitenanfang a {
font-weight: normal;
}
#mainWrap div.contentWrap {
/* IE 6 */
width: 750px;
height: auto;
background-color: #FFFFFF;
position: absolute;
left: 0px;
top: 298px;
text-align: left;
overflow: visible;
padding-left: 20px;
margin-bottom: 10px;
/* IE 6 */
width: 750px;
}
html>body #mainWrap div.contentWrap {
/* Firefox */
width: 730px;
}
#mainWrap div.contentWrap a {
color: #D40D36;
text-decoration: none;
font-weight: normal;
}
#mainWrap div.contentWrap a:link, a:visited {
color: #D40D36;
text-decoration: none;
font-weight: normal;
}
#mainWrap div.contentWrap a:hover, a:active {
color: #D40D36;
text-decoration: underline;
}
.csc-textpic-imagewrap {
padding: 0px;
margin:0;
}
.seitenanfang {
text-align: right;
}
/* ----------------------------------
Formulare
---------------------------------- */
table td {
font-family: arial;
font-size: 8.7pt;
padding-left: 10px;
}
input {
border: 1px solid #D40D36;
font-size: 8.7pt;
padding: 1px 5px 1px 5px;
}
input.felder {
border: 1px solid #D40D36;
font-size: 8.7pt;
padding: 1px 5px 1px 5px;
}
input.button {
width: auto;
background-color: #E30023;
color: #FFFFFF;
font-size: 8.7pt;
border: none;
padding: 3px 5px 3px 5px;
margin:0;
}
textarea {
font-family: arial;
border: 1px solid #D40D36;
font-size: 8.7pt;
padding: 3px 5px 3px 5px;
}
select {
border: 1px solid #D40D36;
font-size: 8.7pt;
}
/*---------------------------------------
Content-Typ ERWEITERTE TABELLE
---------------------------------------*/
#mainWrap div.contentWrap .tabelle {
width: 100%;
margin: 20px 0px 30px 0px;
border: none;
}
#mainWrap div.contentWrap .tabelle TH {
text-align: left;
font-family: Arial, sans-serif;
font-size: 10pt;
color: #649AB2;
font-weight: bold;
border-bottom: 3px solid #B9B8A4;
/* border-top: 2px solid #D3E0E1;
background-color: #FFFFFF; */
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
}
#mainWrap div.contentWrap .tabelle TD {
text-align: left;
font-family: Arial, sans-serif;
font-size : 8.8pt;
color : #000000;
font-weight: normal;
border-bottom: 1px solid #B9B8A4;
padding: 5px;
}
/* -----------------------------------------
Mailform
------------------------------------------- */
#contentWrap div.mailformWrap {
width: 100%;
}
#contentWrap div.mailformWrap table.mailform {
width: 100%;
color: #FFFFFF;
}
#contentWrap div.mailformWrap table.mailform td {
color: #FFFFFF;
font-size: 8pt;
margin:0;
padding: 5px;
}
#contentWrap div.mailformWrap table.mailform th {
height: 25px;
font-size: 9pt;
font-weight: bold;
background-color: #D8B18C;
border: 1px solid #D8B18C;
padding: 3px;
text-align: left;
}
/* ------------------------------------------
CE Text/Image // Image
-------------------------------------------- */
/*
#mainWrap div.contentWrap .csc-textpic-caption {
margin:0;
padding:0px;
}
*/
div.clearer {
clear: both;
}
/* ------------------------------------------
Kalender TABELLE
-------------------------------------------- */
td.inside {background-color:#666666; height:150px;}
/* NEWS */
div.news-latest-item { background-color:#F7F7F7; border:0px; margin-bottom:1px; margin-top:5px; padding:5px;
border-top-style:solid; border-top-width:1px; border-top-color:#E0E0E0;
/*border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E0E0E0;*/
}
div.news-latest-container { background-color:#FFFFFF;}
h1.csc-header-n1, h1.csc-header, h1.csc-firstHeader { padding-left:0px; margin-left:0px;}
div.news-latest-morelink { margin-top:5px; margin:0xp;padding:0px; }
/* FORUMLAR */
fieldset { border:none; }
div.csc-mailform-field label { display:block; float:left; width:200px; }
div.csc-mailform-field { margin-bottom:1px; background-color:#F7F7F7; padding:5px; clear:both; }
div.csc-mailform-field input, div.csc-mailform-field textarea { width:200px; }
div.csc-mailform-field input.csc-mailform-submit { width:70px;}
form#mailform { width:450px; }
/* Social Links */
#social {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#social_facebook,
#social_youtube {
display: block;
float: left;
width: 32px;
height: 32px;
text-indent: -999px;
margin: 10px 0 0 10px;
}
#social_facebook {
background: url(../images/icon_facebook_gray.png) no-repeat;
}
#social_youtube {
background: url(../images/icon_youtube_gray.png) no-repeat;
}
#social_facebook:hover {
background-image: url(../images/icon_facebook.png);
}
#social_youtube:hover {
background-image: url(../images/icon_youtube.png);
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */