/* Victor Larsson Personal Portfolio 2010 Copyrights reserved */
/* Body elements, font */
html, body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:14px;
	color: #545454;
	border: none;
}

h1,h2,h3,h4,h5,h6	{
	margin: 0;
	padding: 0;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	display:inline;
	color: #9f9f9f;
	font-size: 14px;

}
.fragetecken {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #6e6e6e;
}
a {
	color: #212121;
	text-decoration: none;
}
a:focus {
	outline:none;
}
.standard {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size: 36pt;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	line-height: 1em;
	color: #ff0041;
}
img,div {
	border: 0px;
	display: block;
	outline:none;
}	
#wrapper {
	width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#header {
	width: 100%;
	height: 120px;
	background: #1a1a1a url(../images/bg.jpg) bottom no-repeat;
}
#head {
	width: 100%;
	height: 120px;
	background: #1a1a1a url(../images/bg.jpg) bottom no-repeat;
}
#top {
	width: 850px;
	height: 65px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	margin: 0 auto 0 auto;
}
#logo {
	width: 300px;
	height: 36px;
	margin: 10px 0 0 0;
	float: left;
}

.clearfix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Nav */
#nav-top {
	background:url(../images/nav/nav.png) -0px 0 no-repeat;
    width: 251px;
    height: 32px;
	float:right;
	margin: 14px 0 0 0;
	padding:0;	

}

#nav-top span {
    display: none;
}

#nav-top li, #nav-top a {
    height:32px;
	display:block;
}
#nav-top li {
    float:left;
    list-style:none;
	display:inline;

}

#media {width: 77px; height: 32px; }
#about {width: 77px; height: 32px; }
#contact {width: 97px; height: 32px;}
	
#media a:hover, .media_active {
	background:url(../images/nav/nav.png) 0px -32px no-repeat;
}
#about a:hover, .about_active {background:url(../images/nav/nav.png) -77px -32px no-repeat; 	}
#contact a:hover, .contact_active {background:url(../images/nav/nav.png) -154px -32px no-repeat; 	}


/* CASE */
.case {
	width: 702px;
	height: 485px;
	margin: 0 0 70px 0;
}
.case-top {
	width: 702px;
	height: 35px;
}
.case-topic, case-topic:focus {
	float:left;
	width:500px;
	height: 36px;
	outline:none;
	padding: 0 0 0 2px;
}
.case-year {
	float:right;
	width: 190px;
	height: 13px;
	margin: 8px 0 0 0;
	text-align: right;
	padding: 0 5px 0 0;
}

.case-background {
	background: url(../images/gfx/case-background.png) no-repeat;
	width: 696px;
	height: 322px;
	margin: 11px 0 0 0;
	padding: 6px 0 0 6px;
	behavior:url('iepngfix.htc');
}
.case-info {
	width: 595px;
	height: 50px;
	padding: 10px 0 0 2px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #707070;
}
.case-icons {
	float: left;
	width: 120px;
	height: 27px;
	margin: 0 0 0 2px;
	background:url(../images/gfx/icon_all.png) no-repeat;
}
.case-icons-ps {
	float: left;
	width: 120px;
	height: 27px;
	margin: 0 0 0 2px;
	background:url(../images/gfx/icon_ps.png) no-repeat;
}
.case-icons-ae {
	float: left;
	width: 120px;
	height: 27px;
	margin: 0 0 0 2px;
	background:url(../images/gfx/icon_ae.png) no-repeat;
}
.case-icons-web {
	float: left;
	width: 120px;
	height: 27px;
	margin: 0 0 0 2px;
	background:url(../images/gfx/icon_web.png) no-repeat;
}
.case-launch {
	background:url(../images/nav/launch.png) 0 0 no-repeat;
    width: 118px;
    height: 45px;
	float:right;
	margin: 0 0 0 0;
	padding:0;	
}

.case-launch span {
    display: none;
}

.case-launch li, .case-launch a {
    height:45px;
	display:block;
}

.case-launch li {
    float:left;
    list-style:none;
}
.case-icon {
	width: 100px; 
	height: 45px;
	
}
.case-button {
	width: 118px; 
	height: 45px;
}
.case-button a:hover {
	background:url(../images/nav/launch.png) -118px 1px no-repeat; 
}
.case-colorfirst {
	float:left;
	width: auto;
	height:36px;
}
.case-colorsecond {
	float:left;
	width: auto;
	height:36px;
	margin: 0 0 0 5px;
}

