/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}/*sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}*/input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

body {
    font-family:Arial,Verdana,sans-serif;
    color:#666;
    font-size:11px;
    width:100%;
    height:100%;
    z-index:0;
    background-image:url(/graphics/misc/bg_georg.jpg);
}

#background {
    position:relative;
    width:100%;
    min-height:100%;
    background-repeat: repeat-x;
    z-index:0;
}

#header {
    padding:35px 0 0 0;
    width:850px;
    height:86px;
}

h1.logo_at { height:52px; width:509px; background-image:url(/graphics/misc/logo_at.gif); }
h1.logo_de { height:52px; width:509px; background-image:url(/graphics/misc/logo_de.gif); }
h1.logo_fr { height:52px; width:509px; background-image:url(/graphics/misc/logo_fr.gif); }
h1.logo_hu { height:52px; width:509px; background-image:url(/graphics/misc/logo_hu.gif); }
h1.logo_cz { height:52px; width:509px; background-image:url(/graphics/misc/logo_cz.gif); }
h1.logo_uk { height:52px; width:509px; background-image:url(/graphics/misc/logo_uk.gif); }


h1 span {
    display:none;
}

h1 a {
	display:block;
	width:509px;
	height:52px;
}

#page {
    min-height:100%;
    margin:0 auto;
    width:850px;
    z-index:1;
}

#main {
    background-color:#FFF;
    z-index:4;
}

#content {
    padding:0;
    width:850px;
    min-height:450px;
    font-size:1.1em;
    z-index:2;
}

*html #content {
    height:450px;  
}

/************************ DEFINITIONEN STARTSEITEN CONTENT **************************/
#teaser {
    float:left;
    width:550px;
    height:320px;
    background-color:#ccc;
    margin: 8px; 
    
    display:inline;
    overflow:hidden;
}

#teaser h2, #teaser h3, #top_left p {
    color:#410000;
    padding:0;
}

#teaser h2 {
    font-size:2.1em;
    font-weight:bold;
}

#teaser h3 {
    font-size:2.1em;
    font-weight:normal;
}

#teaser p {
    padding:5px 0 5px 0;
}

#teaser a {
    padding:0;
    font-size:1.5em;
    color:#CC0000;
    text-decoration:none;
}

#termine {
    float:left;
    width:243px;
    height:95px;
    background-image:url(/graphics/startseite/termine.gif);
}

#neuheiten {
    float:left;
    width:243px;
    height:145px;
    background-image:url(/graphics/startseite/neuheiten.gif);
}
.topsep{
    display:block;
    margin:0;
    padding:0;
    height:8px;
    overflow:hidden;
}
div.box_seperator{
    float:left;
    display:block;
    margin:0;
    padding:0;
    height:1px;
    overflow:hidden;
    width:275px;
    background-color:#ffffff;
    background-image:url(/graphics/startseite/trenner_news.gif);
    background-repeat:repeat-x;
}
.teaserbox {
	float:left;
	width:259px;
	height:143px;
	padding:8px;
	margin:0px 8px 0px 0;
	background-color:#ffffff;
	background-image:url(/graphics/startseite/bg_news.jpg);
	background-repeat:repeat-x;
}

.teaserbox h2 {
    padding:0;
    font-size:0.9em;
    text-transform:uppercase;
    font-weight:100;
    color:#12301B;
}

.teaserbox h3 {
    padding:0 0 4px 0;
    font-size:1.3em;
    font-weight:bold;
    color:#568C66;
}

.teaserbox p {
    padding:0;
    font-size:1em;
}

.teaserbox a {
    text-decoration:none;
    font-weight:bold;
    color:#568C66;
}


#termine, #neuheiten {
    padding:20px;
    background-repeat:repeat-x;
}

#termine h2, #neuheiten h2 {
    padding:0;
    font-size:0.9em;
    text-transform:uppercase;
    font-weight:100;
    color:#12301B;
}

#termine h3, #neuheiten h3 {
    padding:0 0 4px 0;
    font-size:1.3em;
    font-weight:bold;
    color:#568C66;
}

#termine p, #neuheiten p {
    padding:0;
    font-size:1em;
}

#termine a, #neuheiten a {
    text-decoration:none;
    font-weight:bold;
    color:#568C66;
}

