html {
margin: 0;
padding: 0;
height: 100%;
}

body {
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height: 100%;
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #2a2a2a;
}

img { border: none; }
img.at { vertical-align: middle; }

/*---------------------------------------------------------------*/
/*-------             Tabeller          -------------------------*/
/*---------------------------------------------------------------*/

/* td, tr, th, table */
td, tr {
border: none;
font-size: 12px;
color: #c15608;
font-weight: bold;
padding: 0px 0px 5px 2px;
}

tr, #right_content tr {
background-image: url(../img/table_shadow.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

#right_content tr {
background-image: url(../img/shadow.jpg);
}

#kundvagnen .f {
padding-left: 4px;
}

#kundvagnen, #kundvagn_bestallare, #domannamn {
padding-left: 10px;
}

.specpadding {
padding: 0px 0px 5px 25px;
}

.f {
font-weight: bold;
color: #616161;
padding-left: 10px;
}

.package {
width: 105px;
text-align: center;
padding: 20px 0px 0px 0px;
}

.space {
width: 130px;
padding: 0px;
}

.nobg {
background: none;
}

.nobg tr, .nobg td {
background: none;
}

td.text_right {
text-align: right;
}


#kontakt .text {
color: #2a2a2a;
font-weight: normal;
}

#kontakt .f {
font-weight: bold;
color: #c15608;
padding-left: 10px;
}



/*---------------------------------------------------------------*/
/*-------             Formulär          -------------------------*/
/*---------------------------------------------------------------*/

form { margin: 0px; }

select, textarea, input, option {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #2a2a2a;
}

textarea {
overflow: auto;
}

input.text { 
background-color: #fafafa;
border: solid 1px #4d4d4d;
font-family: Verdana;
font-size: 12px;
margin: 1px;
}

.error_border {
border: solid 1px #AE2432;
}

input[type=text], input[type=password] {
padding: 2px;
}

/* Flytta domännamn */
.flytta_domannamn_form {
padding: 0px; padding-left: 10px; margin: 0px; float: left;
}

.flytta_domannamn_text {
width: 200px; padding: 4px 4px 0px 2px; height: 23px; margin: 0px; margin-right: 3px; float: left;
}

.flytta_domannamn_knapp {
margin: 0px; padding: 0px; float: left;
}


/*---------------------------------------------------------------*/
/*-------             Länkar            -------------------------*/
/*---------------------------------------------------------------*/

a:link, a:visited {
text-decoration: underline; color: #c15608;
}
a:hover, a:active {
text-decoration: none; color: #c15608;
}

a.orange_link:link, a.orange_link:visited {
text-decoration: none; color: #f37421;
}
a.orange_link:hover, a.orange_link:active {
text-decoration: none; color: #f37421;
}

.a_white a {
color: #ffffff;
}

.right_categories {
padding: 10px 20px 10px 20px;
word-spacing: 15px;
}


/*---------------------------------------------------------------*/
/*-------             Texter          -------------------------*/
/*---------------------------------------------------------------*/

.blue { color: #3684c4; font-weight: bold; }
.orange { color: #f37421; font-weight: bold; }
.red { color: red; font-weight: bold; }
.bold { font-weight: bold; }


p {
line-height: 18px;
margin: 0;
padding: 5px 10px 5px 10px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #c15608;
}

h1 {
padding: 3px 0px 3px 10px;
margin-bottom: 15px;
font-size: 24px;
font-weight: normal;
}

h3 {
font-weight: bold;
font-size: 15px;
padding: 10px 0px 4px 10px;
}

h2 {
font-size: 12px;
padding: 10px 0px 4px 8px;
}



/*
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	padding: 20px 0px 20px 0px;
}


h1 {
	font-size: 30px;
	padding: 5px 0 5px 0;
	margin: 0 0px 0 0px;
}

h2 {
	font-size: 28px;
	display: inline;
}

h3 {
	font-size: 20px;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	font-size: 20px;
}
*/


	
/* Error handler */
.error { border: solid 1px #f53232; background-color: #f4cccc; background-image: url(../img/error_2.jpg); background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; font-weight: bold; margin-bottom: 10px; }
/* Message handler */
.message { border: solid 1px #406210; background-color: #cfe495; background-image: url(../img/message.jpg); background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; font-weight: bold; margin-bottom: 10px; }





/*---------------------------------------------------------------*/
/*-------             Struktur          -------------------------*/
/*---------------------------------------------------------------*/

#center_container {
width: 1150px;
margin: auto;
padding: 31px 0px 0px 0px; /* padding: 0px 10px 0px 10px; */
}

#container {
width: 1150px;
padding: 0px 0px 0px 0px; /* padding: 0px 10px 0px 10px; */
}

#content_wrapper {
padding: 0px 100px 0px 100px;
}

#background {
padding: 13px 0 0 7px;
height: 87px;
width: 813px;
}

