/**
profiltiefe.css styles the MarSurf subpages

*/
/*
small {
    font-size: 38px;
}
*/
#domiWave{
    max-width: 700px;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.slider {
    margin: 330px 5px 30px;
    display: block;
    height: 20px;
    width: 95%;
    background-color: #BD0030;
    max-width: 700px;
}

table {
    border: 1px solid black;
    text-align: center;
}
th {
    border: 1px solid black;
    font-weight: bold;
    padding: 10px;
}
td {
    border: 1px solid black;
    padding: 5px;
    background-color: #FFF;
    vertical-align: middle;
}
.h2GPS{
    font-size: 200%;
}

ol{
    list-style: decimal;
    margin-left: 20px;
    line-height: 25px;
}

.inline{
    display: inline;
}
.helpLinks{
    background-color: #fff;
    border: 2px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
}
.helpLinks h2{
    margin: 20px;
}

.helpLinks h3{
    margin: 20px;
}

#rrrmm{
    font-size: 20px;
}

#rrrmm .supIcon{
    font-size: 15px;
}
.linesheight{
        line-height: 25px;
}

.svgcontentTwo{
    max-width: 480px;
    max-height: 190px;
    border-color: #CA002F;
    width: 480px;
}

.frameForTwo{
    width:100%;
    float: left;
}

.strong{
    font-weight: bold;
    margin-right: 3px;
}

#pageContent {
    padding-bottom: 100px;
}
svg{
    max-width: 700px;
    max-height 300px;
}
#MarSurfSvg{
    max-height: 300px;
    max-width: 700px;

    height: 300px;
    width: 700px;

    border-color: #CA002F;

}
#MarSurfSvgBlack{
    max-height: 300px;
    max-width: 740px;
    height: 300px;
    width: 700px;
    float:none;
}
.svgFormel{
    background: none;
    border: none;
    width: 98%;
    height: 47px;
}

#svgRskFormel{
    width: 30%;
    height: 50px;
    margin-top: 75px;
}

#svgRkuFormel{
    width: 30%;
    height: 50px;
    margin-top: 75px;
}

#inputValue {
    -moz-appearance: none;
    box-shadow: inset 0 0 5px #333;
    background-color: #999;
    height: 10px;
    width: 95%;
    min-width: 280px;
}

#svgboxcontent {
    padding: 0px 0px;
}

.icoSurf{
    font-size: 50px;
   font-weight: bold;
    float: left;
    background: white;
    border: 3px solid black;
    margin: 6px;
    padding: 10px 20px;
}

.icoSurfW{
    font-size: 50px;
   font-weight: bold;
    float: left;
    background: white;
    border: 3px solid black;
    margin: 6px;
    padding: 10px 10px;
}

.supIcon {
    vertical-align: sub;
    margin-left: 0;
    font-size: 20px;
}

.supText{

    margin-left: 0;
    font-size: 13px;
    vertical-align: sub;
}

.frameSurf {/*
    width: auto;*/
    max-width: 600px;
    max-height: 270px;
    margin-right: 15px;
}

#svgboxcontent article {
    float: left;
    width: 80%;
    margin-right: 100px;
    margin-left: 100px;
    font-size: 17px;
}

h2 {
    margin: 40px 105px 7px;
}

h3 {
    margin-left: 108px;
}

.profiltiefeUL{
    list-style-type: circle;
    margin-left: 20px;
    line-height: 25px;
}
#longWord{
    font-size: 47px;
}


@media (max-width: 885px)
{
    .helpLinks{
        margin-left: 5px;
        margin-right: 5px;
    }
    .icoSurf{
        margin: 5px;
        padding: 5px 15px;
    }
     h2{
            font-size: 300%;
            margin: 10px 0px 80px 3px;
            margin-bottom: 0px;
            padding-bottom: 5px;
    }
    h3{
        margin-left: 65px;
    }
}
@media (max-width: 850px){
	#MarSurfSvgBlack {
    	max-height: 230px;
    	max-width: 600px;
    	height: 230px;
		width: 600px;
	}
}