#bottom {
    float:left;
    width:833px;
    height:130px;
    margin:0 8px 0 8px;
    _margin:0 4px 0 4px;
    padding:0;
    background-color:#ffffff;
    display:block;
}
#bottom img{
    margin:0;
    padding:0;
    border:none;
    float:left;
}
#bottom .spiele{
    margin-left:9px
}
#bottom .activity{
    margin-left:8px
}
#bottom .puzzles{
    margin-left:8px
}
#bottom .poker{
    margin-left:8px
}
#close {
    clear:both;
    bottom:0;
    left:0;
    height:5px;
    width:850px;
    background-image:url(/graphics/misc/content_abschluss.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}

#breadcrumbs {
    position:absolute;
    top:150px;
    left:50%;
    margin-left:-190px;
    z-index:4;
}

*html #trickforIE6 {
    position:relative;
}

#breadcrumbs a {
    color:#999;
    font-size:1em;
    text-decoration:none;
}

#sprachwahl {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-425px;
    font-size:1em;
    color:#00B127;
    z-index:5;
}

div#sprachwahl a.country_chooser {
        padding-right:10px;
}

#sprachwahl a {
    text-decoration:none;
    color:#00B127;
}

#sprachwahl a.active {
    color:#FFF;
}

#searchfield {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:100px;
    width:325px;
    line-height:14px;
    text-align:right;
    z-index:6;
    color:#00B127;
}

#searchfield input {
    float:right;
    margin:0 4px 0 0;
    color:#002107;
    height:14px;
    border:0;
    background-color:#00B127;
}

#searchfield p {
    float:right;
    font-size:1.0em;
}

#searchfield img {
    float:right;
    padding:0 0 0 12px;
}

#query {
    padding:0 0 0 5px;
    width:95px;
    float:right;
}

/******************************* MAIN NAVIGATION *******************************/
ul#mainNav li {
    float:left;
    height:34px;
    padding:0 2px 0 0;
    background-repeat:no-repeat;
}

ul#mainNav li.last {
    padding:0;
}

ul#mainNav li a {
    display:block;
    height:34px;
}

ul#mainNav li a:hover {
    background-position:bottom;
}

ul#mainNav li span {
   display:none;
}

#spielekarten a {
    background-image:url(/graphics/nav/main/de/spielekarten.gif);
    width:140px;
}

#spiele a {
    background-image:url(/graphics/nav/main/de/spiele.gif);
    width:139px;
}

#activity a {
    background-image:url(/graphics/nav/main/de/activity.gif);
    width:139px;
}

#puzzles a {
    background-image:url(/graphics/nav/main/de/puzzles.gif);
    width:142px;
}

#spezial a {
    background-image:url(/graphics/nav/main/de/spezial.gif);
    width:141px;
}

#unternehmen a {
    background-image:url(/graphics/nav/main/de/unternehmen.gif);
    width:139px;
}

a#active {
    background-position:center;
}

/**************************** IMPRESSUM NAVIGATION ****************************/

#imprint {
    position:absolute;
    top:62px;
    left:50%;
    margin-left:100px;
    width:325px;
    text-align:right;
    color:#00B127;
}

#imprint a {
    padding:0 0 0 10px;
    color:#00B127;
    text-decoration:none;
}

#imprint span {
    font-size:0.8em;
}

/******************************* FOOTER *******************************/
#footer {
    position:relative;
    float:left;
    width:850px;
    line-height:1.5em;
    font-size:1em;
    color:#FFF;
    text-align:center;
    background-color:transparent;
}

#contact {
    padding:5px 150px 20px 150px;
    width:550px;
}

#contact img {
    margin:5px 0 0 0;
}

#countries {
    width:100%;
    color:#00B127;
    font-size:1.1em;
    text-align:center;
}

#countries div {
    display:inline;
    width:auto;
}

#countries a {
    color:#00B127;
    text-decoration:none;
}

#countries div.bull {
    padding:0 10px 30px 10px;
}
/** -- Eigene Styleangaben hier eingeben -- **/

h2, h3, h4, h5, h6 {
    font-weight:bold;
    padding:10px 0 14px 0;
}

h2, h4, h6 {
    color:#06571C;
}

h2, h3 {
    font-size:1.2em;
}

h4, h5 {
    font-size:1.1em;
}

h6 {
    margin-top:-24px;
}

p {
    padding:0 0 10px 0;
}

a {
   color:#06571C;
}

a:hover {
    color:#00EB35;
}

a:visited {
    text-decoration:none;
}

/** -- Allgemeine Definitionen
/** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden
*/
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
blockquote{ padding: 0 20px; }
.invisible { display: none; }
.clear { clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }