/* ----------Standarts-------------- */
html, body {
margin : 0;
padding : 0;
font-size : 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #cfd3d8;
text-align : center;
}
img {
padding : 0;
margin : 0;
border : none;
display : inline;
vertical-align : top;
}
strong {
font-weight : bold;
}
.hide {
display : none;
}

/* ----------Standart Links-------------- */
A:link {
color : #000000;
text-decoration : underline;
}
A:visited {
color : #000000;
text-decoration : underline;
}
A:focus {
color : #000000;
text-decoration : none;
}
A:active {
color : #000000;
text-decoration : none;
}
A:hover {
color : #000000;
text-decoration : none;
}



/* ----------Print-------------- */
.headerprint {
display : none;
}

#footer li.print {
display : none;
}

/* ----------Layout-------------- */
#body {
width : 54em;
margin : 1em auto;
background-color : transparent;
}
#topnav {
position : relative;
height : 1.25em;
background-color : transparent;
width : 100%;
padding-top : 0.4em;
padding-bottom : 0.4em;
text-align : right;
}
.topnav {
font-size : 0.6em;
}
.topnav UL {
padding : 0;
margin : 0.8em;
background-color : transparent;
list-style : none;
display : inline;
}
.topnav LI {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.topnav A:link, .topnav A:visited {
color : #000000;
text-decoration : none;
}
.topnav A:focus, .topnav A:hover, .topnav A:active {
color : #000000;
text-decoration : underline;
}
#header {
position : relative;
height : 9.25em;
background-color : #ffffff;
width : 100%;
padding-top : 0.4em;
padding-bottom : 0.4em;
}
.headerlogo {
padding : 0;
margin : 0;
float : left;
left : 0.4em;
position : relative;
width : 12em;
height : 6.75em;
}
.headerimage {
padding : 0;
margin : 0;
float : right;
right : 0.4em;
position : relative;
width : 40.6em;
height : 6.75em;
}
#headernav {
padding : 0;
margin : 0.6em 0 0 0;
float : left;
left : 0.4em;
position : relative;
width : 40.6em;
height : 1.9em;
background-color : #000000;
text-align : left;
}
.headernav {
padding : 0.55em 0 0 0.55em;
font-size : 0.8em;
color : #ffffff;
text-transform : uppercase;
}
.headernav UL {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.headernav LI {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.headernav A:link, .headernav A:visited {
font-weight : bold;
color : #ffffff;
text-decoration : none;
}
.headernav A:focus, .headernav A:hover, .headernav A:active {
font-weight : bold;
color : #ffffff;
text-decoration : underline;
}
#headersearch {
padding : 0;
margin : 0.6em 0 0 0;
float : right;
right : 0.4em;
position : relative;
width : 12em;
height : 1.9em;
background-color : #696969;
text-align : center;
}
.headersearch {
padding : 0;
margin : 0.2em 0 0 0;
font-size : 100%;
}
select.headerselect {
border : none;
background-color : #696969;
color : #ffffff;
font-weight : bold;
}
#wrapper {
padding : 0.4em 0 1.25em 0;
margin : 0.2em 0 0 0;
height : 100%;
background-color : #ffffff;
}
#twocols {
width : 41.6em;
float : right;
position : relative;
height : 100%;
}
#leftcol {
width : 12em;
float : left;
left : 0.4em;
position : relative;
background-color : transparent;
height : 100%;
text-align : left;
}
#rightcol {
width : 12em;
float : right;
right : 0.4em;
position : relative;
background-color : transparent;
height : 100%;
text-align : left;
}
#maincol {
float : left;
display : inline;
position : relative;
width : 28em;
margin : 0 0.6em 0 0.6em;
height : 100%;
text-align : left;
}
#footer {
height : 1.25em;
padding : 0.4em 0.7em 0 0;
margin : 0;
background-color : transparent;
text-align : right;
clear : both;
}
.footernav {
font-size : 0.6em;
color : #000000;
}
.footernav UL {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.footernav LI {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.footernav A:link, .footernav A:visited {
color : #000000;
text-decoration : none;
}
.footernav A:focus, .footernav A:hover, .footernav A:active {
color : #000000;
text-decoration : underline;
}
/* ----------Float containers fix-------------- */
.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-------------- */

/* ----------Farbeistellungen-------------- */
/* ----------Farbe der einzelnden Kategorien-------------- */
.colorstart {
background-color : #666fff;
}
.coloraktuelles {
background-color : #666fff;
}
.colorservice {
background-color : #666fff;
}
.colorkartbahn {
background-color : #b366ff;
}
.colorveranstaltungen {
background-color : #ff6666;
}
.colorkids {
background-color : #ffb366;
}
.colorbistro {
background-color : #d9d957;
}
.colorcontent {
background-color : #f2f2f2;
color : #000000;
}
/* ----------LeftNav-------------- */
.navstart, .navaktuelles, .navkartbahn, .navveranstaltungen, .navkids, .navbistro, .navservice {
width : 12em;
}
.navstart UL, .navaktuelles UL, .navkartbahn UL, .navveranstaltungen UL, .navkids UL, .navbistro UL, .navservice UL {
padding : 0;
margin : 0;
font-size : 0.8em;
color : #000000;
background-color : transparent;
}
.navstart LI, .navaktuelles LI, .navkartbahn LI, .navveranstaltungen LI, .navkids LI, .navbistro LI, .navservice LI {
padding : 0;
margin : 0;
list-style : none;
border-left : 1px solid #000000;
border-bottom : 1px solid #000000;
text-align : left;
background-color : #ffffff;
}
.navstart A, .navaktuelles A, .navkartbahn A, .navveranstaltungen A, .navkids A, .navbistro A, .navservice A {
padding : 0.4em 0.5em 0.4em 0.9em;
margin : 0;
display : block;
text-decoration : none;
}
.navstart A:link, .navstart A:visited, .navaktuelles A:link, .navaktuelles A:visited, .navkartbahn A:link, .navkartbahn A:visited, .navveranstaltungen A:link, .navveranstaltungen A:visited, .navkids A:link, .navkids A:visited, .navbistro A:link, .navbistro A:visited, .navservice A:link, .navservice A:visited {
color : #000000;
}
.navstart A:focus, .navstart A:hover, .navstart A:active {
font-weight : bold;
color : #000000;
background : #666fff;
border-left : 0.2em solid #3333ff;
}
.navaktuelles A:focus, .navaktuelles A:hover, .navaktuelles A:active {
font-weight : bold;
color : #000000;
background : #666fff;
border-left : 0.2em solid #3333ff;
}
.navservice A:focus, .navservice A:hover, .navservice A:active {
font-weight : bold;
color : #000000;
background : #666fff;
border-left : 0.2em solid #3333ff;
}
.navkartbahn A:focus, .navkartbahn A:hover, .navkartbahn A:active {
font-weight : bold;
color : #000000;
background : #b366ff;
border-left : 0.2em solid #9933ff;
}
.navveranstaltungen A:focus, .navveranstaltungen A:hover, .navveranstaltungen A:active {
font-weight : bold;
color : #000000;
background : #ff6666;
border-left : 0.2em solid #ff3333;
}
.navkids A:focus, .navkids A:hover, .navkids A:active {
font-weight : bold;
color : #000000;
background : #ffb366;
border-left : 0.2em solid #ff9933;
}
.navbistro A:focus, .navbistro A:hover, .navbistro A:active {
font-weight : bold;
color : #000000;
background : #d9d957;
border-left : 0.2em solid #d0d02f;
}
/* ----------Texteinstellungen-------------- */
/* ----------Content Headline usw-------------- */
H1 {
padding-left : 0.5em;
margin : 0 0 0 0;
text-align : left;
font-size : 0.8em;
vertical-align : middle;
line-height : 1.3em;
border-bottom : 1px solid #ffffff;
text-transform : uppercase;
letter-spacing : 0.1em;
}
H1.main {
padding : 0 0 0 0;
margin : 0 0 0 0;
text-align : left;
font-size : 0.8em;
vertical-align : middle;
line-height : 1.3em;
border-bottom : 1px solid #ffffff;
text-transform : uppercase;
letter-spacing : 0.1em;
}
H2 {
padding : 0.5em 0 0.5em 0;
margin : 0;
font-size : 0.7em;
text-align : justify;
}
P {
padding : 0.5em 0 0.5em 0;
margin : 0 0 0 0;
font-size : 0.7em;
text-align : justify;
}
.smallgray {
padding : 0.1em 0 0.5em 0;
margin : 0 0 0 0;
font-size : 0.5em;
color : gray;
}
.mainwrapper {
padding : 0 0.5em 0.5em 0.5em;
margin : 0;
height : 100%;
background-color : transparent;
}
.rightwrapper {
padding : 0.5em;
margin : 0;
height : 100%;
font-size : 0.7em;
}
.mainleft {
padding : 0;
margin : 0;
float : left;
left : 0;
width : 13.25em;
position : relative;
background-color : transparent;
text-align : left;
}
.mainright {
padding : 0;
margin : 0;
float : right;
right : 0;
width : 13.25em;
position : relative;
background-color : transparent;
text-align : right;
}
.mainrightmap {
padding : 0;
margin : 0;
float : right;
right : 0;
width : 13.25em;
position : relative;
background-color : transparent;
text-align : left;
}
.mainlist {
padding : 0.5em 0 0.5em 0;
font-size : 0.7em;
}
.mainlist UL, .mainlist LI {
padding : 0 0 0 0;
margin : 0 0 0 0;
list-style : none;
background-color : transparent;
}
.mainlistmap {
padding : 0.5em 0 0.5em 1.5em;
font-size : 0.7em;
}
.mainlistmap UL, .mainlistmap LI {
padding : 0;
margin : 0;
list-style : square;
background-color : transparent;
}
.picturemoved {
padding : 0 0 0 0;
margin : 0.4em 0.5em 0.5em 0;
float : left;
}
/* ----------ContentFooterNav-------------- */
.mainnav {
padding : 0.5em;
font-size : 0.6em;
color : #000000;
border-top : 1px solid #000000;
}
.mainnav UL {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.mainnav LI {
padding : 0;
margin : 0;
background-color : transparent;
list-style : none;
display : inline;
}
.mainnav A:link, .mainnav A:visited {
color : #000000;
text-decoration : none;
}
.mainnav A:focus, .mainnav A:hover, .mainnav A:active {
color : #000000;
text-decoration : underline;
}
/* ----------Formular-------------- */
form {
padding : 0 0 0 0;
margin : 0 0 0 0;
}
fieldset {
padding : 0.5em 0 0.7em 0;
margin : 0 0 0 0;
border : none;
font-size : 0.7em;
}
fieldset.right {
text-align : right;
}
legend {
display : none;
}
label.left {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
float : left;
}
label.right {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
clear : none;
float : left;
width : auto;
text-align : left;
}
input.feed, select.feed {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #000000;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 15em;
}
input.feedplz {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #000000;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 4.5em;
}
input.feedstadt {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #000000;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 10em;
}
input.feedfalse, select.feedfalse {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #cc0000;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 15em;
}
input.left {
padding : 0 0 0 0;
margin : 0.6em 0.5em 0 0;
clear : both;
float : left;
width : auto;
}
input.form-button {
padding : 0 0.5em 0 0.5em;
margin : 0.6em 0 0 0;
width : auto;
height : 2em;
border : 1px solid #000000;
background-color : #ffffff;
font-size : 100%;
font-weight : bold;
text-transform : uppercase;
}
textarea.feed {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #000000;
overflow : auto;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 24em;
height : 7em;
}
textarea.feedfalse {
padding : 0 0 0 0;
margin : 0.6em 0 0 0;
border : 1px solid #cc0000;
overflow : auto;
font-size : 110%;
color : #000000;
background-color : #f5f5f5;
width : 24em;
height : 7em;
}
label, select, input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"] {
cursor : pointer;
}
.sternchen, .notification {
font-size : 120%;
font-weight : bold;
color : #cc0000;
}
p.fehler {
color : #ff0000;
font-weight : bold;
}