body {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: verdana, arial, sans-serif; //background: url(http://www.angeln-alex.de/images/verlauf.jpg) white repeat-x; font-size: 100.01%; padding-top: 0px;
	background-color: #bac3ff
}

div {
	max-width: 100%;
}

img {
	max-width: 100%;
	height: auto;
	margin-left: 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

#container {
	text-align: left; 
	background-color: #ffffff; 
	margin: 0px auto; 
	width: 1150px; 
	height: auto
}
#head {
	width: auto; 
	height: 60px;
}
#inhalt {
	background-color: #ffffff; 
	width: 69%; 
	float: left; 
	color: #000000;
	padding: 5px;
}
#werbung {
	background-color: #ffffff; 
	margin-top: 80px; 
	width: 30%; 
	float: left; 
	color: #000000; 
	border:none
}

.zesox {
	margin-top: 10px; width: 160px; margin-bottom: 25px; font-size:small;
}

#navlinks {
	background-color: #ffffff; float: left; color: #000000
}
#logo{
	padding-bottom: 5px; padding-left: 5px; padding-right: 5px; float: right; padding-top: 5px
}

#navlinks ul {
	padding-bottom: 2px; list-style-type: none; margin: 0px 5px 0px -16px; padding-left: 2px; padding-right: 2px; font-size: 10pt; list-style-image: none; padding-top: 2px
}
#navlinks li {
	margin: 0px 0px; font-size: 10pt
}

