/*  RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, em, font, img, ins, kbd, q, s, samp, small, span, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0 none; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; position:relative; }
	
/*body { line-height: 1;}*/
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

html, body { width:100%; height:100%; } 
 
 
body {  
	background: url('../images/bg_body.gif') repeat 0px 0px;
    font: 13px Arial, Helvetica, sans-serif;
	color:#fff;
} 
   


/* Grundgerüst */
div.all { width:900px; height:100%; position:relative; top:0px; left:50%; margin-left:-700px; padding:0px 250px 0px 250px; float:left;  background: url('../images/bg_all.gif') repeat-y 0px 0px; }

div.all_danke { width:900px;  position:relative; top:0px; left:50%; margin-left:-700px; padding:0px 250px 0px 250px; float:left;  background: url('../images/bg_all.gif') repeat-y 0px 0px; }

div.all_soldout { width:100%; height:100%; position:relative; top:0px; float:left; padding-top:30px; background: url('../images/bg_all.gif') repeat-y center 0px;  }

div#kopf { width:100%; height:155px; position:relative; top:0px;  float:left;  }
 
div#inhalt_box1 { width:100%; position:relative; top:0px; height:275px; text-align:center;  float:left; } 

div#inhalt_soldout { width:100%; position:relative; top:0px; height:345px; text-align:center;  float:left; } 

div#slider { position:relative; top:0px;  width:100%; height:615px;  background:#4598ad;  color:#000;  float:left; }  

div#inhalt_box2 { width:100%; position:relative; top:0px;  float:left; } 

div#inhalt_box3 { width:100%; position:relative; top:0px;  float:left; background:#fff; } 

div#inhalt_box4 { width:100%; position:relative; top:0px;  float:left;  text-align:center; } 

div#footer {  width:900px; height:80px; position:relative; top:0px; left:50%; margin-left:-700px; padding:0px 250px 0px 250px; float:left;  background: url('../images/bg_all.gif') repeat-y 0px 0px;  }
 
div#footer_danke {  width:100%; height:80px; position:relative; top:0px;  float:left;  background: url('../images/bg_all.gif') no-repeat center 0px; } 

div#slider img { position:relative; top:0px; left:50%; margin-left:-460px; } 


/* Kopf */
div#kopf_fon { width:365px; height:155px; float:left;  }
div#kopf_logo { width:385px; height:155px; float:left;  }
div#kopf_fb { width:150px; height:155px; float:left;  }

div#kopf_logo img { margin:42px 0px 0px 0px;  }
div#kopf_fb a { margin:75px 0px 0px 0px; background: url('../images/fb_icon.png') repeat-y 0px 0px; display:block; width:146px; height:29px; } 
div#kopf_fb a:hover {  background-position:0px -33px; } 
div#kopf_fon p { margin:63px 0px 0px 0px; font-size:22px; font-weight:bold; line-height:24px; float:left; } 




/* Inhalt */

 

