/*
Theme Name: Tectum
Theme URI: http://www.tectum.se
Description: Stylesheet for tectum.se
Version: 1.0
Author: MA
Author URI: http://mediaanalys.se
Tags: none
*/

* {
padding:0;
margin:0;
}

html, body {
	text-align: center;
	margin:0px;
	padding:0px;
	height: 100%;
	background-color: #DFDFDF;
	font-family: Verdana,Sans-serif;
	font-size: 100%
}

img{
	border: 0;
}
.clear { clear: both; }

#main {
	width:718px;
	margin: 20px auto;
	padding: 0px;
	text-align: left;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 30px;
}

/* Typo
=============================================================================== */
#content h1{
	font-size: 26px;
	font-family:Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	letter-spacing: -2px;
	margin-bottom: 5px;
	margin-top: 3px;
	margin: 3px 10px 10px 10px;
	font-weight: bold;
}
#content h6{
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 3px;
	font-weight: bold;
}
.style1 {color: #cb0707}
.style2 {color: #fff}


h2{
	font-size: 17px;
	font-family: Arial, verdana, Sans-serif;
	color: #4b4b4b;
	margin-bottom: 5px;
	margin-top: 3px;
}

h3 {
	font: 17px Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	margin-bottom: 5px;
	margin-top: 3px;
	font-weight:bold;
	}
a:link h3 {
	font: 15px Arial, Helvetica, sans-serif;
	color:#92918f;
	margin-bottom: 5px;
	margin-top: 3px;
	font-weight:bold;
	}
a:hover h3 {
	font: 15px Arial, Helvetica, sans-serif;
	color:#70706e;
	margin-bottom: 5px;
	margin-top: 3px;
	font-weight:bold;
	}

h4 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#92918f;
	margin: 14px 0 5px 0;
	font-weight:bold;
	}
a:link h4 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#92918f;
	margin: 14px 0 5px 0;
	font-weight:bold;
	}
a:hover h4 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#70706e;
	margin: 14px 0 5px 0;
	font-weight:bold;
	}
	
/* content
=============================================================================== */
#content {
	margin: 20px;
}


#content p{
	font-family: Verdana, Sans-serif;
	font-size: 0.9em;
	margin: 5px 10px 10px 10px;
	color: #4b4b4b;
}

#content p.frontpage {
	font-size: 15px;
	font-weight: bold;
}

#content a {
	color: #D31C2D;
	text-decoration: none;
		font-size: 12px
}
#content a:hover {
	color: #A31C2D;
	text-decoration: none;
}
#content ul{
	margin: 0 0 0 15px;
	padding: 5px 0 4px 0px;
	list-style-type: disc;
	font-weight: normal;
}

#content ul li {
	margin: 7px;
	font-size: 12px;
	font-family: Verdana,Sans-serif;
	color: #4b4b4b;
}



#inner {
    background: url('/wp-content/uploads/ram-snitt.jpg') top right no-repeat;
}
#inner2{
    margin-right: 110px;
    padding-top: 100px;
}


.aright{
float: right;
}
.aleft{
float: left;
}
/* Header
------------------------------------------------------------------------------ */

#header strong {
	display: none;
}

#header {
	background-image: url(images/header-top.png);
	margin-top: 0px;
	height: 150px;
	position: relative;
}

#header a {
	position: absolute;
	width: 623px;
/*
	height: 120px;
	top: 30px;
	left: 10px;
*/
	height: 120px;
	top: 0px;
	left: 0px;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

/*menu
--------------------------------------------------------------------*/

#navigation {
	background: #fff url("images/bg-nav.gif") repeat-x;
	font-size: 0.8em;
	margin-top: 0;
	padding-top: 0;
	padding-bottom:5px;
	margin-left: 3px;
	margin-right: 5px;
	border-bottom:#CCCCCC 1px solid;
}