li.mt {
	 background:url(http://www.angeln-alex.de/img/men_oben.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:14px; width:150px;
}
li.mb {
	 background:url(http://www.angeln-alex.de/img/men_unten.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:14px; width:150px;
}
li.miu {
	 background:url(http://www.angeln-alex.de/img/menin_unt.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:11px; width:155px;
}

li.mi a:link, li.mi a:visited, li.mi a:active, li.mi a:focus{
	display: block;
	text-decoration: none; 
	font-family: comic sans ms,helvetica,arial,sans-serif;
	padding-left: 10px;
	background:url(http://www.angeln-alex.de/img/men_in.jpg) repeat-y;
	color: #7f6f6f;
	font-weight: bolder;
} 

li.ms a:link, li.ms a:visited, li.ms a:active, li.ms a:hover, li.mi a:hover{
	display: block;
	text-decoration: none; 
	font-family: comic sans ms,helvetica,arial,sans-serif;
	padding-left: 10px;
	background:url(http://www.angeln-alex.de/img/men_select.jpg) repeat-y;
	color: #3890ff;
	font-weight: bolder;

} 

li.mii a:link, li.mii a:visited, li.mii a:active{
	display: block;
	text-decoration: none; 
	font-family: comic sans ms,helvetica,arial,sans-serif;
	padding-left: 25px;
	background:url(http://www.angeln-alex.de/img/menin_all.jpg) repeat-y;
	color: #7f6f6f;
	font-weight: bolder;

}	

div.lblock
{
	width: 200px;
	float: right;
	margin-top: -20px;
}

li.lbtma{
	letter-spacing: 0.5px; 
	font-size: 12pt; 
	padding-top: 2px;
	padding-left: 10px;
	font-family: comic sans ms,helvetica,arial,sans-serif; 
	color: #7fa5ff;
	background:url(http://www.angeln-alex.de/img/men_in.jpg) repeat-y;
}
li.lbmt {
	 background:url(http://www.angeln-alex.de/img/men_oben.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:14px; width:150px;
}
li.lbmb {
	 background:url(http://www.angeln-alex.de/img/men_untenB.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:14px; width:150px;
}
li.lbmiu {
	 background:url(http://www.angeln-alex.de/img/menin_untB.jpg);
	 padding-left: 0px; padding-right: 0px; border-top: medium none; border-right: medium none; padding-top: 0px; height:11px; width:155px;
}

li.lbmi a:link, li.lbmi a:visited, li.lbmi a:active, li.lbmi a:focus{
	display: block;
	text-decoration: none; 
	font-family: comic sans ms,helvetica,arial,sans-serif;
	padding-left: 10px;
	background:url(http://www.angeln-alex.de/img/men_in.jpg) repeat-y;
	color: #7f6f6f;
	font-weight: bolder;
} 

li.lbms a:link, li.lbms a:visited, li.lbms a:active, li.lbms a:hover, li.lbmi a:hover{
	display: block;
	text-decoration: none; 
	font-family: comic sans ms,helvetica,arial,sans-serif;
	padding-left: 10px;
	background:url(http://www.angeln-alex.de/img/men_select.jpg) repeat-y;
	color: #3890ff;
	font-weight: bolder;

} 

a:link {
	color: #0000ff; text-decoration: none
}
a:visited {
	color: #0000ff; text-decoration: none
}
a:hover {
	color: #3890ff
}
a:active {
	color: #0000ff; text-decoration: none
}

a.foot:link {
	color: #7f6f6f; text-decoration: none
}
a.foot:visited {
	color: #7f6f6f; text-decoration: none
}
a.foot:hover {
	color: #3890ff
}
a.foot:active {
	color: #7f6f6f; text-decoration: none
}

h1 {
	padding-bottom: 2px; margin: 10px 5px; padding-left: 2px; padding-right: 2px; letter-spacing: 0.5px; font-size: 15pt; padding-top: 2px;
	font-family: comic sans ms,helvetica,arial,sans-serif; color: #7fa5ff
}
h2, h3 {
	padding-bottom: 2px; margin: 10px 5px; padding-left: 2px; padding-right: 2px; letter-spacing: 0.5px; font-size: 14pt; padding-top: 20px;
	font-family: comic sans ms,helvetica,arial,sans-serif; color: #7fa5ff
}
p {
	padding-bottom: 2px; margin: 10px 5px; padding-left: 2px; padding-right: 2px; letter-spacing: 0.5px; font-size: 10.5pt; padding-top: 2px; text-align: left;
}

table {
	margin: 10px 5px; 
	font-size: 10pt;
	max-width: 95%;
	word-wrap: break-word;
}

#inhalt ul {
	padding-bottom: 0px; list-style-type: none; margin: 10px; padding-left: 0px; padding-right: 0px; letter-spacing: 0.5px; font-size: 10pt; font-weight: bold; list-style-image: none; padding-top: 0px
}
p.pfad {
	border-bottom: #0000ff 2px dotted; margin: 18px 10px 20px 5px; color: #0000ff; font-size: 9pt
}


p#footer {
	text-align: center; padding-bottom: 3px; background-color: #cccc66; margin: 30px 0px 0px; padding-left: 3px; padding-right: 3px; color: #7f6f6f; clear: both; font-size: 9pt; border-top: silver 1px solid; padding-top: 3px
}
strong {
	font-weight: bold
}

p.werbunglinks {
	margin: 18px 10px 15px 20px
}

.bild {
	padding-bottom: 0px; margin: 2px; padding-left: 5px; width: auto; padding-right: 5px; float: left; height: auto; padding-top: 0px
}
.werbungunten {
	margin-top: 30px; width: 90%; border: none;
	padding: 10px 0;
}

#wlinks {
	border-bottom: #bac3ff 4px solid; border-left: #bac3ff 4px solid; border-top: #bac3ff 4px solid; border-right: #bac3ff 4px solid; padding-bottom: 10px; margin: 0px 0px 0px 25px; padding-left: 10px; width: 470px; padding-right: 10px; padding-top: 10px
}
#wlinks ul {
	list-style-type: none; padding-left: 1em; margin-left: 1em
}
#wlinks li {
	letter-spacing: 0.5px; font-size: 10pt
}

.link-block-head {
	margin-top: 30px;
}

.amzn {
display: inline-block;
margin-left: 10px;
border-radius: 5px;
background-color:#E6E6E6;
font-size:9px;
text-decoration:none;
color: green;
}

.amzn1 {
display: inline-block;
margin-left: 10px;
border-radius: 4px;
background-color: #f5d78a;
border:1px solid #cbaa5c;
font-size:9px;
text-decoration:none;
color: #146eb4;
}

/*--- Fischarten ---*/
div.fischart
{
	width: 130px;
	height: 120px;
	float: left;
	vertical-align: middle;
	margin-left: 15px;
	margin-bottom: 10px;
}
.fischart img
{
	border-style: none;
}

p.zentriert
{
	text-align:center;
}

#navoben {
	text-align: right; 
	background-color: #cccc66;  
	font-size: 10pt; 
	font-weight: bold; 
	float:left;
	width: 1150px;
	max-width: 100%;
}
#navoben a:link {
	color: #7f6f6f; text-decoration: none
}
#navoben span {
	color: #7f6f6f; text-decoration: none
}
#navoben a:visited {
	color: #7f6f6f; text-decoration: none
}
#navoben a:hover {
	color: #3890ff
}
#navoben a:active {
	color: #3890ff; text-decoration: none
}

#navoben ul { 
	list-style-type: none; 
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width:100%;
}
#navoben li {
    margin: 0 20px 0 0;
	display: block; 
	float:left;
}
#navoben li a {
	padding-bottom: 0px; 
	padding-left: 17px; 
	padding-right: 5px; 
	padding-top: 0px;
	line-height: 25px;
}
#navoben li span {
	padding-bottom: 0px; 
	padding-left: 17px; 
	padding-right: 5px; 
	padding-top: 0px;
	line-height: 25px;
	cursor: pointer;
}
#navoben li a.erste {
	border-bottom: medium none; border-left: medium none; border-top: medium none; border-right: medium none
}

