/* CSS Document */

body { margin:0; padding:0;
	background-color:#bfc5b7;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

table { margin:0; padding:0; border-collapse:collapse; }
tr { vertical-align:top; }
td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#04421e; padding:2px 10px 2px 0; margin:0; }

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#04421e; margin:0 0 10px 0; }
td p { margin:0 0 0 0; }

img { border:0; }


h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#04421e; font-size:14px; font-weight:normal; margin:0 0 10px 0; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#04421e; font-size:14px; font-weight:normal; margin:15px 0 0 0; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#04421e; font-size:11px; font-weight:bold; margin:15px 0 10px 0; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#04421e; font-size:11px; font-weight:bold; margin:10px 0 0 0; }
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#04421e; font-size:11px; font-weight:normal; font-style:italic; margin:10px 0 0 0; }

.larger { font-size:14px; }

.left { float:left; }
.right { float:right; }

img.left { float:left; margin:0 10px 10px 0; }
img.right { float:right; margin:0 0 10px 10px; }

#page {
	background-color:#bfc5b7;
	padding:70px 0 90px 0;
	margin:0 auto;
	text-align:left;
	position:relative;
	width:1000px;
	overflow:hidden;
	}

#popupPage {
	background-color:#bfc5b7;
	padding:80px 0 90px 0;
	margin:0 auto;
	text-align:center;
	position:relative;
	width:500px;
	}

#main { 
	background-color:#FFFFFF;
	height:590px; width:1000px;
	/*overflow:hidden;*/
	position:relative;
	}

#popupPage #main { margin:0 auto; height:auto; width:450px; text-align:left; }

#content {
	position:relative; 
	width:819px; height:590px;
	/*overflow:hidden;*/
	background-image:url(/assets/page_bg.jpg);
	background-repeat:no-repeat;
	}

#popupPage #content { width: auto; height:auto; background-image:none; padding:40px 40px 50px 40px; }

/* #textArea { float:right; width:285px; height:520px; margin:65px 50px 0 0; color:#04421e; } */
#textArea { float:right; width:335px; height:520px; margin:65px 0 0 0; color:#04421e; }
/* #textArea.singleCol { width:335px; margin-right:75px; } */
#textArea.singleCol { width:410px; height:590px; margin-top:0; }
#textArea.singleCol tr { vertical-align:baseline; }

.textPosition { position:absolute; width:285px; height:520px; overflow:hidden; }
#textArea.singleCol .textPosition { width:335px; height:590px; }


#popupPage #textArea { float:none; width:auto; height:auto; }


#leftCol { width:420px; height:520px; padding-top:52px; margin-left:50px; text-align:center; }
#leftCol img { margin:10px 0; }

.logo { position:absolute; top:-65px; left:744px; width:239px; height:142px; }
.logo img { border:0; } 
.logo a { text-decoration:none; }

#popupPage .logo { left:194px; }
* html #popupPage .logo { left:154px; }

#footer { position:relative; color:#04421e; text-align:center; padding:15px 0 0 0; line-height:20px; }
* html #footer { width:1000px; }


#mainImg { position:absolute; top:109px; left:45px; }
#mainImgBg { position:absolute; top:0; left:0; }
#fadeImg { position:absolute; top:0; left:0; }

#playpause { position:absolute; top:530px; left:190px; cursor:pointer; width:50px; height:25px;}
#play, #pause { float:left; margin:0; padding:0; width:25px; height:25px; unselectable:on; -moz-user-select:none; -khtml-user-select: none; }
#play { background-image:url(/assets/play.gif); }
#play:hover { background-image:url(/assets/play_active.gif); }
#pause { background-image:url(/assets/pause.gif); }
#pause:hover { background-image:url(/assets/pause_active.gif); }


#pic0, #pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7, #pic8, #pic9 { font-weight:bold; cursor:pointer; } 
.activeImg { color:#ff0033; }


#video { position:absolute; top:150px; left:50px; width:320px; height:265px; }


#naviBG {
	position:absolute;
	top:0;
	left:819px;
	width:181px; height:590px;
	background-image:url(/assets/navi_bg.jpg);
	background-repeat:no-repeat;
	}
#naviBG img { position:absolute; bottom:0; left:0; }

#navigation {
	position:absolute;
	top:140px;
	left:830px;
	width:170px; height:500px;
	overflow:hidden;
	}

#navigation ul { margin:0; padding:0; }
#navigation ul li { margin:2px 0 15px 0; padding:0; list-style-type:none; }

#navigation ul li a:link, #navigation ul li a:visited { text-decoration:none; color:#04421e; /*color:#33633c;*/ }
#navigation ul li a:hover, #navigation ul li a:active { text-decoration:none; color:#618562; }

#navigation ul li.current a:link, #navigation ul li.current a:visited { text-decoration:none; color:#04421e; font-weight:bold; }
#navigation ul li.current a:hover, #navigation ul li.current a:active { text-decoration:none; color:#04421e; font-weight:bold; }

#textArea a { text-decoration:none; }
#textArea a:link, #textArea a:visited { font-style:italic; text-decoration:none; color:#04421e; }
#textArea a:hover, #textArea a:active { font-style:italic; text-decoration:underline; color:#04421e; }

#textArea.LinkStyleBold a:link, #textArea.LinkStyleBold a:visited { font-style:normal; font-weight:bold; text-decoration:none; color:#04421e; }
#textArea.LinkStyleBold a:hover, #textArea.LinkStyleBold a:active { font-style:normal; font-weight:bold; text-decoration:underline; color:#04421e; }


#textArea.LinkStyleBold a.red:link, #textArea.LinkStyleBold a.red:visited, #textArea.LinkStyleBold a.red:hover, #textArea.LinkStyleBold a.red:active  { text-decoration:none; color:#ff0033; }


#footer a:link, #footer a:visited { text-decoration:none; color:#04421e; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#04421e; }


#probiowein { position:absolute; top:300px; width:150px; color:#ff0033; }
#probiowein a { text-decoration:none; color:#ff0033; }


.fehler { font-weight:bold; }
.meldung { font-size: 12px; }

.popup {}

#flag1, #flag2 { position:absolute; top:45px; width:29px; height:19px; z-index:101; }
#flag1 { left:0px;}
#flag2 { left:40px; }