#navigation ul{
	list-style: none;
	margin: 0;
	padding: 5px 0 4px;
	text-align: center;
}

#navigation ul li {
	display: inline;
	margin: 0px;
}

#navigation ul li a {
	font-weight: bold;
	color: #999;
	text-decoration: none;
	padding: 10px 6px;
}

#navigation ul li a:hover {
	background: #ccc;
	color: #fff;

}

#navigation ul li.current_page_item a, #navigation ul li.current_page_ancestor a {
	background: #CC0000;
	color: #fff;
	padding: 10px;
}

#navigation ul li.current_page_item a:hover {
	background: #920505;
	color: #fff;
	padding: 10px;
}

#submenu {
	font-size: 0.8em;
	margin-top: 0;
	padding-top: 0;
	margin-left: 3px;
	margin-right: 5px;
	border-bottom:#d9d9d9 1px solid;
}

#submenu ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 4px;
	text-align: center;
}

#submenu ul li {
	display: inline;
	margin: 5px;
}

#submenu ul li a {
	font-weight: bold;
	color: #c00;
	text-decoration: none;
	padding: 10px;
}

#submenu ul li a:hover {
	color: #999;
}

#submenu ul li.current_page_item a {
	color: #000;
}

/* Referenser submeny */

#ref_submenu {
	font-size: 0.8em;
	margin-top: 0;
	padding-top: 0;
	margin-left: 7px;
	margin-right: 5px;
}

#ref_submenu ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 4px;
}

#ref_submenu ul li {
	background: #e2e2dd;
	width: 300px;
	padding: 8px;
	margin: 8px;
	display:block;
}

#ref_submenu ul li:hover {
	background-color: #b9b9b6;
}

#ref_submenu ul li a {
	color: #135cad;
	text-decoration: none;
}

#ref_submenu ul li a:hover {
	color: #112e3e;
}

#ref_submenu ul li.current_page_item a {
	color: #000;
}


/* BOX
=============================================================================== */
#headBox{
	background: #fff;
	margin: 0 0 15px 0;

	font-size:14px;
	color: #4b4b4b;
}

#headBox h2 {
	font-size:17px;
	color:#7c7c7c;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: -0.5px;
}

#headBox-left{
	float: left;
	width: 500px;
}
#headBox-right{
	float: left;
	width: 100px;
}


div#slideshow ul {
   margin: 0 0 0 0;
   padding: 0 0 10px 0;
   list-style-type: none;
}
div#slideshow li img {
   display: none;
}


/* details
=============================================================================== */

.backBox{
	background: #e2e2dd;
	width: 300px;
	padding: 8px;
	margin: 8px;
	display:block;
}
.backBox img{
	border: 0;
}
.backBox:hover{
	background: #b9b9b6;
}


#backBoxWrap{
	width: 700px;
	clear:both;
}
.linkBox{
	padding: 4px 8px 4px 8px;
	border:#CCCCCC 1px solid;
	margin: 2px;
	font-size:9px;
}
.linkBox:hover{
	border:#999 1px solid;
	margin: 2px;
}

.linkBox img{
	border: 0;
}



img.floatLeft {
	float: left;
	margin: 5px;
}
img.floatRight {
	float: right;
	margin: 0px 40px 10px 5px;
}
img.floatRighty {
	float: right;
	margin: 10px;
}


#alert{
	background: #f7f5c9;
	width: 350px;
	padding: 20px;
	border:#BA3D1D 5px solid;
	margin: 10px;
}

/* COLUMNS
=============================================================================== */
#gutter
{
	float:left;
	width: 1%;
	height: 1px;
}

#personal_box {
	margin: 10px 0 30px 0;
}

.personal{
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin: 5px 2px 2px 2px;
	width: 208px;
    height: 300px;
	float: left;
}

.personal-empty{
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin-bottom: 7px;
    margin-top: 5px;
    height: 300px;
}

.personal:hover{
    border: 1px solid #999;
}

