/*  
Theme Name: Andys blog
Theme URI: http://www.andreashamberg.com/
Description: Andys blog theme
Version: 2.0
Author: Andreas Hamberg
*/
@import "layout.css";


/*page containers*/

#wrap {/*
	background-image: url(images/cw_bg.gif);
	background-repeat:repeat-y;
	background-position:left;	*/
}


#page
{
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;

}

* html #page
{
	height: 100%;
}

/*page stucture*/

#header {
	height: 244px;
}

* html #header {
	height: 224px;
}
#headerContent h1
{
	display:none;
}

#meny {
	clear:both;
	height: 140px;
	
}
#skipDiv {
	margin-top:2px;
	height:30px;
	width:100%;

	/*text-indent:-5000px;*/
}


#skipDiv a {
	color:#d4d4d4;
	text-decoration:none;
	letter-spacing:0px;
	font-size:10px;
	height:10px;
	width:100px;
	padding:0 10px 0 10px;

	/*text-indent:-5000px;*/
}

#skipDiv a:hover{
	color:#fff;

}


#reflektion {
	position:absolute;
	z-index:10;
	left: -24px;
	top:291px;
	height: 90px;
	width: 875px;
	background-image:url(images/refelktion.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html #reflektion {
	display:none;
	position:absolute;
	z-index:10;
	left: -24px;
	top:291px;
	height: 106px;
	width: 875px;
	background-image:url(images/refelktion.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}



#content {
	width:70%;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:left;
	
	padding-bottom: 160px;
	/*
		border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #d2333b;
	border-right-color: #d2333b;
	border-bottom-color: #d2333b;
	border-left-color: #d2333b;	
	*/
}


#contentContent {
/*
	background-image: url(images/gradient2.jpg);
	background-repeat:no-repeat;
	background-position:top left;*/
	padding: 0 30px 0 20px;

}



#sidebar {
	width: 30%;/*provisorisk bredd*/
	display: inline;/*fixes IE/win double margin bug*/
	float:right;
	
/*	background-image: url(images/gradient.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
	padding-bottom: 160px;
}




/* PAGE/GENERAL */

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


/* FOOTER */

#footer
{
	width: 800px;
	padding-bottom: 1.5em;
	height:134px;
	font-size: 85%;
	line-height: 1.5em;
	/*
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;*/
	text-align:center;
}


#footerContent
{
	position:absolute;
	left: 0;
	right: 0;
	padding: 40px 0 20px 0;
	text-align:center;
	width: 100%;/* behövs för IE*/
}





	/* The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{

		position: relative;
		margin: -150px auto 0 auto;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */
	
	
/*CV sektionens CSS */
#cv_wrapper, #cv_wrapper2, #cv_wrapper3, #cv_wrapper4 , #cv_wrapper5, #cv_wrapper6, #cv_wrapper7, #cv_wrapper8, #cv_wrapper9, #cv_wrapper10, #cv_wrapper11, #cv_wrapper12, #cv_wrapper13, #cv_wrapper14, #cv_wrapper15, #cv_wrapper16{
margin-bottom: 20px;
		clear:both;
}



.cv_table{
color:#333;
font-size:90%;
line-height:1.4em;
padding-right: 5px;
height: 175px;
width:797px;
}


.cv_table a:hover{
color:#ff5f67;

}

#container1, #container2, #container3, #container4, #container5, #container6, #container7, #container8, #container9, #container10, #container11, #container12, #container13, #container14, #container15{

	width:797px;
	height:228px;
	overflow:hidden;
	border: 2px solid #FFFFFF;
}

#container_inner {


}

.navContainer {
	font: 1.1em Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
	width: 797px;
}

.navContainer_sprak {
	font: 1.1em Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
	width: 797px;
}

.navContainer {
	margin:0;
	padding:0;
}

.navContainer_sprak {
	margin:0;
	padding:0;
}

.navContainer li {
	display: inline;
}

.navContainer_sprak li {
list-style:none;
}

.sprak_meny {
	/*float:right;*/
	margin: 0 30px 5px 0;
	font-size:70%;



}

.float_right {
float:right;}

.navContainer a {
	font-weight:bold;
	font-size:120%;
	display: block;
	display: inline;

	
}
.navContainer a:hover {
	color:#fff;
	text-decoration:none;
/*border-bottom: dotted 1px #d2333b;
	text-decoration: underline;*/
}

