/*
        ===========================================
         Reset Elements
        ===========================================
*/

        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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;
                }
        ol,ul {
                list-style:none;
                }
        caption,th {
                text-align:left;
                }
        h1,h2,h3,h4,h5,h6 {
                font-size:100%;
                }
        q:before,q:after {
                content:'';
                }
/*
        ===========================================
         Html Elements
        ===========================================
*/
	*:focus
		{
		outline: none;
		}
		
        body {
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:12px;
                padding:0;
                text-align:center;
                background:#fff;
                margin-top: 20px;
                }
        h1, h2, h3 {
                font-size:11px;
                line-height:1.5em;
                margin:0.5em 0 0 0;
                }
        h1.first {
                margin:0 0 0 0;
                }
        h1, h2 {
                font-family:Verdana, Arial, Helvetica, sans-serif;
                /*font-family:'Times New Roman',Times,sans-serif;*/
                font-size:22px;
                font-weight: normal;
                color:#FFFFFF;
                }
        img {
                border:0;
                }
        a:link img, a:visited img, a:active img, a:hover img {
                border:0;
                }
        a:link, a:visited, a:active {
                color:#7d8385;
                text-decoration:none;
                }
        a:hover {
                color:#50c7f0;
                text-decoration:none;
                }
        p {
                line-height:1.4em;
                padding:0.5em 0 1em 0;
                }
        strong {
                font-weight:bold;
                }

        .background-start {
                background:#e2d8bf;
                height: 600px;
        }

/*
        ===========================================
         Container
        ===========================================
*/
        #wrapper {
                font-size:1.0em;
                width:820px;
                margin:10px auto 0px auto;
                }
		#header-index-l, #header-index-r { color: #7d8385; text-align: right; height: 20px; } 
		#header-index-l 
			{
			float: left;
			margin: 0 0 0 125px;
			padding: 0 15px 3px 0;
			}
			#header-index-l a:link, #header-index-l a:visited, #header-index-l a:active { color: #7d8385; }
			#header-index-l a:hover { color: #50c7f0; text-decoration: none; cursor: pointer; }
			#header-index-r { float: right; padding: 0 17px 3px 0; position:relative; top:-5px; }
			#header-index-r a.face2 { position:relative; top:0px; }
			#header-index-r a.face { position:relative; top:2px; }
			#header-index-l a:link.webcam_current,
			#header-index-l a:visited.webcam_current,
			#header-index-l a:active.webcam_current {
				 color: #50c7f0;
			}
                #menu 
                	{
                        text-align: left;
                        text-transform: uppercase;
                        color: #70787a;
                        font-size: 11px;
                        padding: 5px;
                        }
                .nav-background 
                	{
			background-color: #fff;
                        width: 153px;
                	}
		#content-wrapper
			{
			position:relative;
			}
			.content-1col 
				{
				position:relative;
				float: left;
				width: 160px;
				height: 300px;
				text-align: left;
				margin: 0 0 0 5px;
				z-index: 100;
				}
			.content-2col 
				{
				float: left;
				margin: -300px 0 0 5px;
				border: 0px;
				width: 800px;
				height: 300px;
				z-index: 0;
				overflow: hidden;
				}
				.content-2col img
					{
					width: 800px;
					height: 300px;
					}
                        .content-3col 
                        	{
                                clear: both;
                                float: left;
                                width: 160px;
                                text-align: right;
                                height: 148px;
                                position:relative;
                                top: 9px;
                                }
                        .content-4col 
                        	{
                                float: left;
                                text-align: left;
                                width: 639px;
                                margin: 5px;
                                }
                        .content-4col-inhalt 
                        	{
                        	width:639px;
                                padding: 0 30px 0 30px;
                                color: #fff;
                                /*color: #7d8385;*/
                                font-size:1.0em;
				background: url(../images/content-middle.gif) repeat-y 0 0;
                                }
                        .content-4col-inhalt-shop 
                        	{
                                padding: 0 30px 0px 30px;
                                }
                        .content-4-col-inhalt-position 	
                        	{
                        	width:579px;
                                position: relative;
                                top: -18px;
                                }
                        .fl 
                        	{
                                float: left;
                                }
                        .fr 	
                        	{
                                float: right;
                                }
                        .shoppic 
                        	{
                                margin: 0px 20px 10px 0;
                                }
                        .shoptext 
                        	{
                                margin: 0px 20px 10px 160px;
                                padding: 0;
                                }
                        .picsubhead 
                        	{
                                margin: 0 0 7px 0;
                                padding: 0;
                                font-size: 12px;
                                color: #fff;
                                font-weight: bold;
                                }
                        .sound 
                        	{
                        	position: absolute;
                        	top: 4px;
                		}
                        #header a:link,
                        #header a:visited,
                        #header a:active 
                        	{
                                color: #7d8385;
                                }
                        #content-wrapper a:link,
                        #content-wrapper a:visited,
                        #content-wrapper a:active 
                        	{
                                color: #000;
                                }
                        #content-wrapper a:link.grau,
                        #content-wrapper a:visited.grau,
                        #content-wrapper a:active.grau 
                        	{
                                margin: 0 0 7px 0;
                                padding: 0;
                                font-size: 12px;
                                color: #7D8385; /*e7e2db*/
                                font-weight: bold;
                                }
                        #content-wrapper a:hover.grau 
                        	{
                                color: #50c7f0;
                        	}                        	
                        span.grau 
                        	{
                        	color: #7D8385;
                        	}
               #wrapperiframe {
               		width: 639px;
               		height: 450px;
               		position: relative;
               		margin: 0 0 0 160px;
               		}
                #layer{
                	/*position: relative; 
                	top: -450px; 
                	left: -2px;*/
                	margin-top: -450px;
                	margin-left: -2px;
                	border: 1px solid #f00;
                	}
                #mblogo 
                	{
                	position: relative;
                	top: -897px;
                	left: 590px;
                	width: 35px;
                	}

