body, table, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #5C5D63;
}

h1 {
  background: #ffffff url('z0cker_two/z0cker_logo.gif') top no-repeat;
  margin: 0;
  padding:0;
  padding-top: 145px;
  width: 370px;
  height: 0;
  display: block;
  overflow: hidden;
  font-size: 0px;
  clip: rect(0, 370px, 145px, 0);
  margin-left: 140px;
  float: left;
}

#wrap {
  position: relative;
  margin: 0 auto 0 auto; text-align: left; /* center page */
  width: 100%;
}

#inner_wrap {
  position: relative;
  margin: 0 auto 0 auto; text-align: left; /* center page */
  margin-left: 150px;
  margin-right: 150px;
  background-color: White;
  min-height: 600px;
  _height: 600px;
}

#header {
	width: 100%;
	background-image: url(z0cker_two/z0cker_header.gif);
	height: 145px;
	padding: 0;
	margin: 0;
}

#footer {
	width: 100%;
	background-image: url(z0cker_two/z0cker_footer.gif);
	height: 57px;
	overflow: hidden;
}
#footer p {
	float: right;
	margin-top: 38px;
	margin-right: 150px;
	color: #FFFFFF;
	font-weight: bold;
}

#navigation_wrap {
	width: 100%;
	background-color: #BECED5;
	height: 22px;
	border: 0;
	border-top: 1px solid #829EAB;
	border-bottom: 1px solid #829EAB;
}

/* -- Messageboxen -- */
#wrap div.message  {
    border-color: #00a600;
    color: #00a600;
    background-color: #EDF9ED;
}

#wrap div.error {
    border-color: #C60000;
    color: #C60000;
    background-color: #FBEDED;
}

#wrap div.notice {
    border-color: #E8C500;
    color: #6D6E00;
    background-color: #FEFFC5;
}

#wrap div.message,
#wrap div.error,
#wrap div.notice {
  border: 1px solid;
  padding: 0.5em;
  margin: 1em 0 1em 0;
}

#wrap div.message p,
#wrap div.error p,
#wrap div.errorExplanation p,
#wrap div.notice p {
  margin: 0;
  padding: 0;
}

#wrap div.error ul, 
#wrap div.error li {
    margin: 0;
}

#wrap div.error h2, 
#wrap div.error h2 {
    font-size: 12px;
	 font-weight: bold;
}
.clear {
	clear: both;
}

/* Navigation */
#navigation ul {
	padding: 0;
	margin: 0;
}

#navigation li {
	list-style: none;
	display: block;
	float: left;
	border-top: 0;
}

#navigation li a,
#navigation li a:active,
#navigation li a:visited {
	text-decoration: none;
	color: #5C5D63;
	display: block;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 11px;
}

#navigation li a:hover,
#navigation .active a:link,
#navigation .active a:visited,
#navigation .active a:active {
	color: #FFFFFF;
	background-color: #5C5D63;
	display: block;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


.select-feed {
	float: right;
}

#login {
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 150px;
	margin-top: 5px;
}

#login a {
	color: #5C5D63;
	text-decoration: none;
}

#login a:hover {
	text-decoration: underline;	
}

#content .hr {
  height: 1px;
  background: url(z0cker_two/hr.gif) repeat-x;
  padding: 0;
  margin: 10px 0 10px 0;
}
#content .hr hr {
  display: none;
}

#content h2 {
	color: #72C228;
	font-size: 18px;
	font-weight: bold;
}


/* Rails Autocomplete */
.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #38656F;
      margin:0px;
      padding:0px;
}

.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}

.auto_complete ul li.selected 
{ 
    background-color: #C9D6DD;
    color: #38656F;
}

.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
      color: #38656F;
}

#content label {
    width: 170px;
    display: block;
    float: left;
    position: relative; 
}

#inner_wrap p {
	text-align:justify;
}

#inner_wrap .selector {
	float:right;
	*margin-top: 20px;
}

#inner_wrap a {
	color: #72C228;
	text-decoration: none;
	font-weight: bold;
}