@media (max-width: 900px)
{
    .icoSurfW {
        font-size:  36px;
    }
}

@media (max-width: 800px)
{
    #svgboxcontent article {
        margin-right: 50px;
        margin-left: 50px;
        width: 85%;
    }

    #MarSurfSvg{
        max-height: 300px;
        max-width: 700px;
    }

}
@media (max-width: 750px)
{
    #MarSurfSvg{
        max-height: 250px;
        max-width: 575px;
    }
}
@media (max-width: 700px)
{
    #svgboxcontent article {
        margin-right: 5px;
        margin-left: 5px;
    }
    #MarSurfSvg{
        max-height: 270px;
        max-width: 625px;

    }
}
@media (max-width: 650px)
{
    #MarSurfSvg{
        max-height: 250px;
        max-width: 575px;
    }
}
@media (max-width: 615px){
	#MarSurfSvgBlack {
		height:200px;
		width: 100%;
		}
}


@media (max-width: 600px)
{
    h2 {
        font-size: 240%;
    }
    .icoSurfW {
        font-size: 27px;
    }
     .icoSurf {
        font-size: 35px;
    }
    .svgcontentTwo{
        width: 300px;
        height: 123px;
    }
    #svgRkuFormel{
         width: 95%;
         margin-top: 0px;
    }
    #svgRskFormel{
        width: 95%;
        margin-top: 0px;
    }
    #rrrmm{
        font-size: 12px;
    }

    #rrrmm .supIcon{
        font-size: 10px;
    }
    .slider{
        margin: 270px 5px 30px;
    }
    #MarSurfSvg{
        max-height: 227px;
        max-width: 525px;
    }
}
@media (max-width: 550px)
{
    #MarSurfSvg{
       max-height: 210px;
        max-width: 477px;
    }
}
@media (max-width: 500px){
    .slider {
    margin: 225px 5px 30px;
    }
    #MarSurfSvg{
        max-height: 205px;
        max-width: 445px;
    }
}

@media (max-width: 470px)
{
     h2 {
        font-size: 200%;
    }
    .icoSurf {
        font-size: 30px;
    }
    .icoSurfW {
        font-size: 20px;
    }
    #inputValue {
        width: 90%;
    }
    .supIcon {
        font-size: 12px;
    }
    table {
        font-size: 11px;
    }
    table .supText{
        font-size: 9px;
    }
    th {
        font-weight: bold;
        padding: 2px;
    }
    td {
        padding: 1px;
    }
    .slider {
        margin: 200px 5px 30px;
    }
    #MarSurfSvg{
        max-height: 183px;
        max-width: 400px;
    }
}

@media (max-width: 420px){
   #MarSurfSvg {
       max-height: 177px;
       max-width: 375px;
   }
}

@media (max-width: 400px)
{
    table {
        width: 100%;
        font-size: 9px;
    }
    th {
        font-weight: bold;
        padding: 2px;
    }
    td {
        padding: 1px;
    }
    .textLong{
        font-size: 195%;
    }
    .schiefe{
        font-size: 190%;
        margin-bottom: 5px;
    }
    .roughBase{
        font-size: 175%;
        margin-bottom: 5px;
    }
    .iconSurfOneLetter{
        margin-left: 65px;
    }
    .slider {
        margin: 175px 5px 30px;
    }
    #MarSurfSvg {
        max-height: 142px;
        max-width: 325px;
    }
	#MarSurfSvgBlack {
			height:120px;
			width: 100%;
		}
}

@media (max-width: 350px){
    .slider {
        margin: 160px 5px 30px;
    }
    #MarSurfSvg {
        max-height: 135px;
        max-width: 305px;
    }
}
@media (max-width: 330px){

    #svgboxcontent article {
        width: 90%;
    }
    #MarSurfSvg{
        max-height: 130px;
        max-width: 290px;
    }
     h2{
        font-size: 32px;
    }

}