.personal h3{ color:#4b4b4b; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; margin-bottom: 1px;}
.personal h5{ color:#4b4b4b; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; }
.personal h3.phone { padding-left: 35px; font-weight: normal; }
.personal img{ padding:5px; background:#f0efe6; border:#ccc 1px solid; margin: 5px 15px 3px 15px;}

#col1
{
	float: left;
	width: 208px;
	margin-bottom: 10px;
	padding: 0px;
}

#col2
{
	float: left;
	width: 208px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 0px;
}

#col3
{
	float: left;
	width: 208px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 3px;
}

#col4
{
	float: left;
	width: 208px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 3px;
}



#two_col_wrapper
{
	float: left;
	width: 642px;
	margin-top: 8px;
	padding: 0 10px 2px 10px;
}

#two_col1
{
	float: left;
	width: 320px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 3px;
}
#two_col2
{
	float: left;
	width: 320px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 3px;
}

#two_col2_wide
{
	float: left;
	width: 425px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 3px;
}

#two_col_wide
{
	float: left;
	width: 425px;
	margin-left: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	padding: 3px;
}

#two_col_medium
{
	float: left;
	width: 180px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 3px;
	clear:both;
}

#two_col_small
{
	float: left;
	width: 190px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 3px;
	clear:both;
}


.menuLinkBoxActive{
	background: #999;
	width: 150px;
	padding: 4px;
	margin: 4px;
	display:block;
}

.menuLinkBoxActive img{
	border: 0;
}

.menuLinkBoxActive:hover{
	background: #b9b9b6;
}

.menuLinkBox{
    background: #e2e2dd;
    width: 150px;
    padding: 4px;
    margin: 4px;
    display:block;
}

.menuLinkBox img{
	border: 0;
}

.menuLinkBox:hover{
	background: #b9b9b6;
}


.dokumentBox{
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-top: 5px;
    height: 210px;
    width: 160px;
    float: left;
}


.dokumentPicoBox{
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-top: 5px;

    width: 160px;
    float: left;
}

#frontfoot-banner-wrap ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#frontfoot-banner-wrap ul li {
   float: left;
   margin: 0 0 0 7px;
   border: 1px solid #9a9a9a;
}
#frontfoot-banner-wrap ul li:first-child {
   margin: 0;
}
#frontfoot-banner-wrap {
   clear: both;
   padding: 10px 0 0 0;
}

/* BOX FRONT HORSE DIMPLOM MM:
=============================================================================== */
.box_on_front_horse
{
	float: left;
	padding: 0px 8px 5px 5px;
	border-bottom:#CCCCCC 1px solid;
	width: 100%;
	background:url(images/horse_bg.jpg) top right no-repeat;
	border: 1px #CCCCCC solid;
	margin-bottom: 8px;
}


.box_on_front
{
	float: left;
	padding: 0 8px 0 5px;
	width: 100%;
	border: 1px #CCCCCC solid;
}

.box_on_front img {
	border: 0;
}

/* Footer
=============================================================================== */

#footer p {
	text-align: center;
	font-size: x-small;
	padding: 10px 0 0 0;
	height: 80px;
	line-height: 1.7em;
	background: url("images/footer-bottom-bg2.gif") no-repeat bottom left;
	color: #53553D;
	clear:both;
}

#footer a {
	color: #D31C2D;
	text-decoration: none;
}
#footer a:hover {
	color: #A31C2D;
	text-decoration: none;
}


/* Front columns
=============================================================================== */

#bottom_top {
	text-align: center;
	border-bottom: 1px solid #f0f0f0;

}

#bottom_top img {
	border: 0;
}

#bottom_bottom {
	text-align:center;
	margin: 0 90px 0 90px;
}

ul.diplom {
	list-style: none;
	padding: 3px 0 4px;
	text-align: center;
}

ul.diplom li {
	display: inline;
	float:left;
	list-style: none;
}

