@charset "UTF-8";
* {
    
    margin: 0;
padding: 0;

	font-size: 100.01%;
}
#wrapper {
	width: 100%;
}
h1{
	font-family: "Lucida Grande", Arial, Times;
	color: #00667F;
	font-size: 1.0em;
	font-weight: bold;
	}
h2{
	font-family: "Lucida Grande", Arial, Times;
	color: #00667F;
	font-size: 0.8em;
	padding-top: 1em;
	margin-bottom: 1em;
	}
h3{
	font-family: "Lucida Grande", Arial, Times;
	color: #FFF;
	font-size: 1.0em;
	font-weight: bold;
	}
h4{
	font-family: "Lucida Grande", Arial, Times;
	color: #FFF;
	font-size: 0.9em;
	padding-top: 1em;
	}
h5 {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.75em;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 1.45em;
	padding-top: 1em;
	}

h6 {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 1.5em;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 0em;
	padding-top: 0.7em;
               color: #086A87;
	}



h7 {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 2.0em;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 0em;
	padding-top: 0.7em;
               color: #086A87;
	}


a {
	text-decoration: none;
	color: #333;
	}
a:hover {
	text-decoration: none;
	color: #FFF;
	}	
p {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.8em;
	color: #333;
	text-align: left;
	line-height: 1.45m;
	margin-bottom: 1em;
	}
ol {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.8em;
	color: #333;
	text-align: left;
	line-height: 1.45m;
	padding-left: 0%;
	margin-left: 8px;
	}
li {
	padding-left: -4%;
	font-size: 1em;
	line-height: 1.45m;
	font-family: "Lucida Grande", Arial, Times;
	margin-left: 14px;
	}
ul  {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.8em;
	color: #333;
	text-align: left;
	line-height: 1.45m;
	padding-left: 0%;
	}
hr	{
	color: #AFC982;
	border-bottom-style: solid;
	margin-top: 2em;
	margin-bottom: 6em;
	margin-left: 10%;
	margin-right: 10%;
	}
#head{
	height: 120px;
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 1;
	margin-bottom: 200px;
}

 #head img{
	float: right;
	position: fixed;
	margin-right: 90%;
	margin-left: 20%;
	margin-top: 40px;
	width: 80%;
}



#head .nav{
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.7em;
	float: left;
	margin-left: 1%;
	line-height: 1.5em;
	position: fixed;
	margin-top: 20px;
	width: 97%;
	font-style: bold;
	}
#head .nav:hover{
	color: #BFD2DC;
	}	
#head a{
	color: #00667F;
	}
#head a:hover{
	color: #76AB5A;
	font-family: "Lucida Grande", Arial, Times;
	}	
#head .nav2{
	font-size: 0.8em;
	}
#head .nav strong {
	color: #76AB5A;
}		
#eins {
	min-height: 20em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-color: #EDF3FD;
	background-size: cover;
}

#einsakt, #einsgew, #einsjugend{
	min-height: 40em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	background-color: #EDF3FD;
	padding-bottom: 2em;
	background-repeat: no-repeat;
	background-size: cover;
}


#einsakt {
	background-image: url(images/impressionen/bg-aktuelles-rosenheim_ausgeschalten.jpg);
	padding-top: 11em;
}
#einsgew{
	background-image: url(images/impressionen/bg-fisch_aus.jpg);
	}
#einsjugend {
	background-image: url(images/impressionen/jugend_12.jpg);
}
#zwei{
	min-height: 40em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-color: #E0F8E0;
}
#zweivorst{
	min-height: 35em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-color: #E0F8E0;
}
#drei{
	min-height: 35em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-color: #E0ECF8;
}	
#vier{
	min-height: 30em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 3em;
}
#vierfaq{
	min-height: 30em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 3em;
	margin-top: 60em;
}
#vierjugend{
	min-height: 30em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 11em;
	padding-bottom: 6em;
	margin-top: 4em;
}
#fuenf{
	min-height: 40em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-color:  #E0F8E0;
}
#bildindex{ /* Hintergrundbild Startseite */
	min-height: 45em;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 2em;
	background-image: url(images/fischgewaesser/schlei.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bild{
	min-height: 15em;
	width: 100%;
	float: left;
	background-image: url(images/impressionen/katzbach-hoch.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 2em;
	z-index: -1;
	}
#bilddr{
	min-height: 40em;
	width: 100%;
	float: left;
	background-image: url(images/impressionen/woehrache_rosenheim.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 4em;
	padding-bottom: 2em;
}	
.textesp {
	min-height: 2em;
	width: 81%;
	margin-left: 10%;
	padding-top: 2em;
	padding-bottom: 1em;
}
.textzsp {
	min-height: 3em;
	width: 81%;
	margin-left: 10%;
	padding-top: 1em;
	padding-bottom: 2em;
}
.textdsp {
	min-height: 3em;
	width: 75%;
	margin-left: 15%;
	padding-top: 0em;
	padding-bottom: 2em;
}

.textfsp {
	min-height: 3em;
	width: 75%;
	margin-left: 15%;
	padding-top: 0em;
	padding-bottom: 2em;
}


.figurindex, .figurindexz, .figurindexd{
	font-family: "Lucida Grande", Arial, Times;
	font-size: 1.0em;
	color: #FFF;
	text-align: left;
	min-height: 1em;
	width: 85%;
	margin-left: 4%;
	margin-top: 1em;
	background-color: #36AFA0;
	opacity: 0.9;
	border-radius: 1em;
	box-shadow: 2px 2px 5px 5px #666;
	padding-top: 16%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
}
.figurindexz {
	background-color: #AADB55;
}
.figurindexd{
	background-color: #00667F;
}
.figurindex a, .figurindexz a, .figurindexd a{
	color: #FFF;
}
.figure{
	min-height: 4em;
	width: 81%;
	text-align: left;
	padding: 1em;
}
.figureesp{
	width: 32.5%;
	float: left;
}
.figurezw{
	width: 67%;
	float: right;
}

.figcaption{
	height: 4em;
	width: 100%;
	float: left;
	text-align: center;
}
img{
	width: 96%;
	float: none;
	border-right-width: 2%;
	border-left-width: 2%;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-radius: 0.7em;
}	
table{
	color: #333;
	line-height: 1.2em;
	width: 100%;
}
td, tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
	font-size: 0.9em;
	font-family: "Lucida Grande", Arial, Times;
}
#footer{
	
                width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: url(images/impressionen/schleilacke_1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 21em;
	float: left;
	font-family: "Lucida Grande", Arial, Times;
	color: #FFF;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.45em;
	}	
#footer a{
	text-decoration: none;
	color: #FFF;
	}