#inner_wrap a:hover {
	color: #72C228;
	text-decoration: underline;
	font-weight: bold;
}

.description {
   /*visibility: hidden;*/
   display: none;
   border: 2px dotted #38656F;
   padding: 10px;
   margin-top: 10px;
   background-color: #FFFFFF;
}

.collapse {
    cursor: pointer;
    background-image: url('z0cker_one/zoom_in.png'); /* per JS */
    height: 16px;
    width: 16px;
    float: left;
}




#news {
	width: 100%;
}

#news table,
#admin table {
	width: 100%;
}
#news table .tight,
#admin table .tight {
	width: 1%;
	white-space: nowrap;
}
#news table td,
#admin table td {
	padding: 5px;
	vertical-align: top;
	background-color: #C9D6DD;
}

#news table th,
#admin table th {
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-color: #829EAB;
	padding: 5px;
}

#news a,
#admin a {
	color: #5C5D63;
}

#news a:hover,
#admin a:hover {
	color: #5C5D63;
}

/* Artikeldatum */
#news .new { 
    text-align: center;
    font-size: 12px;
}
#news .old {
    text-align: center;    
    font-size: 10px;     
}
#news .hot {
	background: #FEA6A6;
    font-weight: bold;
}
#news .internal_news {
	background: #DBF4D1;
	font-weight: bold; 
}

#news .internal_article {
	background-color: #819FEA;
	font-weight: bold; 
}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.submit {
	
}

.bonbon {
    float:right;
    background-image: url('z0cker_two/z0cker_bonbon.png');
    width: 105px;
    height: 187px;
}

#white {
    text-align: center;   
}

#white a:link,
#white a:active,
#white a:visited {
    color: white;
    font-weight: bold;
}

#white a:hover {
    text-decoration: none;
    font-weight: bold;
}


/* SUBNAV */
#subnav_wrap {
	width: 100%;
	background-color: #FFFFFF;
	height: 16px;
	border: 0;
	border-bottom: 1px solid #829EAB;
}

#subnav ul {
	padding: 0;
	margin: 0;
}

#subnav li {
	list-style: none;
	display: block;
	float: left;
	border-top: 0;
}

#subnav li a,
#subnav li a:active,
#subnav li a:visited {
	text-decoration: none;
	color: #5C5D63;
	display: block;
	padding: 2px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 9px;
}

#subnav li a:hover,
#subnav .active a:link,
#subnav .active a:visited,
#subnav .active a:active {
	color: #FFFFFF;
	background-color: #5C5D63;
	display: block;
	padding: 2px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
}

#sources {
	text-align: center;
}

#sources img {
	margin: 10px;
	border: dotted 1px #5C5D63;
	padding: 2px;
}

.line {
	border-top: solid 1px #5C5D63;
	width: 100%;
	margin-top: 40px;
}

.pagination {
    padding: 15px;
}

#partner {
	text-align: left;
}

#partner img {
	padding: 2px;
	border: dotted 1px #5C5D63;
	margin: 0;
	margin-top: 2px;
	*margin-top: -12px;
}

.copy a {
	color: white;
	text-decoration: underline;	
}

.copy a:hover {
	text-decoration: none;
}

.ladebalken {
	background: url('z0cker_one/z0cker_ladebalken.gif') no-repeat center center;
	width: 400px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -200px;
}

.empty {
	background-color: white;
}

#contact-form {
	border: 1px dotted #5C5D63;
	padding: 20px;	
}

#contact-form .zinput, textarea {
	
}

#contact-form .zinput:hover {
	border: 2px solid black;
}

#contact-form .zinput:focus {
	border: 2px solid #72C228;
	background-color: #BECED5;
}

#pp {
    width: 450px;
    height: 145px;
    float: right;
    z-index:9;
    margin-right: 150px;
    margin-top: 3px;
}

.red {
    color: red;
}
.green {
    color: green;
}

.admin-live {
  background-color: #006C9E;
  coloe: #FFFFFF;
}

.center {
  text-align: center;
}

.comment {
  font-size: 16px;  
}