/*
   ------------------------------------------------
        Menu
   ------------------------------------------------
*/
        ul#nav {margin-top:3px;}
                ul#nav li 	
                	{
                        padding: 10px 0 0 0px;
                        margin-left: 10px;
                        }
                        ul#nav li a:link,
                        ul#nav li a:visited,
                        ul#nav li a:active 
                        	{
                                color: #7d8385;
                                cursor: pointer;
                                }
                        ul#nav li a:hover 
                        	{
                                color: #50c7f0;
                                text-decoration: none;
                                cursor: pointer;
                                }
                        ul#nav li.current a:link, 
                        ul#nav li.current a:visited,
                        ul#nav li.current a:active  
                        	{
                                color: #50c7f0;
                                text-decoration: none;
                                }

/*
   ------------------------------------------------
        Menu Footer
   ------------------------------------------------
*/
	#footer-list {
		
		}
		#footer-list li {
			display: inline;
			padding: 0 5px 0 5px;
		}
		#footer-list li.first {
			padding: 0 5px 0 0;
		}
		#footer-list li.last {
			padding: 0 0 0 5px;
		}
		#footer-list li.current a:link, 
                #footer-list li.current a:visited,
                #footer-list li.current a:active {
                	color: #50c7f0;
                	text-decoration: none;
                }
		
		
/*
   ------------------------------------------------
        Misc Classes
   ------------------------------------------------
*/
.clear
	{
	clear:both;
	}
.headline-start-pantone381
	{
	color: #cce226;
	font-size: 17px;
	}
.headline-start-hks61 
	{
	color: #083909;
	font-size: 25px;
	}
.footer
	{
	width: 585px;
	text-align: justify;
	float: left;
	margin-left: 195px;
	margin-bottom:0px;
	font-size: 9px;
	color: #7d8385;
	/*letter-spacing:-1px;
	letter-spacing:-0.11em;
	word-spacing: 3px;*/
	}
#spacebottom {
	width: 200px;
	height: 40px;
	}
.mail
	{
	font-size: 9px;
	color: #7d8385;
	}	
	a.mail
		{
		color: #7d8385;
		text-decoration: none;
		}
	a.mail:hover
		{
		color: #50c7f0;
		text-decoration: none;
		}
.empfehlung
	{
	float: left;
	margin: -44px 0 0 148px;
	}
.pospopup {
	position:relative;
	margin:0 auto;
	margin-top:50px;
	width:491px;
	}
	
/*	AENDERUNG 	*/
.clear { clear: both; }
	
.cover-links
	{
	float: left;
	width: 100px;
	margin: 27px 0 0 0;
	}
.player-rechts
	{
	float: left;
	width: 200px;
	}