body { background:#000 url(../img/bg.gif) no-repeat; font:normal 12px tahoma,arial,helvetica,sans-serif; color:white; border:0; text-align:center; }
* { margin:0; padding:0; }
a { text-decoration:none; color:#fff; }
a:hover { text-decoration:underline; }
ul { margin:0 0 12px 15px; }
p { margin-bottom:11px; } /*Paragraf*/
h3 { font:bold 13px tahoma; margin-bottom:12px; } /*Underrubrik*/
h5 { font:bold 11px tahoma; margin:0; } /*Namnrubrik*/
h6 { font-size:10px; font-weight:bold; display:block; margin:0 0 8px 0; } /*Titelrubrik*/

#container { width:900px; text-align:left; margin:0 auto; }
#menu { height:24px; background:url(../img/dotted_bg.gif) repeat; color:white; }
	#menu ul { margin:0 0 0 20px; list-style-type:none; }
	#menu ul li { float:left; width:140px; text-transform:uppercase; text-align:center; padding-top:4px; }
	#menu a:hover { color:#fff; padding:5px 8px; background:#000; text-decoration:none; position:relative; }
	#menu a.active { background:#000; padding:5px 8px 5px 8px; position:relative; }

#logo { width:900px; height:100px; background:#000 url(../img/logo.gif) no-repeat 575px 58px; }
#flash { width:900px; height:220px; }

/* Minimum height for understanding browsers */
#content { min-height:315px; height:auto; }
#content-kontakt-portfolio { min-height:535px; height:auto; }
/* Minimum height for Internet Explorer */
* html #content { height:315px; }
* html #content-kontakt-portfolio { height:535px; }

#content, #content-kontakt-portfolio { background-color:#000; background-image:url(../img/knorran.gif); background-repeat:no-repeat; background-position:bottom right; line-height:17px; }
#content a, #content-kontakt-portfolio a { color:#666; }
#content a:hover, #content-kontakt-portfolio a:hover { text-decoration:underline; }

#content-big { width:610px; margin:0 0 0 100px; padding:30px 0 40px 0; }
#content-top { width:610px; margin:0 0 0 100px; padding:0; }
#content-left { float:left; width:300px; margin:30px 10px 10px 0; }
#content-right { float:left; width:300px; margin: 30px 0 10px 0; }

.medarb { float:left; width:210px; height:120px; margin:0 0 40px 10px; font-size:11px; }
.medarb div { height:120px !important; }
.medarb div img { float:left; margin-right:5px; }

#contact { width:900px; height:17px; color:#ccc; background:url(../img/knorran2.gif); }
	#contact span { width:675px; display:block; text-align:right; }
#footer { height:24px; background:url(../img/footer.gif) no-repeat; color:white; }

/* ADMIN INFORMATION - portfolio.con & movie.con */
	#admininfo { width:900px;background:#000;padding-bottom:10px; }
	#admininfo .greyframe { width:676px;margin-left:100px;padding:10px; border:3px solid #999; }

/* GENERAL PORTFOLIO - portfolio.con & movie.con */
	.jobtitle { font:normal 33px tahoma; color:#666; width:500px; padding-top:56px; margin-left:100px; }
	.portfolio-back { margin-left:100px; }

/* MOVIEPORTFOLIO */
	#moviecontainer { float:left; width:360px; height:307px; padding:15px; background:url(../img/moviecontainer.gif); }
	#movie { width:360px; height:288px; }
	#movietext { float:left; width:290px; margin-left:15px; padding-top:14px; }
	#movietext div { width:290px; }
	#moviespacer { height:50px; }
	.clickforfullscreen { width:253px;margin:0 0 30px 130px;font-size:10px;color:#ccc;text-align:right; }

/* PICTUREPORTFOLIO */
	.carouselwrapper { margin-left:auto; margin-right:auto; width:718px; }
	.clickforlargerimage { width:635px;margin-left:130px;font-size:10px;color:#ccc;text-align:right; }
	/* HTML CAROUSEL */
	#html-carousel { background: #222; }
	#html-carousel .carousel-list li { margin:4px 10px 0px 10px; }
	#html-carousel .carousel-list li { border: 0px solid green; padding: 10px; padding-top: 15px; margin: 0; color: #ccc; }
	#html-carousel .carousel-list li img { border:1px solid #999; display:block; margin-bottom:2px; }
	#html-carousel .carousel-list li a:hover { text-decoration:none; }
	#html-carousel { margin-bottom: 0; float: left; width: 664px; height: 164px; }
	/* BUTTONS */
	#prev-arrow-container, #next-arrow-container { float:left; margin: 0px; padding: 0px; }
	#next-arrow { cursor:pointer; }
	#prev-arrow { cursor:pointer; }
	/* COLOR SYNTAXING */
	pre { font-size: 12px; padding: 5px; border: 1px solid #333; overflow: auto; border-bottom-color: #ddd; color: #fff; background-color:  #222; }


/*
* STUFF NOT IN USE BUT MIGHT COME IN HANDY LATER
*

//Slideeffect
#omoss { width:410px; background-color:#222; margin-top:10px; }
//Använder en tabell med en cell bara för att slippa "hoppet"
som uppstår om man lägger padding direkt på diven.
#omoss table { padding:0; margin:0; }
#omoss td { padding:10px 10px 0 15px; }*/