/* About */
.about {
	width: 850px;
	height: 550px;
	margin: 0 0 70px 0;
}
.about-top {
	width: 850px;
	height: 35px;
	margin: 0 0 30px 0;
}
.about-topic{
	float:left;
	width:500px;
	height: 36px;
	outline:none;
}

#gfx-me {
	background:url(../images/gfx/me.png) no-repeat;
	width: 295px;
	height: 465px;
	float:left;
}
.biography {
	width: 280px;
	height: 461px;
	float: left;
	margin: 0 0 0 20px;
}
.biography-topic {
	width: 230px;
	height: 26px;
	margin-bottom: 20px;
}
.biography-part-one{
	width: 280px;
	height: auto;
	padding: 10px 0 0 0;
}
.biography-part-two{
	width: 280px;
	height: auto;
	padding: 10px 0 0 0;
}
.biography-part-three{
	width: 280px;
	height: auto;
	padding: 10px 0 0 0;
}
.biography-part-status{
	width: 280px;
	height: auto;
	padding: 10px 0 0 0;
	color: #ff0041;
}
.knowledge {
	width: 230px;
	height: 461px;
	float: left;
	margin: 0 0 0 20px;
}
.knowledge-info{
	width: 230px;
	height: auto;
	padding: 10px 0 0 0;
}
.knowledge-column {
	padding: 0 0 10px 0;
}
.x {
	color: #1a1a1a;
}
.dot {
	color: #ff0041;
}
/* Contact */

.contact {
	width: 850px;
	height: auto;
	margin: 0 0 170px 0px;
}
.contact-top {
	width: 850px;
	height: 35px;
}
.contact-topic, contact-topic:focus {
	float:left;
	width:500px;
	height: 36px;
	outline:none;
}

.contact-info {
	width: 170px;
	height: 160px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color: #545454;
	font-size: 14px;
}
.adress {
	width: 170px;
	height: 35px;
	padding: 26px 0 0 0;

}
#nummer {
	width: 170px;
	height: 76px;
	padding: 26px 0 0 0;
}
.nummer-logo {
	float:left;
	width: 22px;
	height: 50px;
}
.nummer-adress {
	float:left;
	width: 140px;
	height: 50px;
	display: inline;
}


.contact-form {
	width: 330px;
	height: 320px;
	margin: 0 0 80px 0;

}
#contact-form-rubrik {
	width: 330px;
	height: 35px;
	margin: 45px 0 10px 0;
}
.name {
	background: url(../images/contact/tiny.png) no-repeat;
	border: 0;
	width: 251px;
	height: 30px;
	padding: 4px 0 0 4px;
	color: #545454;
	margin: 3px 0 3px 0;
		font-size:12px;
	font-family: Tahoma, Arial;
}
.name:focus,.name:hover {
	background: url(../images/contact/tiny_focus.png) no-repeat;
	border: 0;
	width: 251px;
	height: 30px;
	padding: 4px 0 0 4px;
	color: #545454;
	margin: 3px 0 3px 0;
		font-size:12px;
	font-family: Tahoma, Arial;
}
.big {
	background: url(../images/contact/big.png) no-repeat;
	border: 0;
	width: 323px;
	height: 95px;
	padding: 4px 0 0 4px;
	color: #545454;
	margin: 3px 0 3px 0;
	font-size:12px;
	font-family: Tahoma, Arial;
}
.big:focus, .big:hover {
	background: url(../images/contact/big_focus.png) no-repeat;
	border: 0;
	width: 323px;
	height: 95px;
	padding: 4px 0 0 4px;
	color: #545454;
	margin: 3px 0 3px 0;
	font-size:12px;
	font-family: Tahoma, Arial;
}
.send {
	background: url(../images/contact/send.png) 22px 0 no-repeat;
	border: 0;
	width: 118px;
	height: 45px;
	float: right;
	margin: 0 10px 80px 0;
}
.send:hover {
	background: url(../images/contact/send_hover.png) 22px 0 no-repeat;
	border: 0;
	width: 118px;
	height: 45px;
	float: right;
	margin: 0 10px 80px 0;
}
#footer {
	clear: both;
   	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
	height: 20px;
}
#footer-media {
	clear: both;
    width: auto;
	height: 20px;
}
.footer-info {
	width: 850px;
	height: 20px;
	padding: 5px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #232323 dotted;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #545454;
	font-style: italic;
}

/* Png Fix */

img, div { behavior: url(iepngfix.htc) }