html, body {
height:100%;
}

#spacer { 
width:1px;
height:50%;
background-color:#FFFFFF;
margin-bottom:-303px; /* half of container's height */
float:left;
z-index:1;
}

#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:606px;
width:920px;
clear:left;
z-index:2;
background-image:url(bilder/rahmen.gif);
/** EDIT BY MW */
}

#mainmenu {
position:absolute;
top:0px;
left:0px;
width:730px;
height:106px;
overflow:hidden;
z-index:3;
}

#menu1 {
position:relative; 
width:600px;
height:20px;
margin-top:10px;
text-align:left;
overflow:visible;
white-space:nowrap;
}

#menu2 {
position:relative; 
width:600px;
height:20px;
margin-top:5px;
text-align:center;
white-space:nowrap;
}

#menu3 {
position:relative; 
width:600px;
height:20px;
margin-top:5px;
text-align:center;
white-space:nowrap;
}



#content {
position:absolute;
top:107px;/*106 + Um 1 nach unten schieben, damit der 1px Rahmen vom #container sichtbar bleibt...*/
left:1px; /*Um 1 nach links schieben, damit der 1px Rahmen vom #container sichtbar bleibt...*/
width:730px; 
height:498px; /*NICHT 500, damit der 1px Rahmen vom #container unten und oben immer sichtbar ist...*/
/*overflow:hidden;*/
z-index:4;
}

#greenbox_absolute {
position:absolute;
top:106px;
left:730px;
width:190px;
z-index:10;
}
#greenbox_absolute_psslidegallerynew {
position:absolute;
top:106px;
left:730px;
width:190px;
z-index:11;
}


#greenbox {
position:absolute;
top:106px;
left:730px;
width:190px;
height:250px;
overflow:hidden;
background-image:url(bilder/kasten_gruen.gif);
z-index:5;
}

#greenbox_content {
position:absolute;
top:15px;
left:15px;
width:160px;
height:235px;
overflow:hidden;
z-index:5;
}


#greenbox_bottom {
position:absolute;
top:356px;
left:730px;
width:190px;
height:250px;
overflow:hidden;
z-index:6;
}

#greenbox_bottom_content {
position:absolute;
top:15px;
left:15px;
width:160px;
height:215px;
overflow:hidden;
z-index:6;
}


#bottom_wishlist_language {
position:absolute;
bottom:20px;
width:160px;
right:15px;
z-index:11;
}

#bottom_menu {
position:absolute;
bottom:5px;
right:15px;
width:160px;
height:15px;
text-align:right;
overflow:hidden;
z-index:7;
}


#logo {
position:absolute;
top:0px;
left:730px;
width:190px;
height:106px;
overflow:hidden;
z-index:7;
}




body {
text-align:center; /* horizontal centering for IE Win quirks */
margin:0px 0px 0px 0px; 
overflow:auto;
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
}

form {
margin:0px;
}

p {
margin:0px 0px 0px 0px;
}

img {
border:none;
}

table, tr, td, tbody, div {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
color: #2F2F31;
line-height: 16px;
}


a:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
line-height: 16px;
color: #2F2F31;
text-decoration:underline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
line-height: 16px;
color: #2F2F31;
text-decoration:underline;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
line-height: 16px;
color: #2F2F31;
text-decoration:none;
}

.lauftext {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
}


.tickertext {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
}
.tickertext a:link, .tickertext a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
}
.tickertext a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color: #83A819;
text-decoration: none;
line-height: 16px;
}



.bildtext {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration: none;
line-height: 14px;
}
.bildtext a:link, .bildtext a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration:underline;
line-height: 14px;
}
.bildtext a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration: none;
line-height: 14px;
}


.lauftext_weiss_13bold {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF;
text-decoration: none;
line-height: 20px;
font-weight:bold;
}


.lauftext_weiss {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
line-height: 15px;
}
.lauftext_weiss a:link, .lauftext_weiss a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
line-height: 15px;
text-decoration:underline;
} 
.lauftext_weiss a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-decoration: none;
line-height: 15px;
text-decoration:none;
}


.lauftext_gruen {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
text-decoration: none;
line-height: 16px;
}
.lauftext_gruen a:link, .lauftext_gruen a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
text-decoration: none;
line-height: 16px;
text-decoration:underline;
} 
.lauftext_gruen a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
text-decoration: none;
line-height: 16px;
text-decoration:none;
}




.link_gruen {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
font-weight:bold;
text-decoration: none;
line-height: 16px;
}
a.link_gruen:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
font-weight:bold;
text-decoration: none;
line-height: 16px;
} 
a.link_gruen:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
font-weight:bold;
text-decoration: none;
line-height: 16px;
} 
a.link_gruen:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #2F2F31;
font-weight:bold;
text-decoration: none;
line-height: 16px;
} 