.navContainer a:active {
	color:#fff;
	/*text-decoration: underline;*/
}
/*
.navContainer a:visited {
	color:#871f26;
	text-decoration: underline;
}
*/

.navContainer_sprak a {
	font-weight:bold;
	font-size:120%;
	display: block;
	display: inline;

	
}
.navContainer_sprak a:hover {
	color:#fff;
	text-decoration:none;
/*border-bottom: dotted 1px #d2333b;
	text-decoration: underline;*/
}

.navContainer_sprak a:active {
	color:#fff;
	/*text-decoration: underline;*/
}
.navwrapper {
	margin-top:3px;

	}

#toggle_meny {
margin: 10px 0 10px 0;
}

.femttio {
font-size: 50%;}


.hundra {
font-size: 100%;
font-weight:normal;
display:block;

}



.red {
color:#d2333b;}


#dina_bild1_table, #funk_bild1_table, #mobi_bild1_table, #domandra_bild1_table, #jorma_bild1_table, #folk_bild1_table, #zinkoff_bild1_table, #maj_bild1_table, #vink_bild1_table{
	width:797px;
	height:175px;
	overflow:hidden;
}


.td_width40 {
	width:40%;
}

.td_width11 {
	width:11%;
}

.td_width49 {
	width:49%;
}

.tr_height {
height: 70px;/*Ändra i fall att beskriviningen blir längre; öka bara talet för att trycka ned URL menyn*/
}

.black_bold, .td_width40_black_bold, .td_width11_black_bold, .td_width49_black_bold {
font-weight:bold;
color:#555;
}


#cv_main_wrapper img
{  
border-style: none;
border:0;
text-decoration:none;
}

#dina_bild1 {
background:url(http://www.andreashamberg.com/images/dina1.jpg);
	width:797px;
	height:350px;

}
#dina_bild2 {
background:url(http://www.andreashamberg.com/images/dina2.jpg);
	width:797px;
	height:350px;

}

#dina_bild3 {
background:url(http://www.andreashamberg.com/images/dina3.jpg);
	width:797px;
	height:350px;

}

#dina_bild4 {
background:url(http://www.andreashamberg.com/images/dina4.jpg);
	width:797px;
	height:350px;

}

#dina_bild5 {
background:url(http://www.andreashamberg.com/images/dina5.jpg);
	width:797px;
	height:350px;

}

#funk_bild1 {
background:url(http://www.andreashamberg.com/images/funk1.jpg);
	width:797px;
	height:350px;

}
#funk_bild2 {
background:url(http://www.andreashamberg.com/images/funk2.jpg);
	width:797px;
	height:350px;

}

#funk_bild3 {
background:url(http://www.andreashamberg.com/images/funk3.jpg);
	width:797px;
	height:350px;

}

#funk_bild4 {
background:url(http://www.andreashamberg.com/images/funk4.jpg);
	width:797px;
	height:350px;

}

#funk_bild5 {
background:url(http://www.andreashamberg.com/images/funk5.jpg);
	width:797px;
	height:350px;
}

#funk_bild6 {
background:url(http://www.andreashamberg.com/images/funk6.jpg);
	width:797px;
	height:350px;

}

/*mobi*/

#mobi_bild1 {
background:url(http://www.andreashamberg.com/images/mobi1.jpg);
	width:797px;
	height:350px;

}
#mobi_bild2 {
background:url(http://www.andreashamberg.com/images/mobi2.jpg);
	width:797px;
	height:350px;

}

#mobi_bild3 {
background:url(http://www.andreashamberg.com/images/mobi3.jpg);
	width:797px;
	height:350px;

}

#mobi_bild4 {
background:url(http://www.andreashamberg.com/images/mobi4.jpg);
	width:797px;
	height:350px;

}

#mobi_bild5 {
background:url(http://www.andreashamberg.com/images/mobi5.jpg);
	width:797px;
	height:350px;
}

#mobi_bild6 {
background:url(http://www.andreashamberg.com/images/mobi6.jpg);
	width:797px;
	height:350px;

}

#mobi_bild7 {
background:url(http://www.andreashamberg.com/images/mobi7.jpg);
	width:797px;
	height:350px;

}
#mobi_bild8 {
background:url(http://www.andreashamberg.com/images/mobi8.jpg);
	width:797px;
	height:350px;

}
#mobi_bild9 {
background:url(http://www.andreashamberg.com/images/mobi9.jpg);
	width:797px;
	height:350px;

}

