/* CSS Document for Ryter Holzbau */
/* Created by Jonathan Ryter for ryterholzbau.ch */
/* September 2016 */


body		{background-color:#d0d0cc;
			color:#000000;
			margin:0;
			padding:0;
			text-align:center;
			font-size:100%}
			
#container	{width:900px;
			border-bottom:1px solid #000099;
			margin:10px auto 0 auto;
			padding:0px;
			background-color:#FFFFFF;
			text-align:left;}
			
#hnav		{position:relative;
			border:1px solid #000099;
			width:410px;
			margin:-10px 0px 0px 25px;
			padding:0px;
			z-index:2;}

#nav		{border:1px solid #000099;
			width: 200px;
			float:left;
			color:#FFFFFF;
			margin:40px 0px 0px -25px;
			padding:0px;}

#header		{margin:0 0 0px 0;
			z-index:2;}

#main		{float:left;
			margin:40px 0 15px 25px;
			width:680px;
			padding:0 2px;
			min-height:400px;}

#bottom		{clear:left;
			border-top:1px solid #0033FF;
			color:#666666;
			font-size:13px}

a.nav			{font-size:18px;
				padding:2px 0 2px 2px;}

a.nav:link		{color:#FFFFFF;
				background-color:#0033FF;
				display:block;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}

a.nav:visited	{color:#FFFFFF;
				background-color:#0033FF;
				display:block;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}
				
a.nav:hover		{color:#0033FF;
				display:block;
				background-color:#FFFFFF;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}

a.nav:active	{color:#FFFFFF;
				background-color:#0033FF;
				display:block;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}
				

a.subnav		{font-size:18px;
				padding:2px 0 2px 15px;}


a.subnav:link	{color:#FFFFFF;
				background-color:#2266FF;
				display:block;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}

a.subnav:visited{color:#FFFFFF;
				display:block;
				background-color:#2266FF;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}
				
a.subnav:hover	{color:#0033FF;
				display:block;
				background-color:#FFFFFF;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}

a.subnav:active	{color:#FFFFFF;
				background-color:#2266FF;
				display:block;
				text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;}
				
a.hnav			{padding:4px 5px 7px 5px;}

a.ext			{font-size:18px;}

a.ext:visited	{color:#0033FF;}

h1				{margin-top:5px;}

p				{font-size:20px;}

@media(max-width:900px){
	#nav {
		margin: 40px 0 0 0;
	}
	#main		{float:left;
			width:655px;
			min-height:400px;}
}