﻿/***** © zeta software GmbH 2008
Layout: Beauty *****/

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #FFFFFF;
    padding             : 0;
    margin              : 0;
    text-align          : center;
    background-color    : #FFFFFF;
    background-image    : url();
    background-repeat   : repeat;
}

fieldset, div {
    border: none;
    padding: 0;
    margin: 0;
}

h1, h2 ,h3 ,h4 ,h5 ,h6 {
    padding             : 0;
    margin              : 0;
}
p {
	padding : 0 0 10px 0;
	margin : 0;
}
a img {
    border              : none;
}
a {
    color               : #BB6F89;
    text-decoration     : underline;
}
a:hover {
    color               : #333333;
    text-decoration     : underline;
}

.clear {
    clear               : both;
}

.left {
    float               : left;
}
.right {
    float               : right;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}
img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

ul,ol {
	margin: 0 0 10px 15px;
	padding: 0;
}
ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	list-style: disc;
}
ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	list-style: decimal;
}
td {
	vertical-align: top;
}

/* Frame */
div#frame {
    text-align          : left;
    width               : 980px;
    margin              : 0 auto;
    padding             : 0;
    text-align          : left;
    position: relative;

}

/* Top Menu */
div#top_menu {
	position: absolute;
    top: 0;
    left:0;
    z-index: 3;
    width: 980px;
}
div#logo {
    position: absolute;
    top: 0;
    left:0;
    z-index:1;
}
div#logo_image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
div#top_menu div#webname {
    padding-left        : 105px;
    margin-top          : 30px;
    float               : left;
}
div#top_menu div#webname h1 {
    font-size           : 22px;
    font-weight         : bold;
    color               : #9933FF;
    text-transform      : uppercase;
    margin-bottom       : 0;
}
div#top_menu div#webname h2 {
    font-size           : 17px;
    font-weight         : bold;
    color               : #993399;
    margin-bottom       : 0;
}

div#top_menu form {
	margin: 0;
	padding: 0;
}

div#top_menu form#search {
	float: left;
    padding             : 18px 7px;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : right center;
}
div#top_menu form#search fieldset {
    margin         : 0;
}
div#top_menu form#search fieldset input.field {
    border              : 1px solid #9933FF;
    color               : #333333;
    font-size           : 11px;
    padding-left        : 3px;
    margin-right        : 1px;
}
div#top_menu form#search fieldset input.submit {
    background-color    : #CC00FF;
    border              : 1px solid #993399;
    color               : #FFFFFF;
    font-weight         : bold;
    font-size           : 11px;
}
div#top_menu div#top_nav {
    float               : right;
    height              : 73px;
    padding-top         : 15px;
}
div#top_menu div#top_nav ul {
    height              : 55px;
    padding             : 0;
    margin              : 0;
    list-style-type     : none;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    white-space         : nowrap;
}
div#top_menu div#top_nav ul li {
    padding             : 0;
    margin              : 0;
    display             : inline;
    font-size           : 11px;
    color               : #9933FF;
}
div#top_menu div#top_nav ul li a {
    height              : 55px;
    line-height         : 55px;
    display             : block;
    float               : left;
    text-transform      : uppercase;
    text-decoration     : none;
    font-size           : 11px;
    color               : #9933FF;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : right center;
    padding-left        : 8px;
    padding-right       : 8px;
}
div#top_menu div#top_nav ul li a:hover {
    font-size           : 11px;
    color               : #55552B;
    text-decoration     : underline;
}



/* Header */
div#header {
    width               : 980px;
    height              : 205px;
    background-color    : #FFFFFF;
    background-image    : url(../media/images/banner_pinball1-03.jpg);
    background-repeat   : no-repeat;
    background-position : left bottom;
}

/* Left Frame */
div#left_frame_1 {
    float               : left;
    width: 159px;
}

div#left_frame_2 {
    float               : left;
    width: 299px;
}

div#left_frame div.left_image {
	width:  300;
	height: 200;
}