/*dom andra*/

#domandra_bild1 {
background:url(http://www.andreashamberg.com/images/domandra1.jpg);
	width:797px;
	height:350px;

}
#domandra_bild2 {
background:url(http://www.andreashamberg.com/images/domandra2.jpg);
	width:797px;
	height:350px;

}

#domandra_bild3 {
background:url(http://www.andreashamberg.com/images/domandra3.jpg);
	width:797px;
	height:350px;

}

#domandra_bild4 {
background:url(http://www.andreashamberg.com/images/domandra4.jpg);
	width:797px;
	height:350px;

}

#domandra_bild5 {
background:url(http://www.andreashamberg.com/images/domandra5.jpg);
	width:797px;
	height:350px;
}

#domandra_bild6 {
background:url(http://www.andreashamberg.com/images/domandra6.jpg);
	width:797px;
	height:350px;

}

#domandra_bild7 {
background:url(http://www.andreashamberg.com/images/domandra7.jpg);
	width:797px;
	height:350px;

}
#domandra_bild8 {
background:url(http://www.andreashamberg.com/images/domandra8.jpg);
	width:797px;
	height:350px;

}


/*Jorma Helenius*/

#jorma_bild1 {
background:url(http://www.andreashamberg.com/images/jorma1.jpg);
	width:797px;
	height:350px;

}
#jorma_bild2 {
background:url(http://www.andreashamberg.com/images/jorma2.jpg);
	width:797px;
	height:350px;

}

#jorma_bild3 {
background:url(http://www.andreashamberg.com/images/jorma3.jpg);
	width:797px;
	height:350px;

}

#jorma_bild4 {
background:url(http://www.andreashamberg.com/images/jorma4.jpg);
	width:797px;
	height:350px;

}

/*Folkhälsan*/

#folk_bild1 {
background:url(http://www.andreashamberg.com/images/folk1.jpg);
	width:797px;
	height:350px;

}
#folk_bild2 {
background:url(http://www.andreashamberg.com/images/folk2.jpg);
	width:797px;
	height:350px;

}

#folk_bild3 {
background:url(http://www.andreashamberg.com/images/folk3.jpg);
	width:797px;
	height:350px;

}

#folk_bild4 {
background:url(http://www.andreashamberg.com/images/folk4.jpg);
	width:797px;
	height:350px;

}

#folk_bild5 {
background:url(http://www.andreashamberg.com/images/folk5.jpg);
	width:797px;
	height:350px;

}

#folk_bild6 {
background:url(http://www.andreashamberg.com/images/folk6.jpg);
	width:797px;
	height:350px;

}

/*ZinkOff*/

#zinkoff_bild1 {
background:url(http://www.andreashamberg.com/images/zinkoff1.jpg);
	width:797px;
	height:350px;

}
#zinkoff_bild2 {
background:url(http://www.andreashamberg.com/images/zinkoff2.jpg);
	width:797px;
	height:350px;

}

#zinkoff_bild3 {
background:url(http://www.andreashamberg.com/images/zinkoff3.jpg);
	width:797px;
	height:350px;

}

#zinkoff_bild4 {
background:url(http://www.andreashamberg.com/images/zinkoff4.jpg);
	width:797px;
	height:350px;

}

#zinkoff_bild5 {
background:url(http://www.andreashamberg.com/images/zinkoff5.jpg);
	width:797px;
	height:350px;

}

/*Majblomman*/

#maj_bild1 {
background:url(http://www.andreashamberg.com/images/maj1.jpg);
	width:797px;
	height:350px;

}
#maj_bild2 {
background:url(http://www.andreashamberg.com/images/maj2.jpg);
	width:797px;
	height:350px;

}

#maj_bild3 {
background:url(http://www.andreashamberg.com/images/maj3.jpg);
	width:797px;
	height:350px;

}

#maj_bild4 {
background:url(http://www.andreashamberg.com/images/maj4.jpg);
	width:797px;
	height:350px;

}

/*vink*/

#vink_bild1 {
background:url(http://www.andreashamberg.com/images/vink1.jpg);
	width:797px;
	height:350px;

}
#vink_bild2 {
background:url(http://www.andreashamberg.com/images/vink2.jpg);
	width:797px;
	height:350px;

}

#vink_bild3 {
background:url(http://www.andreashamberg.com/images/vink3.jpg);
	width:797px;
	height:350px;

}