/* 
---------------------------------------------------------------------
*	                                                                                
*	Styles by Kim Gunnarsson                                       
*	MZ Communication                                                   
*	www.mzreklam.se
*
---------------------------------------------------------------------
*/

body {
    margin: 0px;
    padding: 0px;
    background: #fff;
    text-align: center;
}

img {border: 0px;}
strong {background: #ffd;}

/*
--------------------------------------------------------------------
Page Attributes
--------------------------------------------------------------------
*/

#mzreklam {width: 700px; margin: 0px auto; text-align: left;}
#mzreklam-top {width: 700px;  height: 85px; max-height: 85px; margin-bottom: -13px;}
#mzreklam-nav {background-color: #426922; width: 700px; height: 26px; text-align: right;}
#mzreklam-header {width: 700px; height: 185px; max-height: 185px;}
#mzreklam-wrapper {width: 700px; margin: 0px; padding: 0px;}
#mzreklam-footer {width: 700px; padding: 3px; margin: 0px auto; font: 9px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; clear: both;}


/* Styr upplägget */
.cols-SM #mzreklam-wrapper #mzreklam-sidebar {display: none;}
.cols-SM #mzreklam-wrapper #mzreklam-content {float: right; padding: 0 20px 0 10px; margin: 0px 0px 10px 0px; width: 500px;}
.cols-MS #mzreklam-wrapper #mzreklam-submenu {display: none;}
.cols-SMS #mzreklam-wrapper #mzreklam-content {float: left; margin: 0px 0px 10px 0px; width: 340px;}


/*
--------------------------------------------------------------------
Layout Attributes
--------------------------------------------------------------------
*/
#mzreklam-footer #left{width: 400px; float: left; padding: 0px; margin: 0px; text-align: left; color: #555;}
#mzreklam-footer #right{width: 300px; float: right; padding: 0px; margin: 0px; text-align: right;}
#mzreklam-footer #left a:link, #mzreklam-footer #left a:visited, #mzreklam-footer #right a:link, #mzreklam-footer #right a:visited {
  color: #333;  
  font: 9px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;
  text-decoration: underline;}
  
#mzreklam-footer #left a:hover, #mzreklam-footer #right a:hover {
	color: #426922; 
  font: 9px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;
  text-decoration: underline;}
  
#mzreklam a:link, #mzreklam a:visited {
  color: #333;  
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;
  text-decoration: underline;}
  
#mzreklam a:hover {
	color: #426922; 
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;
  text-decoration: underline;}
  
#mzreklam a:visited {color: #666;}

/* Fulhack som egentligen inte ska behövas, hoppas IE7 kommer snart */
* html #mzreklam-nav #nav {height: 26px; margin: 0px 0px -3px 0px; padding: 0px;}
* html #mzreklam-top {margin: 0px;}

#mzreklam-nav #nav {list-style-type: none;}
#mzreklam-nav #nav ul{padding: 0; margin: 0;}
#mzreklam-nav #nav li{padding: 0; margin: 0;display: inline;}

#mzreklam-wrapper #mzreklam-content {width: 510px; float: left; padding: 0 20px 0 0px;}
#mzreklam-wrapper #mzreklam-sidebar {width: 170px; float: right; line-height: 0.6em;}
#mzreklam-wrapper #mzreklam-submenu {width: 170px; float: left; line-height: 1.0em;}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Tahoma, Helvetica, Sans-serif;}
h1 {
	font-size: 1.3em;
	color: #426922;
	margin: 5px 0px -10px 0px;
}
h2, h3, h4, h5, h6 {font-size: 15px; color: #333;}
h2.news {margin-bottom: -5px; font-size: 12px;}
h2 {margin-bottom: -5px;}
h3.date {font-size: 12px; color: #666;}

#mzreklam-content p {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color:#000;}

/* Startsidan */
#mzreklam-content #front-intro {width: 510px;}
#mzreklam-content #front-campaign {width: 510px; margin-top: 10px;}
#mzreklam-content #front-small {width: 510px; margin-top: -4px;}

#mzreklam-content #front-campaign-medium {width: 510px; float: left; margin: 5px 0px;}
#mzreklam-content #front-campaign-medium #mediumone{width: 250px; float: left; text-align: justify;}
#mzreklam-content #front-campaign-medium #mediumtwo{width: 250px; float: right; text-align: justify;}

/* Sidebar */
#mzreklam-wrapper #mzreklam-sidebar #sidebar-news a:link, #mzreklam-wrapper #mzreklam-sidebar #sidebar-news a:visited {
font: 11px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
color: #000; 
text-decoration: none;}

#mzreklam-wrapper #mzreklam-sidebar #sidebar-news a:hover {
font: 11px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
color: #426922; 
text-decoration: none;}

#mzreklam-wrapper #mzreklam-sidebar #sidebar-news{
  width: 168px;
  font: 11px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
  line-height: 0.7em;
	text-align: left; }

#mzreklam-wrapper #mzreklam-sidebar #sidebar-news #content {padding: 0px 5px; background: #f0f0f0; border: 1px #fff solid;}
#mzreklam-wrapper #mzreklam-sidebar #sidebar-news {margin: 5px 0px;}

