@charset "UTF-8";

@font-face {

	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book.eot?') format('eot'), 
	     url('fonts/Gotham-Book.otf')  format('opentype'),
	     url('fonts/Gotham-Book.woff') format('woff'), 
	     url('fonts/Gotham-Book.ttf')  format('truetype'),
	     url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
}

/*==============================================================*/
/* Basic							*/
/*==============================================================*/

html {
margin: 0;
padding: 0;
}

body {
margin: 40px auto 0 auto;
text-align: center;
background-color: #707C80;
}

table {
border-collapse: collapse;
}

p {
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
}

.antispam {			/* För att undvika spam från kontaktformuläret */
display:none;
}

.cdiv {				/* För att centrera saker */
text-align: center;
}

.button {			/* För styling av rundade knapparna */
padding: 12px 50px 10px 50px;
background-color: #394042;
-webkit-border-radius: 100px;
border-radius: 100px;
border: none;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
color: #fff;
font-family: 'Gotham-Book', sans-serif;
font-weight: 500;
letter-spacing: 2px;
text-decoration: none;
opacity: 0.7;
}

.button:hover {			/* Dimma knapparna lite vid mouseover */
opacity: 1;
}

/*==============================================================*/
/* Header - Content - Footer					*/
/*==============================================================*/

header {			/* Header för meny */
height: 40px;
position: fixed;
top: 10px;
transition: top 0.3s ease-in-out;
width: 100%;
}

.logo {
display: block;
max-height: 40px;
background-color: #500;
padding: 11px 15px 10px 15px;
font: 16px Gotham-Book, verdana, arial, sans-serif;
color: #fff;
letter-spacing: 3px;
text-decoration: none; 
//border: 1px solid #fff;
white-space: nowrap;
}

.logo:hover {opacity: 0.5;}

header #spaceheader {
//width: 20px;
background-color: #394042;
opacity: 0.7;
}

header #midheader {
width: 100%;
background-color: #394042;
opacity: 0.7;
}

header td {
margin: 0;
padding: 0;
vertical-align: center;
}

.menuitem {
display: block;
max-height: 40px;
background-color: #394042;
opacity: 0.7;
padding: 16px 10px 12px 10px;
//font: 0px arial, sans-serif;
font: 10px Gotham-Book, arial, sans-serif;
font-weight: bold;
letter-spacing: 2px;
color: #fff; 
text-decoration: none; 
text-transform: uppercase;
//border: 1px solid #fff;
}

.menuitem:hover {opacity: 1;}

.nav-up {
  top: -40px;
}

#content {			/* I denna DIV hamnar contentfilerna */
height: 100%;
}

#footer {
padding-top: 20px;
padding-bottom: 20px;
background-color: #F6F6F6;
font: 12px Gotham-Book, arial, sans-serif;
color: #888;
text-align: center;
}

/*==============================================================*/
/* Home								*/
/*==============================================================*/

#home {
padding-top: 90px;
//font: 14px Gotham-Book, "New Century Schoolbook", Times, serif;
//color: #000;
}

.browsehappy {font: 16px verdana, arial, sans-serif; color: #fff; font-weight: bold;}

#home h1 {font: 26px Gotham-Book, arial, sans-serif; color: #fff; font-weight: normal;}
#home h2 {font: 20px Gotham-Book, arial, sans-serif; color: #fff; font-weight: normal;}
#home h4 {font: 12px verdana, arial, sans-serif; color: #fff; font-weight: normal;}

#home table {margin: 0 auto 0 auto;}
#home td {width: 260px; height: 180px; padding: 5px 7px;}
#home img {border: none; border-radius: 10px; text-decoration: none;}
#home img:hover {opacity: 0.5;}

/*==============================================================*/
/* About							*/
/*==============================================================*/

#about {
margin: 0 auto 0 auto;
padding: 50px 0;
}
#about h1 {font: 26px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#about h3 {font: 16px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: bold;}

#aboutnarrow {
border-radius: 15px;
background-color: #fff;
width: 640px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
}

#about img {border-radius: 10px;}

#about .pictext {
margin-top: 12px;
font: 12px verdana, arial, sans-serif;
color: #000;
text-align: center;
}

#about .pictext img {
//margin-bottom: 5px;
}

/*==============================================================*/
/* Contact							*/
/*==============================================================*/

#contact {
padding-top: 30px;
font: 14px Gotham-Book, "New Century Schoolbook", Times, serif;
}
#contact h1 {font: 26px Gotham-Book, arial, sans-serif; color: #fff; font-weight: normal;}
#contact h2 {font: 20px Gotham-Book, arial, sans-serif; color: #fff; font-weight: normal;}

#contactform {
width: 430px;
border-radius: 15px;
margin: 20px auto 0 auto;
padding: 50px;
background-color: #fff;
font: 10px Gotham-Book, arial, sans-serif;
text-align: left;
}

#contactform input {
width: 90%;
border: none;
font: 14px Gotham-Book, arial, sans-serif;
}