#footer a:hover {
	text-decoration: none;
	color: #91B9CE;
	}
@media only screen and (min-width:480px) {
#head{
	height: 55px;
}
#head img{
	margin-right: 43%;
	margin-top: 22px;
	width: 60%;
	margin-left: 35%
}
#head .nav{
	line-height: 2em;
	}
#head .nav2{
	font-size: 0.85em;
	}
#eins{
	padding-bottom: 12em;
}
#einsakt{
	min-height: 20em;
}
#zweivorst{
	min-height: 230em;
}
#drei{
	padding-bottom: 12em;
}
#vierfaq{
	min-height: 30em;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 9em;
	padding-bottom: 3em;
	margin-top: 50em;
}
.figurindex, .figurindexz, .figurindexd{
	font-size: 0.7em;
	width: 27%;
	margin-left: 2.5%;
	margin-top: 8em;
	padding-top: 10%;
	float: left;
	padding-left: 1%;
}
.figure{
	min-height: 4em;
	width: 22%;
	text-align: left;
	padding: 1em;
	float: left;
	margin-top: 1em;
}
.figcaption{
	height: 2em;
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 4em;
}
}
@media only screen and (min-width:768px) {
h1{
	font-size: 1.3em;
	}
h2{
	font-size: 1.0em;
	}
h3{
	font-size: 1.2em;
	margin-bottom: 12em;
	}
h4{
	font-size: 1.0em;
	}
h5 {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.9em;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 1.45em;
	padding-top: 0.7em;
	}

titel {
	font-family: "Lucida Grande", Arial, Times;
	font-size: 0.9em;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 1.45em;
	padding-top: 0.7em;
	}



p {
	font-size: 0.9em;
	}
ul, ol, li {
	font-size: 0.95em;
	}
ul, ol {
	padding-left: 0%;
	}
#head{
	height: 80px;
}
#head .nav{
	font-size: 0.8em;
	line-height: 1.7em;
	margin-top: 15px;
	width: 85%;
	}
#head .nav2{
	font-size: 0.9em;
	}
#head img{
	margin-right: 43;
	margin-left: 35%;
	margin-top: 22px;
	width: 60%;
}
#eins {
	padding-top: 15em;
	min-height: 30em;
	padding-bottom: 16em;
}
#einsgew {
	padding-top: 15em;
}
#einsjugend {
	padding-top: 15em;
	min-height: 30em;
}
#einsakt{
	padding-top: 15em;
	min-height: 30em;
}
#zwei, #zweiindex {
	padding-top: 15em;
	min-height: 40em;
	padding-bottom: 16em;
}
#zweivorst{
	padding-top: 15em;
	min-height: 210em;
}
#drei {
	padding-top: 15em;
	min-height: 32em;
	padding-bottom: 16em;
}
#vier{
	padding-top: 15em;
	min-height: 30em;
}
#vierjugend{
	padding-top: 15em;
	padding-bottom: 16em;
}
#vierfaq{
	padding-top: 15em;
	padding-bottom: 16em;
}
#bild{
	min-height: 18em;
	margin-bottom: 6em;
	}
.figurindex, .figurindexz, .figurindexd{
	font-size: 1em;
	margin-top: 28em;
	padding-left: 1.5%;
}
.figureesp{
	width: 32.5%;
}
.figurezw{
	width: 67%;
}
.textesp {
	width: 25%;
	padding-top: 0em;
	float: left;
}
.textzsp {
	width: 50%;
	margin-left: 37%;
	padding-top: 4em;
}
.textdsp {
	width: 70%;
    margin-left: 15%;
  }
  
 .textfsp {
	width: 45%;
    margin-left: 25%;
  
td, tr{	
	font-size: 0.95em;
}
#footer {
	font-size: 0.9em;
}
}
@media only screen and (min-width:1024px) {
		
#head{
	height: 100px;
}
#head img{
	margin-right: 2%;
	margin-left: 66%;
	margin-top: 58px;
	width: 32%;
}	
#zweivorst{
	min-height: 250em;
}
img{
	width: 96%;
	float: none;
	border-right-width: 2%;
	border-left-width: 2%;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-radius: 0.7em;
}
}
@media only screen and (min-width:1700px) {
* {
	max-width: 1900px;
}
body {margin-left: 0%; margin-right: 0%;  
	width: 100%;
}
#wrapper {
	max-width: 1800px;
}
#head{ 
	width: 100%;
	}
#head img{ /* Position und Gr��e des Vereinslogos */
	margin-right: 20%;
	margin-left: 40%;
	margin-top: 27px;
	width: 60%;

}
}