ul.diplom li img {
	margin: 7px;
	padding: 2px;
	border: 1px solid #CCCCCC;

}

/* -----------------------------------  	 - CONTACT ----------------------------------- */
#contactForm{
	background:#F5F3F1;
	border:1px solid #D1CDC9;
	padding: 10px 10px 10px 10px;
	font: 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	}
#label {
	display:inline;
	margin:0 0 0 0.5em;
	}
#fieldset {
	border:0 solid #666;
	padding:0.5em;
	}
#legend {
	padding:0 0.5em;
	font-weight: bold;
	color: #648717;
}
#div {
    margin-bottom:0.5em;
}
.submitarea {margin:1em 0 0;}

/* ----------------------------------- FORM - BROSCHYR ----------------------------------- */
#broschyrForm{
	background:#fff5a0  url("images/form-bg.gif") bottom right repeat-x;
	border:1px solid #f2d616;
	padding:20px 20px 20px 20px;
	font: 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	margin: 10px 190px 0 130px;
	clear:both;
	}
#label {
	display:inline;
	margin:0 0 0 0.5em;
	}
#fieldset {
	border:0 solid #666;
	padding:0.5em;
	}
#legend {
	padding:0 0.5em;
	font-weight: bold;
	color: #648717;
}
#div {
    margin-bottom:0.5em;
}
.submitarea {margin:1em 0 0;}

/* ----------------------------------- FORM - STYLING ----------------------------------- */
label {
	font-weight:bold;
	display:block;
	margin-top:1em;
	color: #4b4b4b;
	}
label.inl {display:inline;}
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
	}
legend {
	color:#000;
	font-weight:bold;
	margin:0;
	padding:0;
	}
input.txt {
	display:block;
	color:#000;
	background:#fff;
	width:98%;
	}
input.btn {padding:0 0.5em;}
textarea.txt {
	display:block;
	width:98%;
	color:#000;
	background:#fff;
	}
input.txt:focus,
textarea.txt:focus {background:#fffff6;}


/* Referens bilder */
.reference_image {
	width: 300px;
	height: 250px;
	margin: auto;
	padding-top: 30px;
	text-align: center;
	float: right;
	display: none;
	margin-right: 15px;
}

#tectum-logo {
	padding-top: 50px;
	display: block;
}

.gallery td {
	width: 150px;
	height: 150px;
	padding: 9px;
	border: 1px solid white;
	text-align: center;
}

.gallery td:hover {
	/* border-color: #aaaaaa; */
}

table#gallery td {
   vertical-align: top;
}

table.information {
	border: 0px;
	margin: 5px 0 15px 0;
	text-align: center;
	padding: 0;
}

table.information th {
	font-size: 22px;
	color: rgb(102, 103, 104);
	font-weight: normal;
	text-align: left;
	padding: 5px;
}

table.information td {
	text-align: right;
	color: #4b4b4b;
	font-size: 12px;
	padding: 2px 13px;
}

table.information td.label {
	text-align: left;
	padding-left: 0;
}

table.information tr.thick {
	font-weight: bold;
}

#innner2 h3 {
	margin: 3px 0px 5px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	color: #4b4b4b;
	font-weight: bold;
}

#inner2 ul {
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 4px;
	list-style-type: disc;
}

#inner2 li {
	margin: 7px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana,sans-serif;
	color: #4b4b4b;
}

#inner2 .column {
	width: 240px;
	float: left;
	margin-bottom: 15px;
}

.wp-caption {
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	float: left;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 3px;
}

.wp-caption:hover {
	/* border-color: #333333; */
}

.wp-caption-dd {
	padding: 5px;
}

.wp-caption-text {
	font-weight: bold;
}

ul.pdflist {
	list-style-image: url('images/pdf.gif');
	list-style-type: disc;
	list-style-position: inside;
}

li.flash {
	list-style-image: url('images/flash.gif');
}