/* Content */
div#content_frame {
    margin              : 0 1px;
    background-image    : url(../_media/stock-images/content_frame_bg.png);
    background-repeat   : repeat-x;
    background-position : 0 0;
    min-height          : 450px;
    padding             : 20px 25px;
    background-color    : #FFFFFF;
    overflow: hidden;
}
div#content {
    background-image    : url();
    background-repeat   : no-repeat;
    background-position : right bottom;
    padding-bottom      : 75px;
    min-height          : 400px;
}
div#content div#content_background {
    display             : none;
}
div#content div.articlearea {
	margin: 0 0 20px 0;
	padding: 0;
    font-size: 12px;
    color: #55552B;
}
div#content div.articlearea img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}
div#content div.articlearea .bildunterschrift {
    display: block;
	padding-top: 6px;
	font-size: 10px;
	color: #55552B;
}

div#content h1 {
    font-size           : 15px;
    color               : #55552B;
    font-weight         : bold;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 20px;
}

/* Right Frame */
div#right_frame {
    min-height          : 400px;
    line-height         : 15px;
    width               : 200px;
    float               : right;
    padding-bottom      : 20px;
    background          : #CC99FF;
}

/* Newsblock */
div#right_frame div.newsblock {
    background          : #CC99FF;
    padding             : 20px 20px 0 20px;
}
div#right_frame div.newsblock img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}
div#right_frame div.newsblock h2 {
    color               : #FFFFFF;
    font-size           : 13px;
    font-weight         : bold;
    margin-bottom       : 10px;
}
div#right_frame div.newsblock div.newscontent {
    padding-bottom      : 10px;
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : normal;
    background-image    : url(../_media/stock-images/newsblock_line.gif);
    background-repeat   : repeat-x;
    background-position : left bottom;
}
div#right_frame div.newsblock div.newscontent p {
	margin: 0 0 10px 0;
	padding: 0;
}

/***** TEASER *****/
.teaser-headline {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}

#banner {
	margin: 0 auto;
	padding: 5px 0 5px 10px;
	width: 970px;
	text-align:left;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC99FF;
}

#afterlogo {
	margin: 0 0 1px 0;
	padding: 3px 10px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC99FF;
}

#aftermenu {
    clear: both;
	width: 139px;
	margin: 0;
	padding: 10px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC99FF;
}

#beforenews {
    background-color: #CC99FF;
    padding: 20px;
    font-size: 11px;
    color: #FFFFFF;
	background-color: #CC99FF;
}

#afternews {
	margin: 20px 0 0 0;
    padding: 20px;
    font-size: 11px;
    color: #FFFFFF;
	background-color: #CC99FF;
}

#afterfooter {
	margin: 0 0 0 160px;
	padding: 3px 0 3px 10px;
  	font-size: 11px;
    color: #FFFFFF;
	background-color: #CC99FF;
}

#banner p,#afterlogo p,#aftermenu p,#beforenews p,#afternews p,#afterfooter p {
	margin: 0;
	padding: 0;
}

#banner img,#afterlogo img,#aftermenu img,#beforenews img,#afternews img,#afterfooter img {
	display: block;
}

/* Breadcrumb */
div#breadcrumb {
    color               : #FFFFFF;
    font-size           : 11px;
    border-top          : 1px solid #7FBBBB;
    border-bottom       : 1px solid #7FBBBB;
    background-color    : #993399;
    height              : 19px;
    line-height         : 19px;
    padding-left        : 325px;
    margin-bottom       : 1px;
    background-image    : url();
    background-repeat   : no-repeat;
    background-position : 301px center;
}
div#breadcrumb a {
    color               : #FFFFFF;
    font-size           : 11px;
    text-decoration     : none;
}
div#breadcrumb a:hover {
    text-decoration     : underline;
    color               : #333333;
}
/* Footer */
div#footer {
    border-top          : 1px solid #CC99FF;
    color               : #999999;
    font-size           : 11px;
    text-align          : center;
    margin-left         : 160px;
    padding-right       : 40px;
    padding-top: 5px;
    background-color    : #FFFFFF;
    background-image    : url();
}