#contactform textarea {
width: 95%;
padding: 10px;
overflow: auto;
font: 14px Gotham-Book, arial, sans-serif;
}

#contactinfo {
width: 250px;
margin: 20px auto 0 auto;
font: 14px Gotham-Book, arial, sans-serif;
color: #ccc;
}

#contactinfo a {color: #ccc;font-weight: normal; text-decoration: none;}
#contactinfo a:hover {color: #fff;}

#contactinfo td {
padding: 10px;
color: #ccc;
}

#contactinfo .alignleft {
text-align: left;
}

#contactinfo .aligncenter {
text-align: center;
}

/*==============================================================*/
/* Gallery							*/
/*==============================================================*/

#gallery {
width: 100%;
padding: 50px 0;
}

#gallery a {font: 14px Gotham-Book, verdana, arial, sans-serif; color: #33f;font-weight: normal; text-decoration: none;}
#gallery a:hover {color: #c00;}

#gallery td {
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
vertical-align: top;
padding: 0 0 0 20px;
}

#gallerynarrow {
border-radius: 15px;
background-color: #fff;
width: 640px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
}

#gallerynarrow img{
margin: 0 0 11px 11px;
}

#gallery h1 {font: 26px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#gallery h2 {font: 20px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#gallery h3 {font: 16px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#gallery img {border-radius: 10px;}

#gallery .pictext {
margin-top: 12px;
font: 12px verdana, arial, sans-serif;
color: #000;
text-align: center;
}

/*==============================================================*/
/* Links							*/
/*==============================================================*/

#links {
width: 100%;
padding: 50px 0;
}

#links a {font: 14px Gotham-Book, verdana, arial, sans-serif; color: #33f;font-weight: normal; text-decoration: none;}
#links a:hover {color: #c00;}

#links td {
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
vertical-align: top;
padding: 0 0 0 20px;
}

#linksnarrow {
border-radius: 15px;
background-color: #fff;
width: 640px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
}

#linksnarrow img{
margin: 0 0 11px 11px;
}

#links h1 {font: 26px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#links h2 {font: 20px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#links h3 {font: 16px Gotham-Book, verdana, arial, sans-serif; color: #000; font-weight: normal;}
#links img {border-radius: 10px;}

#links .pictext {
margin-top: 12px;
font: 12px verdana, arial, sans-serif;
color: #000;
text-align: center;
}

/*==============================================================*/
/* Hobbies							*/
/*==============================================================*/

#hobbies {
width: 100%;
padding: 50px 0;
//font: 16px Georgia, "New Century Schoolbook", Times, serif;
}

#hobbies a {font: 14px Gotham-Book, verdana, arial, sans-serif; color: #33f;font-weight: normal; text-decoration: none;}
#hobbies a:hover {color: #c00;}

#hobbies td {
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
vertical-align: top;
//text-align: center;
padding: 10px;
}

#hobbiesnarrow {
border-radius: 15px;
background-color: #fff;
width: 640px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
}

#hobbiesnarrow800 {
border-radius: 15px;
background-color: #fff;
width: 800px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
font: 14px Gotham-Book, verdana, arial, sans-serif; color: #000;
}

#hobbiesnarrow img{
//margin: 0 0 11px 0;
}

#hobbiesnarrow800 img{
//margin: 0 0 11px 0;
}

#hobbiesnarrow800 td{
padding: 3px;
}

#hobbies h0 {font: 14px Gotham-Book, verdana, arial, sans-serif; color: #0c0; font-weight: bold;}
#hobbies h1 {font: 26px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#hobbies h2 {font: 20px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#hobbies h3 {font: 16px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#hobbies img {border-radius: 10px;}

#hobbies video {border-radius: 10px;}

#kameralista table {
width: 640px;
}

#kameralista td {
padding: 10px;
//border-bottom: 1px solid #888;
font: 14px verdana, arial, sans-serif;
}

#kameralista .firstcol {
vertical-align: top;
white-space: nowrap;
font-weight: bold;
}

#hobbies .pictext {
margin-top: 12px;
font: 12px verdana, arial, sans-serif;
color: #000;
text-align: center;
}

#hobbies .cvlist td {
padding: 1px 1px 1px 25px;
}

/*==============================================================*/
/* Blog								*/
/*==============================================================*/

#blog {
width: 100%;
padding: 50px 0;
//font: 16px Georgia, "New Century Schoolbook", Times, serif;
}

#blognarrow {
border-radius: 15px;
background-color: #fff;
width: 640px;
padding: 20px 50px;
text-align: left;
margin: 0 auto 0 auto;
}

#blog h1 {font: 26px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#blog h2 {font: 20px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: normal;}
#blog h3 {font: 12px Gotham-Book, verdana, arial, sans-serif; color: #333; font-weight: bold;}
#blog img {border-radius: 10px; margin: 15px 0 0 10px;}

#blog table {
border-top: 1px solid #444;
margin-top: 10px;
}

#blog td {
vertical-align: top;
//border: 1px solid #000;
}