@import url("layout.css");
body {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 0.8em; color: #000; background-color: #ffffff; background-attachment: scroll;}

/* body */
#master {width: 900px; height: 676px; margin: 0 auto; position: relative; float: center;}
#container {width: 750px; height: 676px; margin-top: -676px; margin-left: 0 auto; background-image: url("../images/background-neu.png"); background-repeat: repeat-y; background-attachment: scroll; position: relative; float: right;}

/* navi */
#leftnavi {width: 150px; height: 676px; background-color:#4DB7DE;}
#navigation {position: relative; float: left; width: 150px; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #dcdcdc; border-right: 1px solid #a9a9a9; border-bottom: 1px solid #808080; border-left: 1px solid #a9a9a9; background-color: #fff;}
#language {position: relative; float: center; width: 150px; height: 100px; margin-top: 10px; margin-bottom: 10px;}

/* top */
#topimage {width: 900px; height: 130px; position: relative; float: center; background-image: url('../images/top_image.jpg'); background-repeat: repeat-y; background-attachment: scroll;}
#toptext {width: 800px; height: 100px; position: relative; float: center; position: relative}

/* Navigationsformatvorlagen*/
#navigation ul {list-style-type: none; width: 100%; display: block; margin: 0; padding: 0;}
#navigation li {display: block; margin: 0; padding: 0; border: 1px solid #fff; background-color: #fff;}
#navigation a {color: #3d6c87; font-weight: bold; text-decoration: none; display: block; padding: 5px; border: 1px solid #fff; background-color: #fff;}
#navigation a:hover {color: #fff; text-decoration: none; border: 1px solid #5f8ea9; background-color: #5f8ea9;}
.happydog {color: navy; text-decoration: none; font-weight: bold;}
.happydog a:active {color: navy; text-decoration: none; font-weight: bold;}
.happydog a:hover  {color: maroon; text-decoration: none; font-weight: bold;}


/* Menü-Items */
td.menu-bg {background-color:#4DB7DE; }
td.menuitem { color:#ffffff; font-family:tahoma,arial; font-size:10px; font-weight:bold; white-space:nowrap; text-transform:uppercase; }
td.menuitemactive { text-decoration:underline; color:#ffffff; font-family:tahoma,arial; font-size:10px; font-weight:bold; white-space:nowrap; text-transform:uppercase; }
td.menuitem a { color:#ffffff; text-decoration:none; }
td.menuitemactive a { color:#ffffff; text-decoration:underline; }
td.menudivider1 { background:url(../images/mark.gif) center center no-repeat; }
td.menudivider2 { background:url(../images/mark_blue.gif) center center no-repeat; }
td.menudivider4 { background:url(../images/mark_blue.gif) center center no-repeat; }
td.menumark2 { padding-right:17px; }
td.menudivider3 { background:url(../images/mark.gif) center center no-repeat; }
td.bottommenuitem { color:#4DB7DE; font-family:tahoma,arial; font-size:8pt; white-space:nowrap; text-transform:lowercase; }
td.bottommenudivider { background:url(../images/bottommenu_divider.gif) center center no-repeat; }
td.bottommenudivider1 { background:url(../images/bottommenu_divider_brown.gif) center center no-repeat; }
td.copy { font-family:tahoma,arial; font-size:10px; color:#878787; }
td.thatext { font-family:tahoma, arial; font-size:8pt; color:#505050; vertical-align:top; }
td.thatext a { color:#505050; }

/* Info-Bereich */
#infomaster {width: 480px; height: 100%; float: left; margin-top: 5px; position: relative;}
#infoslave {width: 250px; height: 100%; float: right; margin-top: 25px; margin-right: 10px; position: relative;}
.infotext0 { font-size:10px; color:#666666; font-family:franklingothicmediumc, verdana; font-weight:bold;}
.infotext1 { font-size:18px; color:#666666; font-family:franklingothicmediumc, verdana; font-weight:bold;}
.infotext2 { font-size:30px; color:#0000ff; font-family:franklingothicmediumc, verdana; font-weight:bold; float: center;}

#counter {width: 138px; height: 92px; float: center; margin-top: 40px; position: relative;}