/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

/* whole= 950x580px */
/* left= 605x580px */
/* right= 345x580px */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background: #ffffff;
 font-style: normal;
 color: #000000;
 text-decoration: none;

}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 130%;
font-weight: bold;
padding-bottom: 8px;
padding-top: 8px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 115%;
font-weight: bold;
padding-top: 20px;
padding-bottom: 6px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
padding-bottom: 4px;
}


p, ul {
padding-top: 6px;
padding-bottom: 6px;
/*text-indent: 20px;*/ 
}

ul {
padding-left: 15px;
}

div.caption {
font-size: 80% ;
padding-top: 6px;
}
div.sub-caption {
font-size: 70% ;
}

#wrapper { 
 margin: 0 auto;
 width: 950px;
 height: 580px;
 }

#navballs { 
position: absolute;
top: 239px;
left: 42px;
  }
  
/* only this one is different from the rest*/  
#navballs-utbildning { 
position: absolute;
top: 235px;
left: 47px;
  }
 
#content {
 position: relative;
 background: #E4E6e5;
/*margin-top: 186px;*/
 margin-left: 0px;
 padding-right: 0px;
 padding-left: 20px;
 overflow: hidden;
 height: 355px;
 width: 430px;
 float: right;
}

div.onepage {
position: relative;
padding-bottom: 300px;
height: 400px;
overflow: hidden;
}

div.onepage-nav {
position: absolute;
left: 100px;
top: 340px;
}

div.onepage-nav a {
text-decoration:none;
}

div.onepage-nav a:link {
color:#888;
}

div.onepage-nav a:visited {
color:#888;
}

div.onepage a:hover {
color:#5b8fbe;
}

#content img {
border-color:#ccc;
border-style:solid;
text-decoration:none;
}

img.con-image-right {
float: right;
}

div.content-image-right {
border-color:#ccc;
border-style:solid;
text-decoration:none;
float: right;
}

div.content-image-left {
border-color:#ccc;
border-style:solid;
text-decoration:none;
float: left;
}
 
#imagebox img {
border-color:#ccc;
border-style:solid;
text-decoration:none;
}

#imagebox a:link {
border:0px;
text-decoration:none;
border-color:#ccc;
border-style:none;
}

#imagebox a:visited {
border:0px;
text-decoration:none;
border-color:#ccc;
border-style:none;
}

#menu-page {
padding-top:5px;
text-align: center;
padding-bottom: 10px;
}

#menu-page ul {
list-style:none;
font-size:110%;
margin:0;
padding-bottom: 10px;
}

#menu-page h3 {
font-size:75%;
text-transform:uppercase;
color:#7894b5;
font-weight:normal;
letter-spacing:0.15em;
margin:1em 0 0.3em 0;
}

a:link {
color: #0000cf;
}

 a:visited {
color: gray;
}

#menu-page a{
text-decoration:none;
}

#menu-page a:link {
color:#888;
}

#menu-page a:visited {
color:#888;
}

#menu-page a:hover {
color:#5b8fbe;
}

#copyright {
color:#888;
text-align: center; 
font-size: 83%;
}