.lauftext_rot {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FF0000;
text-decoration: none;
line-height: 16px;
}



.menu_unten, .menu_unten a:link, .menu_unten a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration: none;
line-height: 14px;
}
.menu_unten a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #83A819;
text-decoration: none;
line-height: 14px;
}

.menu_untenACT, .menu_untenACT a:link, .menu_untenACT a:visited, .menu_untenACT a:hover  {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #83A819;
text-decoration: none;
line-height: 14px;
}



.nummernmenu, .nummernmenu a:link, .nummernmenu a:visited, .nummernmenu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration:none;
line-height: 10px;
}
.nummernmenuACT, .nummernmenuACT a:link, .nummernmenuACT a:visited, .nummernmenuACT a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF;
text-decoration:none;
line-height: 10px;
}


.submenu, .submenu a:link, .submenu a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
}
.submenu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
text-decoration: none;
line-height: 16px;
}

.submenuACT, .submenuACT a:link, .submenuACT a:visited, .submenuACT a:hover  {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #83A819;
text-decoration: none;
line-height: 16px;
}

.languagemenu, .languagemenu a:link, .languagemenu a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #2F2F31;
text-decoration: none;
line-height: 16px;
text-transform:uppercase;
}
.languagemenu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #83A819;
text-decoration: none;
line-height: 16px;
text-transform:uppercase;
}


.inputfields {
width:600px;
}


h1 {
margin:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing: 0.5px;
color: #FFFFFF;
line-height: 23px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}

/*Cooles Hintergrundbild bei Bestaetigungsseiten Mailformulare*/
.submit_success {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000000;
	width:729px;
	height:499px;
	overflow:hidden;
	background-image:url(bilder/submit_success.jpg);
	text-align:left;
	

}
	.submit_success_inner {
		position:absolute;
		top:20px;
		left:20px;
		width:690px;
		color:#FFFFFF;
	}
/*--------*/


.popup_outer { position:absolute;z-index:10000;width:310px; top:200px; left:215px; overflow:hidden; border:1px solid #767676;}
.popup_transparent {z-index:10001;position:absolute;width:100%; height:6000px; background-color:#FFFFFF; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.popup_text {z-index:10002;position:relative;width:100%;width:280px;padding:15px;}
.popup_close {z-index:10003;position:absolute;right:5px; top:5px; width:11px; height:11px;overflow:hidden}


.popup_outer_philo { position:absolute;z-index:10000;width:485px; top:141px; left:230px; overflow:hidden; border:1px solid #767676;}
.popup_transparent_philo {z-index:10001;position:absolute;width:100%; height:6000px; background-color:#FFFFFF; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.popup_text_philo {z-index:10002;position:relative;width:100%;width:455px;padding:15px;}
.popup_close_philo {z-index:10003;position:absolute;right:5px; top:5px; width:11px; height:11px;overflow:hidden}




.philotext {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #83A819;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
}
.philotext a:link, .philotext a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #83A819;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
} 
.philotext a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #2F2F31;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
}


/*NEUES SPRACHMENÜ MIT YPMENU-SLIDE EFFEKT*/
.language_slide, .language_slide a:link, .language_slide a:visited, .language_slide a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #2F2F31;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
}
.language_slide_ACT, .language_slide_ACT a:link, .language_slide_ACT a:visited, .language_slide_ACT a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
}

/*BTN BESCHRIFTUNG*/
.btn_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	text-align:left;
	margin-left:0px;
	text-transform:uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
.btn_caption a:link, .btn_caption a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	text-align:left;
	margin-left:10px;
	text-transform:uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
.btn_caption a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	text-align:left;
	margin-left:10px;
	text-transform:uppercase;
	color: #2F2F31;
	text-decoration: none;
	font-weight:bold;
}

.btn_bg {
	position: relative; margin-bottom: 5px; height: 26px; width: 250px; background-image: url(bilder/btn_reg.gif);
}


/*NEUER DIVSCROLLER (MIT BALKEN STATT PFEILEN)*/
div.scrollholder_product
{
    position: relative;
    width: 160px; height: 95px;
    overflow: auto;
    z-index: 1;
	margin-top:90px;
    background-color: #FFFFFF;
}

div.scrollholder_menuright
{
    position: relative;
    width: 160px; height: 190px;
    overflow: auto;
    z-index: 1;
    background-color: #FFFFFF;
}

div.scrollholder_contentscroller
{
    position: absolute;
	top:0px;
	left:0px;
    width: 730px; height: 499px;
    overflow:auto;
	overflow-x:hidden;
    z-index: 1;
}

	


