/* css document */
body {
	margin: 0px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	background-color: #9bcefd;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,searchfieldset,input,p,blockquote,th,td{margin:0;padding:0;}searchfieldset,img{border:0;}img,object,embed{vertical-align:bottom;}ol,ul{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}a *{cursor:pointer;}

input,textarea {outline:none;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
p {
	margin: 0px;
	padding: 1px 0px;
}
h1 {
	font-size: 107%;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
	line-height: 19px;
}
h3 {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.clearfloat {
	clear: both;
	height: 4;
	font-size: 1px;
	line-height: 0px;
}

.addins {
	text-align: left;
	width: 100%;
	margin: 0px auto;
	background-color: #5c4d6f;
	display: table;
	padding: 0px;
}
.skappers {
	width: 267px;
	height: 77px;
	margin: 0px;
	padding: 0px;
}

.ledders {
	width: 1590px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.rollax {
	display: inline;
	padding: 0px;
	float: left;
	text-align: left;
	margin: 0px;
	color: #fff;
}
.fotters {
	display: inline-block;
	font-size: 14px;
	width: 1300px;
	text-align: justify;
	padding: 0px;
	float: right;
	color: #9bcefd;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0px;
	text-shadow: 1px 1px #493d58;
}
.tazzen {
	width: 100%;
	text-align: center;
	margin: 0px auto;
	display: table;
	height: 34px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #4a3e59;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.tazzen span {
	text-align: left;
	margin: 4px auto;
	width: 1590px;
	padding-top: 0px;
	padding-bottom: 2px;
	position: relative;
	display: table;
}
.tazzen span a{
	color: #5c4d6f;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #fed593;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
	border-radius: 4px;
	min-width: 148px;
	width: 148px;
	display: inline-block;
	border-style: none;
}
.tazzen span a:hover {
	background-color: #9bcefd;
	color: #443852;
}
.tazzen em {
	position: absolute;
	left: 465px;
	top: -1px;
	height: 25px;
	width: 1120px;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

.fuggerts {
	width: 1100px;
	height: 20px;
	margin: 0px;
	padding: 0px;
 }
.qoppel, .inp {
	padding: 5px;
	border: 0;
	height: 15px;
	width: 1059px;
	line-height: 15px;
	float: left;
	border: 0;
	border-radius: 7px;
	border: 1px solid #3e334a;
	font-size: 11px;
	background-color: #ffffff;
	background-image: none;
}
.qoppel {
	border-right: 0 !important;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;}
	
.mussix {
	font-size: 12px;
	background: none;
	width: 100%;
	color: #203131;
	background: none;
	padding: 0;
	border: 0;
	width: 100%;
}
.nappers {
	cursor: pointer;
	width: 30px;
	height: 27px;
	font-weight: bold;
	border: 0;
	float: right;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	font-size: 13px;
	color: #ffffff;
	border: 1px solid #3e334a;
	background-color: #3e334a;
	text-shadow: 1px 1px #900;
	background-image: url(zhutter.png);
}
.nappers:hover {
	background-color: #73608a;
	border-color: #73608a;
}
.innerts {
	width: 100%;
	display: table;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.heddoxe {
	width: 242px;
	letter-spacing: -1px;
	display: -moz-inline-stack;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #ffeccc;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 1px;
	text-align: center;
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-color: #fed593;
	border-bottom-style: solid;
}

.heddoxe img {
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff8ea;
	height: 180px;
	width: 240px;
}
.heddoxe:hover a img {
	border: 1px solid #5c4d6f;
}
.heddoxe a {
	font-size: 16px;
	font-weight: bold;
	color: #5c4d6f;
	text-decoration: none;
	letter-spacing: -1px;
	padding-bottom: 3px;
	float: left;
	line-height: 21px;
}
.heddoxe a:hover {
	color: #1a0b2d;
	text-decoration: none;
}

.wawokk {
	width: 192px;
	letter-spacing: -1px;
	display: -moz-inline-stack;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	line-height: 21px;
	text-align: center;
	padding: 0px;
	margin: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #79befd;
}
.wawokk img {
	padding: 0px;
	margin: 0px;
	border: 1px solid #c5e2fe;
	height: 143px;
	width: 190px;
}
.wawokk:hover a img {
	border: 1px solid #5c4d6f;
}
.wawokk a {
	font-size: 14px;
	font-weight: bold;
	color: #5c4d6f;
	text-decoration: none;
	letter-spacing: 0px;
	padding-bottom: 3px;
	float: left;
	line-height: 20px;
}
.wawokk a:hover {
	color: #1a0b2d;
	text-decoration: none;
}
.wawokk:hover {
	background-color: #ffeccc;
}

.rokkarte {
	width: 100%;
	margin-top: 11px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #5c4d6f;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3e334a;
}

.imamoll {
	font-size: 14px;
	color: #daedfe;
	line-height: 16px;
	text-align: center;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-shadow: 1px 1px #473c55;
	width: 70%;
	margin: 0px auto;
	font-weight: normal;
}
.imamoll a {
	color: #9bcefd;
	text-decoration: underline;
	letter-spacing: 0px;
	padding-bottom: 3px;
	display: inline-block;
}
.imamoll a:hover {
	text-decoration: none;
	color: #ffffff;
}
.imamoll span {
	font-weight: bold;
	color: #fed593;
}

.drekks {
	color: #5c4d6f;
	display: block;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	letter-spacing: -1px;
	width: 1550px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 8px;
	text-transform: uppercase;
	background-color: #c5e2fe;
	text-shadow: 1px 1px #fff;
	border: 2px solid #ffffff;
	border-bottom-color: #5fb1fc;
}

.hihoss {
	width: 242px;
	letter-spacing: -1px;
	display: -moz-inline-stack;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #fff0d7;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	line-height: 21px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	text-align: center;
	height: 236px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.hihoss img {
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff8ea;
	height: 180px;
	width: 240px;
}
.hihoss:hover img {
	border: 1px solid #5c4d6f;
}
.hihoss a {
	font-size: 13px;
	font-weight: bold;
	color: #5c4d6f;
	text-decoration: none;
	letter-spacing: 0px;
	padding-bottom: 3px;
	float: left;
	text-shadow: 1px 1px #fff;
	line-height: 21px;
}
.hihoss a:hover {
	color: #1a0b2d;
	text-decoration: none;
}
.voocker {
	width: 99%;
	text-align: center;
	margin: 22px auto;
	padding: 0px;
	height: auto;
	display: table;
}
.reggils {
	display: inline-block;
	height: 250px;
	width: 300px;
	margin: 1px;
	padding: 0px;
	border-style: none;
}

.qigger {
	position: absolute;
	width: 40px;
	color: #fff0d7;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	-moz-opacity: 0.7;
	text-align: center;
	letter-spacing: 0px;
	padding: 1px;
	margin: 0px;
	line-height: 16px;
	background-image: url(yummex.png);
	top: 4px;
	right: 4px;
}
.tannoks {
	position: absolute;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	-moz-opacity: 0.7;
	text-align: left;
	letter-spacing: 0px;
	margin: 0px;
	line-height: 16px;
	background-image: url(wroll.png);
	top: 162px;
	left: 4px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 22px;
}
.possere {
	position: absolute;
	width: 100%;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	-moz-opacity: 0.7;
	text-align: left;
	letter-spacing: 0px;
	margin: 0px;
	top: 203px;
	right: 0px;
	background-color: #fff0d7;
	padding: 0px;
	height: 22px;
	line-height: 13px;
}
.possere a{
	padding-left: 13px;
	margin-left: 2px;
	background-image: url(lokks.png);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #69633d;
	line-height: 13px;
}

ul.uddes {
	text-align: center;
	margin: 9px auto;
	padding: 3px;
	text-shadow: none;
}
.uddes li {
	display: inline;
	padding: 0;
	margin: 0px;
	margin-left: 1px;
	line-height: 30px;
}
.uddes li a {
	color: #fae7de;
	font-size: 15px;
	text-decoration: none;
	background-color: #5c4d6f;
	padding: 4px 7px;
	font-weight: bold;
	border-radius: 3px;
	margin: 5px 1px;
}
.uddes li a:hover, .uddes .highlight a{
	background-color: #fed593;
	color: #5c4d6f;
} 
.uddes .highlight {
	text-decoration: none;
	padding-left: 5px;
	margin: 0px;
}
.uddes .empty {
	padding-right: 1px;
	padding-left: 11px;
	color: #5c4d6f;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: none;
}
#mercco {
	border-style: none;
	background-image: none;
	background-color: #9bcefd;
}

.dachas {
	border-radius: 7px;
	padding: 2px;
	width: 1220px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	letter-spacing: -1px;
	position: relative;
	display: table;
	background-color: #c5e2fe;
}
.bibekks {
	font-size: 12px;
	color: #fff;
	display: inline;
	width: 880px;
	float: left;
	text-align: left;
	margin: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}
.oppert {
	display: inline;
	width: 310px;
	float: right;
	vertical-align: top;
	margin: 4px;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 3px;
	overflow: hidden;
}
.ceert {
	margin-bottom: 11px;
	height: 645px;
	width: 860px;
	border: 2px solid #9bcefd;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding: 2px;
	position: relative;
	background-color: #fff;
}
.ceert iframe {
	height: 100%;
	width: 100%;
	border-width: 0px;

}

.peunns {
	font-size: 14px;
	color: #333333;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	letter-spacing: 0px;
	overflow: hidden;
	line-height: 30px;
}
.peunns span {
	color: #5c4d6f;
	margin-right: 12px;
	margin-left: 5px;
	font-weight: bold;
}
.peunns a {
	color: #ffffff;
	text-decoration: none;
	margin-right: 1px;
	margin-left: 1px;
	letter-spacing: 0px;
	padding: 5px 12px;
	font-weight: normal;
	background-color: #5c4d6f;
	border-radius: 4px;
	font-size: 14px;
}
.peunns a:hover {
	text-decoration: none;
	background-color: #73608a;
}

.wollker1,.wollker2,.wollker3 {
	margin-bottom: 5px;
	margin-top: 3px;
	height: 250px;
	width: 300px;
	display: inline-block;
}
#aukka {
	font-size: 16px;
	color: #5c4d6f;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	margin-bottom: 0px;
	height: 22px;
	text-shadow: 1px 1px #ffffff;
	background-color: #ffedce;
	letter-spacing: 0px;
	border: 2px solid #ffffff;
}
.hennse {
	width: 844px;
	height: 89px;
}

#riolls {
	position: fixed;
	bottom: 13px;
	right: 13px;
	z-index: 2000;
}
#riolls a {
	border-radius: 12px;
	font-size: 13px;
	color: #fed593;
	background-color: #493d58;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 7px;
}
#riolls a:hover {
	color: #ffffff;
	background-color: #7c6895;
}

.adv { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:progid:dximagetransform.microsoft.alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.ceert .seaddo_box iframe,  .ceert .seaddo_box object,  .ceert .seaddo_box embed, .ceert .seaddo_box stylevidd {
	width: 300px !important;
	height: 250px !important;
	font-style: normal;
}
.seaddo_box {
	width: 610px;
	height: 250px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 99999;
	margin-top: -125px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -305px;
}
.seaddo_close {
	z-index: 9999;
	position: absolute;
	right: 240px;
	width: 133px;
	height: 27px;
	display: block;
	background: #cc0000;
	top: 255px;
	cursor: pointer;
	color: #fff;
	line-height: 22px;
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	font-size: 18px;
	border: 1px solid #000;
}
.kallexe {
	width: 300px;
	height: 250px;
	position: absolute;
	left: 310;
	top: 0;
	overflow: hidden;
}
.kallexe2 {
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0;
	overflow: hidden;
	float: right;
	right: 0px;
}

/*---------------responsive styles-------------------*/


@media screen and (max-width: 1920px) {
body { min-width:1600px;}
}

@media screen and (max-width: 1600px) {
body { min-width:1236px;}
.ledders {width: 1200px;}
.fotters {width: 905px;font-size: 12px;line-height: 12px;margin-top: 6px;}

.drekks {width: 1200px;}

.tazzen span {width: 1200px;}
.tazzen span a{min-width: 138px;width: 138px;}
.tazzen em {left: 440px;width:750px;}

.fuggerts {width:737px; }
.qoppel, .inp {width: 696px;}

.imamoll {font-size: 12px;line-height: 12px;}

}

@media screen and (max-width: 1260px) {
body { min-width:996px;}
.fotters {width: 709px;font-size: 12px;line-height: 12px;margin-top: 7px;}

.tazzen span {width: 990px;}
.tazzen span a{min-width: 128px;width: 128px;}
.tazzen em {left: 410px;width:575px;}

.fuggerts {width: 557px; }
.qoppel, .inp {width: 516px;}

.dachas {width:940px;height: 1156px;}
.oppert {width:925px;height:260px;float:left;margin:4px;top:880px;left:0px;}
.bibekks {width:925px;}
.ceert {width:915px;height:686px;}

.ledders,.drekks  {width: 990px;}
.innerts {width: 99%}

}

@media screen and (max-width: 1000px) {
body { min-width:768px;}
.fotters {width: 99%;text-align: center;display: block;float: none;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}	
h1 {text-align: center;}

.tazzen span {width:760px;}
.tazzen em {width:345px;}

.fuggerts {width: 327px; }
.qoppel, .inp {width: 286px;}

.rollax {text-align: center;float: none;margin-right: auto;margin-left: auto;}

.fipps_item {	width: 43%;	padding-left: 6%;}
.ledders {width: 760px;text-align: center;padding: 0px;}
#spaar {display:none}

.kloxxe,.drekks {width: 760px;}
.reakks {width: 760px;}
#attens li {width: 22%;padding-left: 4px;margin-left: 4px;}

.ceert {width: 700px;height: 525px;}
.bibekks {width: 720px;padding-left: 15px;}
.dachas {width: 750px;height: 980px;}
.oppert {width:720px;height:260px;float:left;margin:4px;top:705px;left:0px;}
.wollker1 {margin-left:65px}
.wollker3 {display:none}

.seaddo_box {width: 300px;height: 250px;margin-left: -150px;}
.kallexe {width: 300px;height: 250px;position: absolute;left: 0;top: 0;overflow: hidden;}
.kallexe2 {display: none;}
.seaddo_close {right: 80px;}

.hennse {width:700px;height:74px;}


}

@media screen and (max-width: 788px) {
body { min-width:620px;}	
h1 {font-size: 110%;text-align: center;line-height: 18px;}

.tazzen span {width: 610px;}
.tazzen span a{min-width: 108px;width: 108px;font-size: 12px;}
.tazzen em {left: 345px;width:260px;}

.fuggerts {width: 252px; }
.qoppel, .inp {width: 211px;}

.ledders,.drekks  {width: 610px;}
.rollax {text-align: center;float: none;margin-right: auto;margin-left: auto;}
.reakks {width: 610px;}
#attens li {width: 32%;}

.ceert {width: 570px;height: 428px;}
.bibekks {width: 595px;}
.dachas {width: 600px;height:870px;}
.oppert {width:606px;height:260px;float:left;margin:1px;top:590px;left:0px;}
.wollker1 {margin-left:2px}

.hennse {width:570px;height:60px;}

}

@media screen and (max-width: 620px) {
body { min-width:500px;}	
h1{font-size: 13px;line-height: 14px;}

.tazzen span {width: 490px;height: 54px;}
.tazzen span a{min-width: 156px;width: 156px;font-size: 13px;}
.tazzen em {left: 0px;width: 100%;top: 30px;}

.fuggerts {width: 477px; }
.qoppel, .inp {width: 436px;}

.ledders  {width: 490px;}
.wyrres {width: 420px;}
.wyrres a {font-size: 14px;}
.drekks  {width: 490px;text-align: center;}
.reakks {width: 490px;}
#attens li {width: 48%;padding-left: 4px;margin-left: 4px;}

.ceert {width: 460px;height: 345px;}
.bibekks {width: 490px;}
.dachas {width: 495px;height:800px;}
.oppert {width:505px;height:260px;float:left;margin:1px;top:524px;left:0px;}
.wollker1 {margin-left:100px}
.wollker2 {display:none}



.hennse {width:460px;height:49px;}

}

@media screen and (max-width: 520px) {
body { min-width:300px;}
h1{font-size: 14px;line-height: 16px;}

.fotters {display: none;}

.tazzen span {width: 290px;height: 111px;}
.tazzen span a{min-width: 288px;width: 288px;font-size: 13px;margin-top: 0px;margin-bottom: 2px;}
.tazzen em {left: 0px;width: 100%;top: 83px;}

.fuggerts {width: 288px; }
.qoppel, .inp {width: 247px;}

.ledders {width: 295px;}
.twokke {display: none;}
.fipps_item {	width: 80%;	padding-left: 19%;}
.drekks  {width: 295px;font-size: 17px;text-align: center;}
.wyrres {width: 280px;	margin-bottom: 11px;}
.wyrres a {font-size: 14px;}
.reakks {width: 290px;}
#attens li {width: 90%;padding-left: 4px;margin-left: 4px;}
ul.slazzer span {display: none;}
.dachas {width: 295px;height: 400px;}
.ceert {width: 290px;height: 218px;margin: 0px;padding: 0px;border: 1px dotted #52435c;}
.bibekks {width: 295px;margin: 0px;padding: 0px;}
.oppert {display:none}

.seaddo_box {display: none;}
.kallexe {display: none;}

.hennse {display:none}
}