h1 { font-size:26px; font-weight:bold; margin:0px 0px 0px 0px;  } 
h2 { font-size:24px; font-weight:bold;  margin:60px 0px 25px 0px;  color:#ffc80b; } 
h3 { font-size:14px; font-weight:bold;  margin:21px 0px 10px 0px; color:#ffc80b; } 
h4 { font-size:14px; font-weight:bold; margin:0px 0px 8px 0px; } 

p { line-height:18px; } 
a { color:#fff; line-height:31px; text-decoration:none; } 
a:hover { text-decoration:underline;  } 

a#download { width:174px; height:58px; display:block; background: url('../images/lk_material_13_09_10_b_47.png') no-repeat 0px 0px; float:left; } 
a#download:hover { background-position:0px -57px; } 


div#inhalt_box1 img {   margin:40px 0px 20px 0px; } 
div#inhalt_box1 p.header { line-height:35px; font-size:26px; font-weight:bold; } 
div#inhalt_box1 p.text { line-height:18px; font-size:15px; font-weight:bold; color:#ffc80b; } 
div#inhalt_box1 p span a {  color:#ffc80b; text-decoration:underline; }

div#inhalt_box2 img { margin:80px 0px 40px 0px; } 
div#inhalt_box2 img#pfeil { margin:0px 0px 0px 130px;  } 
div#inhalt_box2 div#facebook { width:380px; height:83px; margin:86px 0px 40px 0px; float:right; background:#3399cc; } 
div#inhalt_box2 div#facebook p { text-align:right; margin:20px 40px 0px 40px; float:left; font: 15px Arial Narrow, Helvetica, sans-serif; }
div#inhalt_box2 div#facebook a { width:137px; height:61px; display:block; margin:12px 0px 0px 0px; float:left; background: url('../images/FB_Button.png') no-repeat 0px 0px; }
div#inhalt_box2 div#facebook a:hover { background-position: 0px -61px; }
div#inhalt_box2 div.formular { width:380px; margin:100px 0px 0px 0px; padding:0px 0px 80px 70px; float:left; } 
div#inhalt_box2 div#bg { background: url('../images/trennlinie_lang_05.png') no-repeat right center; padding:0px 70px 80px 0px; } 
div#inhalt_box2 div.formular form { margin:30px 0px 0px 0px; float:left;  } 

div#inhalt_box4 img {   margin:20px 0px 20px 0px; } 
div#inhalt_box4 p { line-height:22px; font-size:16px; font-weight:bold;  } 
div#inhalt_box4 p span { line-height:18px; font-size:15px; font-weight:bold; color:#ffc80b; } 
div#inhalt_box4 p a {  color:#ffc80b; text-decoration:underline; }

div#inhalt_soldout div#bglinie { width:100%; height:30px; margin-top:18px; background: url('../images/linie.png') repeat-x center 5px; text-align:center; } 
div#inhalt_soldout div#bglinie p#linie { width:350px; height:100%; padding:0px 100px; position:relative; top:0px; left:50%; margin-left:-275px; text-align:center; line-height:35px; font-size:26px; font-weight:bold;  color:#fff;  background: url('../images/bg_all.gif') repeat-y center 0px;  } 
div#inhalt_soldout p { width:900px; padding:10px 250px 0px 250px; position:relative; top:0px; left:50%; margin-left:-700px; line-height:22px; font-size:16px; font-weight:normal; color:#ffc80b; text-align:left; } 


.weiss { color:#fff; }
.gelb { color:#ffc80b; }
.normal { font-weight:normal; }
.klein { font-size:11px; }
.gross { font-size:16px; }
.kursiv { font-style:italic; }
.hr { border-bottom:1px solid #45a12c; }


/* Form */
div#inhalt_box3 div#box { width:900px; height:310; position:relative; top:0px; left:50%; margin-left:-700px; padding:0px 250px 0px 250px; float:left;  background:#fff;  color:#000; } 
div#inhalt_box3 div#kontakt { width:450px; height:310px; background: url('../images/lieblingskoeder_footer_trennlinie_29.gif') no-repeat right center; float:left; text-align:left;  } 
div#inhalt_box3 div#kontakt img { margin:38px 0px 37px 0px; } 
div#inhalt_box3 div#kontakt p { font-size:14px; line-height:18px; margin-left:125px;  } 
div#inhalt_box3 div#kontaktformular { width:340px; padding:38px 0px 0px 70px; float:left; text-align:left; } 


/* Kontaktformular Bestellung */

form#bestellformular { margin:0px 0px 0px 0px; }
form#bestellformular table { width:400px;}
form#bestellformular td { padding:0px 0px 10px 10px; vertical-align:top;  }
form#bestellformular td.label { padding:5px 0px 0px 0px; }
form#bestellformular input { width:225px; height:25px; padding:0px 10px;  font: 13px Arial, Helvetica, sans-serif; color:#000; border:1px solid #000; }
form#bestellformular textarea { width:225px; height:75px; padding:10px 10px; background:#fff; color:#000;  border:1px solid #000;  font: 13px Arial, Helvetica, sans-serif; overflow:auto; }
form#bestellformular input#Senden { width:95px; height:30px; color:#fff; font-size:15px; font-weight:bold; border:0 none; background: url("../images/lieblingskoeder_senden_btn_43.png") no-repeat 0px 0px;  }
form#bestellformular input#Senden:hover { background-position:0px -33px; } 


/* Kontaktformular Mein Angelshop */

form#meinAngelshopformular { margin:0px 0px 0px 0px; }
form#meinAngelshopformular table { width:400px;}
form#meinAngelshopformular td { padding:0px 0px 10px 10px; vertical-align:top;  }
form#meinAngelshopformular td.label { padding:5px 0px 0px 0px; }
form#meinAngelshopformular input { width:225px; height:25px; padding:0px 10px;  font: 13px Arial, Helvetica, sans-serif; color:#000; border:1px solid #000; }
form#meinAngelshopformular textarea { width:225px; height:75px; padding:10px 10px; background:#fff; color:#000;  border:1px solid #000;  font: 13px Arial, Helvetica, sans-serif; overflow:auto; }
form#meinAngelshopformular input#Senden { width:95px; height:30px; color:#fff; font-size:15px; font-weight:bold; border:0 none; background: url("../images/lieblingskoeder_senden_btn_43.png") no-repeat 0px 0px;  }
form#meinAngelshopformular input#Senden:hover { background-position:0px -33px; } 



/* Kontaktformular Kontaktseite */

form#kontaktformular { margin:20px 0px 0px 0px; }
form#kontaktformular table { width:400px;}
form#kontaktformular td { padding:0px 0px 10px 10px; vertical-align:top;  }
form#kontaktformular td.label { padding:5px 0px 0px 0px; }
form#kontaktformular input { width:225px; height:25px; padding:0px 10px;  font: 13px Arial, Helvetica, sans-serif; color:#000; border:1px solid #000; }
form#kontaktformular textarea { width:225px; height:75px; padding:10px 10px; color:#000;  border:1px solid #000;  font: 13px Arial, Helvetica, sans-serif; overflow:auto; }
form#kontaktformular input#Senden { width:95px; height:30px; color:#fff; font-size:15px; font-weight:bold; border:0 none; background: url("../images/lieblingskoeder_senden_btn_43.png") no-repeat 0px 0px;  }
form#kontaktformular input#Senden:hover { background-position:0px -33px; } 



/* Fusszeile */

div#footer a { line-height:30px; margin:10px 35px 0px 0px; color:#fff; float:right; text-decoration:none; } 
div#footer a:hover { text-decoration:underline;  }

div#footer_danke a { line-height:30px; margin:10px 35px 0px 0px; color:#fff; float:right; text-decoration:none; } 
div#footer_danke a:hover { text-decoration:underline;  }

/* Slider */

.mi-slider {
	position: relative;
	margin-top: 30px;
	height: 615px;
}

.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 200px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li.gross { margin:0px 0px 0px 0px;
	display: inline-block;
	padding: 20px;
	width: 70%;
	max-width: 1050px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.mi-slider ul li { margin:0px 0px 0px 0px;
	display: inline-block;
	padding: 20px;
	width: 40%;
	max-width: 458px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}



.mi-slider nav {
	position: relative;
	top: 450px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	border-top: 5px solid #333;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 40px 30px 30px 34px;
	position: relative;
	color: #888;
	outline: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
	text-decoration:none;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #000;
	font-weight:bold;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	content: '';
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { transform: translateX(0) scale(0); }
	100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { transform: translateX(600%); }
	100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { transform: translateX(-600%); }
	100% { transform: translateX(0); }
}

@keyframes moveToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}
}

@media screen and (max-width: 740px){
	.mi-slider {
		height: 300px;
	}
	.mi-slider nav {
		top: 220px;
	}
}

@media screen and (max-width: 490px){ 
	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
}