div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #E9E9E9;
	background-image:url(bilder/bg_scroll.gif);
	background-position:right;
	background-repeat:repeat-y;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 5;
	padding:11px 0px;
	background-image:url(bilder/bg_scroll_drag.gif);
	background-position:right;
	background-repeat:repeat-y;
}


/* css_styled_filelinks formatieren */
/* Die Zahl am Ende entspricht dem ausgewähltem Layout */
.filelinks_layout_0 {
}

.filelinks_layout_1 {
	color: black;
}


@media print{

 * { overflow: visible !important; }

}

/** EDIT BY MW */
.fb_share	{
	position:absolute;
	top:500px;
	padding-top:5px;
	background:#fff;
}

.heroDisplay	{ height:500px; position:absolute; z-index:1002; top:-1px; width:730px; }
.heroItem					{ position:absolute; top:128px; }
.heroItem .heroImage		{ height:115px; width:130px; background:url(/fileadmin/bilder/heroItemBackground.png) no-repeat 0 0; position:relative;  }
.heroItem .heroImage .img	{ height:76px; width:110px; overflow:hidden; position:absolute; top:8px; left:8px; text-align:center; }
.heroItem .heroImage .title	{ position:absolute; top:88px; left:8px;  }

a.connect_widget_like_button	{ padding:1px 2px !important; }
.connect_widget_text			{ display:none; } 
.fb_shareButton		{ margin-right:5px; height:30px; }
.fb_shareText		{ height:18px; }
.fb_shareText2		{ display:inline; margin-right:10px; height:25px; }
.fb_shareText img	{ vertical-align:text-bottom; }
.fb_shareText2 img	{ vertical-align:text-bottom; }
.fb_flash			{ position:absolute; left:-30px; }

.fb_like			{ margin-right:5px;vertical-align:middle }
.fb_link			{ position:absolute; right:10px; bottom:60px; height:92px; width:199px; background:url(/fileadmin/bilder/facebook.png) no-repeat; }
.fb_currentHeroes	{ position:absolute; right:30px; top:40px; height:30px; width:218px; background:url(/fileadmin/bilder/zwischenstand.png) no-repeat; }
.fb_currentHeroes:hover	{ background-image:url(/fileadmin/bilder/zwischenstandActive.png); }

.fb_howto			{  position:absolute; right:10px; top:40px; height:30px; width:250px; background:url(/fileadmin/bilder/sogehts.png) no-repeat; }
.fb_howto:hover		{  background:url(/fileadmin/bilder/sogehtsActive.png) no-repeat; }

.fb_attend			{  position:absolute; right:10px; bottom:20px; height:29px; width:363px; background:url(/fileadmin/bilder/vote.png) no-repeat; }
.fb_attend:hover	{  background:url(/fileadmin/bilder/voteActive.png) no-repeat; }

.formTable	a		{ color:#83a819; font-weight:bold; }

.formTable .preface	{ font-size:12px; color:#fff; margin:5px 15px; font-weight:bold; }
.formTable			{ position:absolute; left:10px; top:100px; }
.formTable td		{ color:#fff; vertical-align:top; }
.formTable td.label	{ text-align:right; padding:5px 5px 0 0; height:30px; width:100px; font-size:12px; }
.formTable label	{ font-weight:bold; color:#fff;}
.formTable input	{ border:1px solid white; background:#231e19; color:#fff; padding:3px 7px; height:24px; }
.formTable select	{ border:1px solid white; background:#231e19; color:#fff; padding:3px 3px 3px 7px; }		
.formTable div.error	{ color:#fff; font-size:10px; font-weight:bold; }
.checks				{ width:290px; }
.checks label		{ display:block; margin:0 0 5px 22px;}
.success			{ color:#FFFFFF; font-weight:bold; left:30px; position:absolute; top:100px; font-size:12px; }
.formTable .checkbox2 	{ border:none !important; background:transparent !important; margin-top:-3px; }

.fbStream			{ background:#fff; position:absolute; left:30px; top:340px; height:153px; overflow:hidden; }
.fb_iframe_widget iframe	{ height:190px; } 
input.fb_submit				{ border:none; background:url(/fileadmin/bilder/fb_submit.png); width:131px; height:28px; float:right; display:block; margin-top:5px; cursor:pointer; margin-right:23px; }
input.fb_submit:hover,
	input.fb_submitOver		{ border:none; background:url(/fileadmin/bilder/fb_submitActive.png); width:131px; height:28px; float:right; display:block; margin-top:5px; cursor:pointer; margin-right:23px; }