div#left_navi {
    min-height          : 140px;
    background-color    : #9900CC;
    width               : 159px;
    float               : left;
    padding-bottom      : 20px;
	background-image    : url();
}
div#right_navi {
    background-color    : #9900FF;
    min-height          : 230px;
    width               : 140px;
    float               : right;
    padding-bottom      : 20px;
}

/***** MENU *****/
/* 1. level */
.menu1area {
	padding             : 10px;
    padding-bottom      : 0;
}
a.menu1:link,
a.menu1:visited,
a.menu1:active {
    display             : block;
	margin              : 0;
	padding             : 3px 0 5px 0;
	color               : #FFFFFF;
	font-size           : 12px;
	font-weight         : normal;
	text-decoration     : none;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu1:hover {
	padding             : 3px 0 5px 0;
	color               : #FFFFFF;
    text-decoration     : underline;
	font-size           : 12px;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
	padding             : 3px 0 5px 0;
    display             : block;
	color               : #FFFFFF;
	font-size           : 12px;
	font-weight         : bold;
    text-decoration     : none;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu1active:hover {
    text-decoration     : underline;
}

/* 2. level */
.menu2area {
	margin              : 0;
	padding             : 10px;
    padding-bottom      : 20px;
}
a.menu2:link,
a.menu2:visited,
a.menu2:active {
	display             : block;
	padding             : 3px 0 5px 0;
	color               : #FFFFFF;
	font-size           : 11px;
	font-weight         : normal;
	text-decoration     : none;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu2:hover {
	color               : #FFFFFF;
	font-size           : 11px;
    text-decoration     : underline;
}
a.menu2active:link,
a.menu2active:visited,
a.menu2active:active {
	padding             : 3px 0 5px 0;
    display             : block;
    text-decoration     : none;
	color               : #FFFFFF;
	font-size           : 11px;
	font-weight         : bold;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu2active:hover {
    text-decoration     : underline;
}

/* 3. level */
.menu3area {
    background-color    : #CC99FF;
	margin              : 0;
	padding             : 10px;
    padding-bottom      : 10px;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu3:link,
a.menu3:visited,
a.menu3:active {
    display             : block;
	padding             : 0 0 2px 0;
	color               : #55552B;
	font-size           : 11px;
	font-weight         : normal;
	text-decoration     : none;
}
a.menu3:hover {
	color               : #55552B;
	font-size           : 11px;
    text-decoration     : underline;
}
a.menu3active:link,
a.menu3active:visited,
a.menu3active:active {
    display             : block;
	padding             : 0 0 2px 0;
	color               : #FFFFFF;
	font-size           : 11px;
	font-weight         : bold;
    text-decoration     : none;
}
a.menu3active:hover {
    text-decoration     : underline;
}

/***** FORM *****/
form {
    border: none;
    padding: 0;
    margin: 5px 0 0 0;
}

#formular {
	margin: 0;
	padding: 0;
}

#formular p {
	margin: 0;
	padding: 0;
}

#formular table {
	margin: 0;
	padding: 0;
	border: 1px solid #CC99FF;
	background-color: #E6E6E6;
}

#formular td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 10px 10px 10px 5px;
	margin: 0;
}

#formular input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular .label,#formular .desc {
	padding: 1px 15px 1px 8px;
	background-color: #E6E6E6;
}

#formular .submit {
	padding: 1px 15px 10px 8px;
	background-color: #E6E6E6;
}

.separator {
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #CC99FF;
}

#formular .multiline {
	padding: 8px 15px 1px 8px;
	vertical-align: top;
}

.desc {
	padding: 4px 15px 4px 8px;
}

/***** FLASH *****/
#flashcontent {
	margin: 0;
	padding: 0;
}

/* Opera-Hack */
@media screen and (min-width: 0px) {
  div#top_menu div#top_nav ul li.last {
      float               : right;
      margin-left         : -5px;
  }
}

/***** NOSCRIPT *****/
#noscript {
	margin: 0;
	padding: 15px;
	font-weight: bold;
	background: #ffffff;
	border: 1px solid #000000;
}

/***** PRINT *****/
#print {
	display: none;
}