/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:#000;}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;}
html {
	background-image:url(/graphics/misc/bg_georg.jpg);
}

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

#background {
    width:100%;
    height:100%;
    background-repeat:repeat-x;
    z-index:1;
}

*html #background {
    position:absolute;
    height:580px;
}

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

#header ul {
	padding:0;
	margin:0;
	border:0;
}

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 {
    margin:0 auto;
    height:100%;
    width:850px;
    z-index:1;
}

#main {
    height:100%;
    background-color:#FFF;
    z-index:2;
}

#spacer {
    float:left;
    margin:0 0 0 0;
    width:14px;
    height:500px;
    /*background-image:url(/graphics/misc/content_schatten_links.gif);*/
    display:none;
}

*html #spacer {
    float:left;
    margin:0;
    clear:none;
}

#content {
    float:right;
    padding:48px 50px 30px 10px;
    width:567px;
    min-height:500px;
    font-size:1.1em;
    /*background-image:url(/graphics/misc/content_schatten_oben.gif);
    background-repeat:repeat-x;*/
    z-index:2;
}

#content h1 {
	background:no-background;
}

*html #content {
    height:500px;
    float:right;
}

#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;
}

#content td {
	padding:0 15px 10px 0;
	vertical-align:top;
}

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

*html #breadcrumbs {
    position:absolute;
    top:133px;
    left:50%;
    margin-left:-200px;
    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;
}

/******************************* LEFT NAVIGATION *******************************/
#leftNav {
    float:left;
    clear:left;
    padding:0;
    width:209px;
    /*height:0;*/
    color:#999;
    font-size:14px;
    font-weight:bold;
    z-index:5;
}

*html #leftNav {
    padding:1px 0 0 0;
    /*background-image:url(/graphics/nav/auffueller.gif);
    background-repeat:no-repeat;*/
}

#leftNav ul {
    padding:1px 0 0 0;
	margin:0;
    /*background-image:url(/graphics/nav/auffueller.gif);
    background-repeat:no-repeat;*/
}

*html #leftNav ul {
    padding:0;
    background-image:none;
}

/** dieser Teil bewirkt die anzeige des Listenschlusses **/

#leftNav ul ul {
    background-image:url(/graphics/nav/sublast.gif) !important;
    background-position:bottom !important;
    background-repeat:no-repeat !important;
    padding: 8px 0 11px 0 !important;
}

#leftNav ul ul ul, #leftNav ul ul ul ul, #leftNav ul ul ul ul ul, #leftNav ul ul ul ul ul ul {
    background-image: none !important;
    padding-bottom: 0 !important;
}

/** / dieser Teil bewirkt die anzeige des Listenschlusses **/

#leftNav ul ul {
    padding:0;
    background:none;
}

#leftNav a {
    color:#999;
    text-decoration:none;
}

#leftNav li {
    display:block;
    padding:0 0 0 0;
}

#leftNav ul li a.active {
    margin-top:-1px;
    padding:9px 0 0 26px;
    color:#446F51;
    background-image:url(/graphics/nav/top_active.gif);
    background-repeat:repeat-x;
}

#leftNav ul li.double a.double.active {
    background-image:url(/graphics/nav/top_active_double.gif);
    background-repeat:repeat-x;
    height:39px;
    margin-top: -2px;
    padding:9px 0px 0px 26px !important;
    color:#446F51;
}

#leftNav ul li a {
    display:block;
    padding:8px 0 0 26px;
    height:22px;
    background-image:url(/graphics/nav/trenner.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}

#leftNav li a.double {
    padding:7px 0 0 26px !important;
    height:39px;
}

#leftNav ul ul li {
    margin:0;
    padding:2px 0 0 0;
    height:14px;
    font-size:0.8em;
    font-weight:normal;
    background-image:none;
}

*html #leftNav ul ul li a {
    height:14px;
}

#leftNav ul ul li a.active {
    margin:0;
    padding:0 0 0 45px;
}

#leftNav .subfirst {
    padding:8px 0 0 0;
}

#leftNav .sublast {
    padding:2px 0 7px 0;
}

*html #leftNav .sublast {
    margin-bottom:-5px;
    padding:2px 0 3px 0;
}

#leftNav ul ul li a, #leftNav .subfirst a {
    padding:0 0 0 45px!important;
    background-image:url(/graphics/nav/arrow.gif)!important;
    background-repeat:no-repeat!important;
    background-position:35px 4px!important;
}

#leftNav a:hover {
	color:#446F51;
}

#leftNav .sublast a {
    display:block;
    padding:0 0 7px 45px;
    background-image:url(/graphics/nav/sublast.gif);
    background-position:top;
    background-repeat:no-repeat;
}

#leftNav ul ul li a:hover, #leftNav ul ul li a.active, #leftNav .subfirst a.active {
    background:none;
    font-weight:bold;
    color:#446F51;
    background-image:url(/graphics/nav/arrow_active.gif);
    background-repeat:no-repeat;
}

#leftNav .sublast a:hover, #leftNav .sublast a.active {
    color:#446F51;
    background-image:url(/graphics/nav/sublast_active.gif);
}

ul ul li.double a {padding-top:0px!important;height:28px!important;}
ul ul .double{height:28px!important;}


/**************************** 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:#00821E;
}

a:visited {
    text-decoration:none;
}

.back {
    font-weight:bold;
    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; }
.galeriepic{width: 140px; height: 140px; float: left; display: inline; vertical-align: middle;}
.galeriepic img{ }