#main-menu {
	float:left;
}

#main-menu .has-child a::after {
    content: " »";
}

#main-menu .has-child span::after {
    content: " »";
}

#main-menu .has-child ul li a::after {
    content: "";
}

#main-menu ul ul
{
	background: #d3d36a; 
	display:none;
	float:left;
	position: absolute;
	width: 155px;
	z-index: 999;
}

#main-menu ul ul a
{
	border: none;
	padding: 0 0 0 17px;
	
}

#main-menu ul ul li
{
	float:left;
	position: relative;
}

#main-menu ul li:hover > ul
{
	display:block;
}

#current a:link
{
	color: #3890ff
}

#navoben {
	display: none;
}

/* nav */
.nav {
	margin: 20px 0;
}

.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .miis a {
	background: none;
	color: #0000ff;
	border-radius: 5px;
}

/* center nav */
	.nav.center ul {
	text-align: center;
	}

	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 210px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(http://www.angeln-alex.de/img/icon-menu.png) no-repeat 10px 6px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		z-index: 99;
		margin: 0;
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}

	.nav .miik {
		padding: 5px 5px 5px 32px;
		text-align: left;
		border-radius: 5px;
		color: #666;
		line-height: 100%;
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	/* on nav hover */
	.nav ul:hover {
		//background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .miis {
		background: url(http://www.angeln-alex.de/img/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}

#resp-nav {
	display:none;
}

/* Tabellen Styles  This was made by João Sardinha
Visit me at http://johnsardine.com/ */
table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 0px 22px 0px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child{
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
	text-align: center;
	padding-left:20px;
}
table tr td:first-child{
	text-align: left;
	border-left: 0;
}
table tr td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

/* Hamburger */
#hamburger::before, #hamburger::after, #hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}
#hamburger::before {
    top: 10px;
}
#hamburger::before, #hamburger::after, #hamburger span {
    background: #444 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 30px;
}

#hamburger::after {
    top: 30px;
}
#hamburger {
    box-sizing: border-box;
	background: #fff;
    display: block;
    height: 45px;
    left: 0;
	position: absolute;
    top: 10px;
    width: 110px;
    z-index: 4;
}
#hamburger-menu {
    display: block;
    left: 60px;
	height: 45px;
	position: absolute;
    top: 22px;
    z-index: 4;
	color: #444;
}
#hamburger span {
    top: 20px;
}

#resp-logo{
	float: right; 
	margin: 10px 20px 0 0;
}

.fb-page {
	margin-top:15px;
	//overflow: hidden;
}

@media all and (max-width: 1300px) {
	p {
		font-size: 10pt;
}
	#inhalt {
		width: 80%;
		padding: 0;
}
	#werbung {
		width: 19%;
		//height: 800px;
		overflow:hidden;
}
	#container {
		width: 848px;
}
	#navoben li {
		margin: 0 10px 0 0;
}}

@media all and (max-width: 828px) {
	#werbung {
		width: 17%;
}}

@media all and (max-width: 750px) {
	#navlinks {
		display: none;
}
	#werbung {
		width: 25%;
}
	#inhalt {
		width: 75%;
}}

@media all and (max-width: 500px) {
	th {
		word-break: break-word;
}

	#inhalt, #werbung {
		width: 100%;
		margin: 0;
}
	.werbungunten{
		padding: 0;
}}
@media all and (min-width: 360px) {
	.werbungunten {
		width: 336px;
}}

@media all and (min-width: 848px) {
	.header {
		display: none;
}
	#head {
		background: url(http://www.angeln-alex.de/img/header-850.jpg) #626061 no-repeat; 
		height: 120px;
	}
	#navoben {
		display: block;
	}
	#inhalt {
		//width: 100%;
}}

@media all and (min-width: 1301px) {
#head {
	background: url(http://www.angeln-alex.de/img/header.jpg) #626061 no-repeat;
}}