/* Stylesheet voor website tacosorgdrager.nl - desktop screen version */

body
{
	font-size: 100%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color: #111; /* #222;*/
	color: #488c8d;
	background-image: url(../img/tshome-bg1.png);
	background-repeat: no-repeat;
	background-position: center 8em;
}

div#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

header
{
	/*float: left;
	clear: both;*/
	width: 100%;
	height: 90px;
	text-align: center;
	border-top:12px solid #111;
}

header > h1
{
	font-weight:normal;
	font-size: 120%;
	font-family: Play,Verdana,Arial,Helvetica,sans-serif;
	letter-spacing: 0.6em;
	color: #789447;
}

div#muziek, div#internetdiensten, div#schrijven
{
	margin-bottom: 4em;
}

div#muziek nav ul > li.main-one a
{
	color:#ff00ff;
	padding:0;
	text-decoration: none;
	font-size: 3em;
	font-family: Megrim,Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.2em;
	letter-spacing: 0.03em;
}


div#muziek nav ul > li.main-one a:hover
{
	color: #ff00ff;
	text-decoration: underline;
}

div#muziek nav ul li ul li 
{
	display: inline;
}

div#muziek nav ul li ul li.subnav a
{
	color: #488c8d;
	font-size: 120%;
	font-family: Play, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: 0.2em;
	letter-spacing: 0.03em;
}

div#muziek nav ul li ul li.subnav a:hover
{
	text-decoration: underline;
	color: fuchsia; /*#789447;*/
}


div#internetdiensten nav  ul > li.main-two a
{
	color:#ffff00;
	padding:0;
	text-decoration: none;
	font-size: 3em;
	font-family: Megrim, Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.2em;
	letter-spacing: 0.03em;
}


div#internetdiensten nav ul li.main-two a:hover
{
	color: #ffff00;
	text-decoration: underline;
}

div#internetdiensten nav ul li ul li 
{
	display: inline;
}

div#internetdiensten nav ul li ul > li.subnav a
{
	color: #488c8d;
	font-size: 120%;
	font-family: Play, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: 0.2em;
	letter-spacing: 0.03em;
}

div#internetdiensten nav ul li ul > li.subnav a:hover
{
	text-decoration: underline;
	color: #ffff00; /*#789447;*/
}


li.main-three a
{
	color:#1e90ff;
	padding:0;
	text-decoration: none;
	font-size: 3em;
	font-family: Megrim, Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.2em;
	letter-spacing: 0.03em;
}

div#schrijven nav ul > li.main-three a:hover
{
	color: #1e90ff;
	text-decoration: underline;
}

div#schrijven nav ul li ul li 
{
	display: inline;
}

div#schrijven nav ul li ul > li.subnav a
{
	color: #488c8d;
	font-size: 120%;
	font-family: Play, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: 0.2em;
	letter-spacing: 0.05em;
}

div#schrijven nav ul li ul > li.subnav a:hover
{
	text-decoration: underline;
	color: #1e90ff; /*#789447;*/
}


/* colofon */
/*
section#colofon
{
	width: 100%;
	text-align: center;
}
*/


.flyout
{
	display: block;
}

.flyout li
{
	display:inline;
	list-style-type: none;
	/*margin-left:60px;*/
}

.flyout li
{
	margin: 0em 0em 0em 0em;
}

.flyout li a
{
	font-size: 0.9em;
	font-family: Play, Verdana, Arial, Helvetica, sans-serif;
	color: #789447;
	text-decoration: none;
}

.flyout li a:hover
{
	color:#789447;
	text-decoration:underline;
}


.flyout ul {
	/*visibility: hidden;*/
	display:none;
	/*position: absolute;
	z-index: 10;
	left: 0;
	top: 0;*/
	/*position: absolute;
	top: 50px;
	left: 29%;
	z-index: 100;*/
	padding: 10px;
	border: 12px solid #324019; /* #416be2 */
	border-image: url(../img/colofon-border-bg.png) 27 27 27 27 round round;
	border-top-left-radius: 1em 1em;
	border-top-right-radius: 1em 1em;
	border-bottom-left-radius: 1em 1em;
	border-bottom-right-radius: 1em 1em;
	box-shadow: 20px 20px 15px 15px #333;
	/*-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;*/
}


.flyout li:hover>ul {
	/*visibility: visible;*/
	display: block;
	position: absolute;
	top: 45px;
	left: 35%; /*27.5%;*/
	width: 25%;/*730px;*/
	min-width: 350px;
	height: 445px;
	background-color: #789447;
	white-space: normal;
	text-align:center;
}

.flyout li:hover>ul li
{
	width: 100%;
	/*background-color: #9dbb0d;*/
}

.flyout > li >a.toggleup
{
	padding: 50px 30px 20px 30px;
	/*background-color: red;*/
}

.flyout li ul
{
	background-image:url(../img/flyout-home2.jpg);
	background-position: -1em -1em;
}

.flyout li ul li ol
{
	color: #333;
	text-align: left;
	font-size: 0.8em;
	line-height: 120%;
}

.flyout li ul li ol >li
{
	padding-bottom: 5px;
	line-height: 120%;
}

.flyout li ul li ol >li a
{
	color: #333;
	font-weight:bold;
	font-size: 1em;
	text-decoration: underline;
}

.flyout li ul li ol >li a:hover
{
	color: maroon;
	font-size: 1em;
	text-decoration: underline;
}


.flyout >li ul li ol li.liheading
{
	display:block;
	font-weight:bold;
	font-size: 1.2em;
	margin:1em 0em 0.3em 0;
	color: maroon;
}
/* einde colofon */