@media screen and (max-width: 450px) {

body {padding: 0 0.25em 0 0.25em;}

#head {height: auto; width: 100%; background: none;}
#head #headLeft {display: none;}
#head #headLeft img {display: none;}
#head #headMiddle {display: none;}
#head #headMiddle img {display: none;}
#head #headRight {position: relative; height: auto; width: 100%; padding: 0 0 0 0; margin: 0.2em 0 1em 0; background: url(../../buttons/00_seedfinder.png) no-repeat; background-size: 100% auto;}
#head #headRight img {width: 100%; height: auto; margin: 55px 0 0 0; padding: 0 0 0 0;}

#crumb {position: inherit; width: 100%; text-align: left; white-space: inherit; background: none; font-size: 1.25em; padding: 0.1em 0 0.1em 0; background-color: #28422C; border-radius: 0.25em; text-align: center;}
#crumb h1 {margin: 0 0 0 0; height: inherit; line-height: inherit; font: inherit; font-weight: bold; color: #ededed; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0 0.2em #000, 0 -1px #000, 0 0 0.5em #000;}
#crumb div {margin: 0 0 0 0; color: #C0CCC0; height: inherit; line-height: inherit; font: inherit; font-weight: bold; text-shadow: -1px -1px #000,1px 1px #000,1px -1px #000,-1px 1px #000;}
#crumb div div {display: inline;}
#crumb div a {color: #B2FF7F; text-decoration: none;}
#crumb div a:visited {color: #99CC00;}

#menuLeft {position: inherit; left: inherit; top: inherit; right: inherit; width: 100%; font-size: 2em; background: #ededed;}
#menuLeft ul li {margin-top: 0;}
#menuLeft ul li #SELBOXmain.herewego {height: inherit;}
#menuLeft ul li #SELBOXbreeder, #menuLeft ul li #SELBOXstrains {width: 100%; font-size: 1em; line-height: 1em; height: 1.2em; overflow: hidden; margin: 0; padding: 0; border: 0; text-align: center;}
#menuLeft ul li #SELBOXstrains {border-top: 1px dotted #808080;}

#menurechts {position: inherit; left: inherit; top: inherit; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; background-color: transparent; overflow: none;}
#menurechts h1 {font-size: 2em; margin: 0.5em 0 0.2em 0; text-align: center; width: 100%;}
#menurechts li img {width: 100%; height: auto; border: 0;}

#menurechts .specialRight {margin: 0 0 1em 0; background-color: #E6F4E3; padding: 0 0 0 0; width: 100%; font-size: 2em;}
#menurechts .specialRight img {width: 100%; height: auto;}

#content {position: relative; color: black; background-color: #ededed; left: inherit; top: inherit; right: inherit; bottom: inherit; z-index: 1; padding: 0 0 0 0;}
#content div.somePartsNow {clear: both; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; text-align: center; vertical-align: top; overflow: hidden; background-color: #ededed; }
#content div.somePartsNow div.onePartFull, #content div.somePartsNow div.onePartFullwarDrei, #content div.somePartsNow div.onePartFullwarHalf {width: 100%; padding: 0 0 0 0; margin: 0.5em 0 0.5em 0;}

div#content.OberkanteUnterlippe div.center div#boxleft div.chart0 {margin-top: 1em;}
svg.SimpleSvgChart {width: 100%; height: auto;}
div#content.OberkanteUnterlippe div.center div#boxleft div.ATHprev {width: 100%; height: auto;}

div#content div.center div#boxleft {
	position: relative;
	left: inherit; top: inherit; right: inherit;
	width: 100%;
	z-index: 3;
	padding: 0 0 0 0;
	margin-top: 1em;
	}

div#content div.center div#stuff {
	position: relative;
	left: inherit; top: inherit; right: inherit;
	padding: 0 0 0 0;
	width: 100%;
	}
div#boxleft p.breederGal, div#boxleft p.LastNext {
	display: none;
	}

div#content div#stuff div.breedershortinfo {
	float: right;
	margin: 0 0 1em 1em;
	}
div#content div#stuff div.steckdriev p.phenos {
	float: right;
	margin: 0 0 1em 1em;
	text-align: center;
	}
div#content div#stuff div.steckdriev p.phenos {
	float: right;
	margin: 0 0 1em 1em;
	text-align: center;
	}

div#boxleft img#seedpic,
div#boxleft div#testResults {width: 100%; height: auto;}
div#boxleft img.userPic {width: 33.33%; height: auto;}
div#boxleft div#testResults table {width: 100%; text-align: left; font-size: inherit;}
#menuLeft .leftPlus {width: 100%;}
#menuLeft .leftPlus #radar {
	margin: 1em 0 1em 0; padding: 0 0 0 0; width: 100%; background-color: #C0C0C0; border-radius: 0.75em; font-size: 0.8em;
	}
#menuLeft .leftPlus h1.radH1 {
	width: 100%;
    font-size: 1m;
    margin: 0.5em 0 0 0;
    padding: 0 0 0 0;
   }
#menuLeft .leftPlus #radar img {margin: -1em 0 0 0; padding: 0 0 0 0; border: 0; border-radius: 0.75em; width: 100%; height: auto;}
#menuLeft .leftPlus #radar p.shoplink a {font-size: 1.5em;}
#menuLeft .leftPlus #radar div.wasHgroup h2 {font-size: 1.5em; margin: 0.1em 0 0 0;}
#menuLeft .leftPlus #radar div.wasHgroup h3 {font-size: 1.25em; margin: 0.1em 0 0 0;}

#menuLeft .plusStuff div {display: none;}

.hideMobile {display: none;}

ul#alpha li {
	border: 4px solid transparent;
	}
div.partInnerDiv table.SeedTable td, div.partInnerDiv table.SeedTable th {
	padding: 0.3em 0.1em 0.3em 0.1em;
	}
div.partInnerDiv table.SeedTable thead th {
	border-bottom: 10px solid #ededed;
	}

#menuLeft ul li li {
    font-size: 0.9em;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
	}

div#achtzigpromitte ul.breederslist {
	padding-left: 0;

	}
div#achtzigpromitte ul.breederslist li.einer {
    border: 2px solid transparent;
	display: block;
	text-align: left;

	}
div#achtzigpromitte ul.breederslist li.einer span.name {
	white-space: normal;
	}
div#achtzigpromitte ul.breederslist li.einer span.name a, div#achtzigpromitte ul.breederslist li.einer span.nameDurch a {
	display: inline-block;
	margin-left: -30px;
	margin-top: 7px;
	margin-right: 7px;
	}
div#achtzigpromitte ul.breederslist li.einer span.brlink {
	border: 2px solid transparent;
	float: right;
	white-space: normal;
	margin-right: -20px;
	}
}