/* Undermeny */
#mzreklam-wrapper #mzreklam-submenu #nav {list-style-type: none; margin: 0px; padding: 0px;}
#mzreklam-wrapper #mzreklam-submenu #nav ul{padding: 0; margin: 0;}
#mzreklam-wrapper #mzreklam-submenu #nav li{padding: 4px; margin: 0; border-bottom: 1px solid #f1f1f1;}
#mzreklam-wrapper #mzreklam-submenu #nav ul,li :link, #mzreklam-wrapper #mzreklam-submenu #nav ul,li :visited{color: #333; text-decoration: none; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 13px;}
#mzreklam-wrapper #mzreklam-submenu #nav ul,li :hover{color: #53843C; text-decoration: none; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 13px;}

/* Undersidor */
#mzreklam-content li{ padding: 0px; margin: 0px;}
#mzreklam-content ul, li {
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
  color: #000;}

#mzreklam-content #workers {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;}
#mzreklam-content #workers dl {margin: 0px; padding: 0 0 0 10px;}
#mzreklam-content #workers dt {margin: 10px 0px 0px 10px; padding: 3px; font-weight: bold;}
#mzreklam-content #workers dd {margin: 0 0 0 10px; padding: 0.3em;}
  
/* Kontakt och offert */
#mzreklam-sidebar #contactbox {
  background-color: #f9f9f9; 
  padding: 10px;
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
  color: #000;
  margin-bottom: 5px;}
  
#mzreklam-sidebar #offertbox {
  background-color: #f9f9f9; 
  padding: 10px;
  font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; 
  color: #000;
  margin-bottom: 5px;}
  
#mzreklam-sidebar #contactbox  #contact dl {margin: 0px; padding: 0px;}
#mzreklam-sidebar #contactbox  #contact dt {margin: 10px 0px 0px 0px; padding: 3px; font-weight: bold; border-bottom: 1px solid #ccc;}
#mzreklam-sidebar #contactbox  #contact dd {margin: 0; padding: 0.2em;}

#mzreklam-content fieldset {border: 0px; margin: 0px; padding: 0px;}
#mzreklam-content #contactform {margin: 10px 0 0 10px; padding: 0;}
#mzreklam-content #contactform input {  font: 10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: #666; background-color: #f0f0f0; border-width: 1px;}
#mzreklam-content #contactform .text {width: 200px; padding: 2px;}
#mzreklam-content #contactform textarea {  font: 10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;  color: #666; background-color: #f0f0f0; border-width: 1px;}
#mzreklam-content #contactform select {  font: 10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;  color: #222;	background-color: #f0f0f0;	border: solid;	border-width: 1px;	border-color: transparent; }
#mzreklam-content #contactform label {margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px;}
#mzreklam-content #contactform .btn {font: 10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif;  color: #666; background-color: #f0f0f0; border: 1px;}
#mzreklam-content #contactform p {margin-left: 10px;}

#mzreklam-content #note {padding: 5px 10px; background-color: #ffd; border: 1px #ccc solid;}

#mzreklam-sidebar #offertbox #offert dl {margin: 0px; padding: 0px;}
#mzreklam-sidebar #offertbox #offert dt {margin: 10px 0px 0px 0px; padding: 3px; font-weight: bold; border-bottom: 1px solid #ccc;}
#mzreklam-sidebar #offertbox #offert dd {margin: 0; padding: 0.2em;}

#mzreklam-content #offertform {margin: 10px 0 0 10px; padding: 0;}
#mzreklam-content #offertform input {font-family: Verdana, Arial, Serif; font-size: 10px; color: #666; background-color: #f0f0f0; border-width: 1px;}
#mzreklam-content #offertform .text {width: 200px; padding: 2px;}
#mzreklam-content #offertform textarea {font-family: Verdana, Arial, Serif; font-size: 10px; color: #666; background-color: #f0f0f0; border-width: 1px;}
#mzreklam-content #offertform select {font-family: Tahoma, Verdana, Helvetica, Arial, Serif; font-size: 10px; color: #222;	background-color: #f0f0f0;	border: solid;	border-width: 1px;	border-color: transparent; }
#mzreklam-content #offertform label {margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px;}
#mzreklam-content #offertform .btn {font-family: Verdana, Arial, Serif; font-size: 10px; color: #666; background-color: #f0f0f0; border: 1px;}
#mzreklam-content #offertform p {margin-left: 10px; margin-bottom: -5px;}

#mzreklam-content .img_left {display: box; margin: 5px 10px 5px 0; float: left;}
#mzreklam-content .img_right {display: box; margin: 5px 0 5px 10px; float: right;}

#mzreklam-content #error {display: none; border: 1px #ccc solid; background: #ffd; font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: #222; padding: 10px;}
#mzreklam-content #error p.icon {background: url(../gfx/error.gif) no-repeat 0 0; font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; font-weight: bold; color: #222; padding-left: 20px; margin: 0px;}
#mzreklam-content #complete {border: 1px #ccc solid; background: #ffd; font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: #222; padding: 10px; margin: 10px 0px;}
#mzreklam-content #complete p.icon {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; font-weight: bold; color: #222; margin: 0px;}
#mzreklam-content #complete p {font: 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, Sans-serif; color: #222; margin: 0px 0px 0px 0px;}

#puff {width: 700px; float: left;}
#puff #column_one {width: 175px; float: left;}
#puff #column_two {width: 175px; float: left;}
#puff #column_three {width: 175px; float: left;}
#puff #column_four {width: 175px; float: left;}