#body {

}

#content {
width: 600px;
margin: 0;
padding: 15px 60px 15px 10px;
float: left;
}

#content a {
color: #c15608;
}

#right_content {
margin-top: 5px;
width: 279px;
float: left;
color: #ffffff;
}

#right_content .orange_box {
background: #dd4601; /* ce3a0b*/
padding: 5px 15px 15px 25px;
margin: 4px 0px 4px 0px;
}

#right_content .graphics {
background: url(../img/right_content_orange_bg.jpg) no-repeat #dd4601; /* ce3a0b*/
padding: 5px 0px 0px 0px;
}

#right_content .graphics_footer {
background: url(../img/right_content_orange_footer_bg.jpg) no-repeat;
height: 204px;
}

#right_content ul { display: inline; padding: 0px 0px 10px 0px; margin: 0px; float: left; width: 100%; } 
#right_content li { display: inline; padding: 0px; margin: 0px; } 
#right_content li a {
display: block;
text-decoration: none;
color: #ffffff;
margin: 1px 0px 0px 0px;
padding: 4px 2px 6px 25px;
}

#right_content #feed {
padding: 8px 0px 8px 0px;
}

#right_content h3 {
color: #000000;
/*padding: 10px 0px 4px 6px;*/
}

.content_padding {
padding: 10px 0px 5px 0px;
float: left;
}





div.reference_container {
padding: 10px 0px 5px 0px;
float: left;
}

div.reference_container .image {
background-image: url(../img/referenser_bg.jpg);
background-repeat: no-repeat;
width: 220px;
height: 120px;
padding: 13px 10px 10px 15px;
float: left;
}

div.reference_container .text {
width: 235px;
padding: 10px;
float: left;
}




div.kontakt_info {
padding: 10px 0px 5px 0px;
float: left;
}

div.kontakt_info .bild {
width: 70px;
padding: 10px;
float: left;
}

div.kontakt_info .info {
width: 220px;
padding: 10px;
float: left;
}


/*---------------------------------------------------------------*/
/*-------               Blogg           -------------------------*/
/*---------------------------------------------------------------*/

.blog_message_container {

}

.blog_message_container p.tags {

}

.blog_message_container h2 {
font-size: 15px;
font-weight: normal;
}

.blog_footer {
border-bottom: solid 1px #cccccc;
}


/*---------------------------------------------------------------*/
/*-------               Extra           -------------------------*/
/*---------------------------------------------------------------*/

.clear {
clear: both;
}

div.form {
padding: 10px 0px 15px 0px;
}

.delimiter {
height: 90px;
margin: 15px 0px 15px 0px;
background: url(../img/delimiter.jpg) top center no-repeat;
}

/*---------------------------------------------------------------*/
/*-------               Header          -------------------------*/
/*---------------------------------------------------------------*/

#menu_wrapper { background: url(../img/menu_bg.jpg) 0px 2px repeat-x; padding-top: 2px; }

#menu { background: url(../img/menu_pattern.jpg) right 0px no-repeat; margin: 0; font-weight: bold; }

#ul_menu { margin: 0px; padding: 0 0 0 30px; height: 40px; }
#ul_menu li { display: inline; list-style-type: none; } 
#ul_menu a { float: left; text-decoration: none; margin: 0px; padding: 6px 10px 7px 10px; }
#ul_menu a.current { background: url(../img/menu_selected.jpg) center 30px no-repeat; }

#header {
height: 100px;
width: 800px;
margin: 0px;
}

#header_image {
background: url(../img/header_shadow.jpg) 0px 2px no-repeat;
height: 239px;
text-align: center;
}

#logotype {
width: 238px;
height: 77px;
float: left;
}



/*---------------------------------------------------------------*/
/*-------             Footer            -------------------------*/
/*---------------------------------------------------------------*/

#footer {
padding: 81px 20px 50px 20px;
background: url(../img/footer_bg.jpg) repeat-x #4c4c4c;
color: #9a9a9a;
}

#footer_content {
margin: auto;
width: 950px;
padding: 15px;
background: url(../img/footer_shadow.jpg) center 0px no-repeat;
}

#footer a {
color: #ffffff;
}