@charset "utf-8";
/* STYLESHEET MADE BY HTTP://WWW.MALINANTONSSON.SE*/

* {
	margin:0px;
	padding:0px;
}

body {
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
}

#wrapper {
	background-color:#FFF;
	min-width:35em;
	width:70%;
	height:auto;
	margin:auto;
	padding:0.5% 0.5%;
}

#header {
	width:100%;
	height:auto;
	padding: 3em 0;
	text-align:center;
}


/*Huvudmeny*/
#navigation {
	min-width:100%;
	height:auto;
	text-align:center;
}

	#navigation ul {
		margin: 0;
		padding: 0;
	}

		#navigation ul li {
			list-style-type: none;
			display: inline-block;
			width:32.5%;
			margin:0;
			height:auto;
			padding: 5px 0;
		}

			#navigation ul li a {
				color:#FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.3em;
				text-decoration:none;
			}	

/*klasser för huvudmeny & sidmeny*/
.family {
	background-color:#3FD13F;
}


.aupair {
	background-color:#5CDBE5;
}

.nanny {
	background-color:#00D8C3;
}

/*Sidmeny*/
#subNavigation {
	clear:left;
	width:18%;
	height:auto;
	float:left;
	padding: 2% 1%;
	margin:2.7% 5%;
	color:#FFFFFF;
	font-size:1em;
}

	#subNavigation a {
		color:#FFF;
		text-decoration:none;
	}

		#subNavigation > ul > li {
			list-style-type: none;
			margin-top: 5%;
		}

	/*Markerar var i sidmenyn användaren befinner sig*/
	#this {
		font-weight:bold;
	}

/*Brödsmulemeny*/
#breadcrumbs {
	font-size:0.7em;
}

/*Innehåll för sidor med sidmeny*/
#content {
	width:50%;
	height:auto;
	padding:1% 4% 1% 4%;
	margin:1% 30% 3% 30%;
}

/*Innehåll för sidor utan sidmeny*/
#frontContent {
	width:60%;
	padding:1%;
	margin:auto;
}

.width {
	width:98%;
}

.image {
	text-align:center;
}


p {
	font-size:0.8em;
	margin:1em 0;
}

.form {
	display:none;
}

h1 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	margin-top:2%;
}

h2 {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	margin-top:2%;
}

a {
	color: #999999;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;	
}

/*Sidfot*/
#footer {
	margin:0 1% 1% 1%;
	width:98%;
	min-height:7em;
	background-color:#F2F2F2;
}

	#socMedia, #information {
		width:19%;
		padding:1%;
		height:auto;
		float:left;
		font-size:0.8em;
		margin-left:1%;
	}

		#socMedia a {
			vertical-align: top;
			margin-left:1%;
		}

	#address, #contact {
		width:26%;
		padding:1%;
		height:auto;
		float:left;
		font-size:0.8em;
	}

/*Klass som gör texten fet*/
.contact {
	font-weight:bold;
}

/*Klass som gör texten kursiv*/
.exampel {
	font-style:italic;
}

/*Element för formulär*/
form > h2 {
	clear:both;
	font-size:1.2em;
	margin-bottom:1em;
	margin-top:1em;
}

form > p {
	clear:both;	
	margin-top:1.5em;
}

label {
	float: left;
	width: 25%;
	font-weight: bold;
}

.hidden {
	visibility:hidden;
}

input, textarea, select {
	width: 12em;
	margin-bottom: 5px;
	margin-left: 1em;
}

.margin  {
	margin-top:4em;
}

input.radio, input.check {
	width:auto;
	margin-left:1%;
}

textarea {
	width: 15em;
	height: 10em;
}

.boxes {
	width: 1em;
}

/*slut på formulär*/

.downloadLink {
	margin:0.7em;
}

#help {
	clear:both;
}

dl, ul {
	font-size: 0.8em;
	list-style-position:inside;
}


dt {
	font-weight:bold;
	margin-top:1em;
}

ul > li > ul > li {
	margin-left:5%;
}

img {
	border:none;
}

/*FACEBOOK*/
iframe {
	margin-top:4em;
}