﻿/* style.css, 2012/03/10
 *
 * Pripravil: Marko Basa, marko.basa@gmail.com
 */

/****************/
/* RESET CSS   pri oblikovanju tega ni potrebno spreminjati /*
****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/* list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: none;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/******** END RESET *****************/

* {padding: 0;margin: 0;}

html {
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	font-size: 83%;
	line-height: 125%;
	color: #535353;
	height:100%;
}
h1, h2 {
	padding-bottom: 5px;
	margin: 10px 0;
    font-weight:bold;
}
h3, h4, h5, h6 {
	margin: 15px 0 0 0;
font-weight:bold;
}
h1 {
	font-size: 160%;
	line-height: normal;
}
h2 {
	font-size: 125%;
}
h3 { 
	font-size: 110%;
}
h4 {
	font-size: 100%;
}
p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
fieldset {
	border: 1px solid #ccc;
}
pre {
	background-color: #eee;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ddd;
}
ul, ol {
    padding:20px;
    margin-left:20px;
}
.links {
	margin: 0;
	clear: both;
}
ul.primary {
	white-space: normal;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 4px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 1em;
}
tbody {
	border: none;
}
tr td {
	padding: 0.3em;
    border:1px solid #ddd;
}
table {
	width: 100%;
	padding: 0;
}
td {
	padding: 0 20px;
	vertical-align: top;
}
.container-inline div,
.container-inline label {
  display: inline;
}
.container-inline .fieldset-wrapper {
  display: block;
}
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
}
/**
 * Styles for menus and navigation markup.
 */

ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}

li.leaf {
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
#body_bg {
	border-bottom: 1px solid #ddd;
}
#body_left {
	background: transparent url(../images/fill_left.png) 0 0 repeat-y;
}
#body_right {
	background: transparent url(../images/fill_right.png) 100% 0 repeat-y;
}

ul.links li {
	border-left: 1px solid #d3d3d3; /* LTR */
}
td.section.divider {
	border-left: 1px dashed #ddd; /* LTR */
}
.links {
	color: #3f3f3f;
}
#site-slogan {
	color: #000;
}
#search .form-text, #search .form-submit {
	border: 1px solid #555;
}
#top_left {
	background: transparent url(../images/fill_top_left.png) 0 100% no-repeat;
}
#top_right {
	background: transparent url(../images/fill_top_right.png) 100% 100% no-repeat;
}

h1, h2, h3 {
	color: #5A7D4F;
}

a, a:link,
.title, .title a,
#aggregator .news-item .categories, #aggregator .source, #aggregator .age,
#forum td .name,
div.admin-panel .description {
	color: #5A7D4F;
}

.block.themed-block {
	background: #fff url(../images/fill_block.png) 0 100% repeat-x;
	border: 1px solid #ddd;
}

/* ROUNDED CORNERS */

.block.themed-block,
blockquote,
#search .form-text, 
#search .form-submit {
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* MAIN LAYOUT */
.sizer0 {
	margin: 0 auto;
}
.expander0 {
	position: relative; /* makes .expander0 visible outside .sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the star/html hack */
}
body .sizer0 {
	width: 980px;
}
.float-wrap {
	float: left;
	width: 100%;
}
.colmain {
	float: right;
	width: 100%;
}
.colleft {
	float: left;
	position: relative;
	width: 204px;
	margin-left: -204px;
}
#sidebar-left, #sidebar-right {
	position: relative;
}
#sidebar-left {
	margin: 20px 0 20px 20px;
}
#sidebar-right {
	margin: 20px 20px 20px 0;
}
body.sidebar-first .outer {
	margin-left: 294px;
}
body.sidebar-first .colleft {
	width: 294px;			
	margin-left: -294px;
}
body.two-sidebars.fix .outer, body.sidebar-second.fix .outer, body.sidebar-second.fix .outer {
	margin-right: 278px;
}
body.sidebar-first.fix .colleft {
	width: 204px;
	margin-left: -204px;
}
body.sidebar-first.var1 .outer {
	margin-left: 274px;
}
body.sidebar-first.var1 .colleft {
	width: 274px;
	margin-left: -274px;
}

body.sidebar-first.fix1 .colleft {
	width: 184px;
	margin-left: -184px;
}

/* MARKUP FREE CLEARING (http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

#topex {
	z-index: 1;
}
#top_right, #body_right {
	padding: 0 25px;
}
.title, .title a {
	font-weight: bold;
	margin: 0 auto;
}
/********************/
/*     BLOKI        */
/********************/
.block {
	padding-bottom: 0.75em;
	margin-bottom: .5em;
}
.section .block, .section .box {
	padding: 0;
	margin-bottom: 15px;
}
.block .title {
	padding: 0;
	margin: 0 0 .25em 0;
}
.block h2.title a {
	font-size: 100%;
	font-weight: bold;
}
.block .content {
	padding: 0;
	margin: 0;
}
.themed-block {
	padding: 5px;
	margin-bottom: 15px;
}
.themed-block .title {
	padding: 6px;
	text-transform: uppercase;
}
.themed-block .content {
	padding: 6px;
}
.themed-block ul {
	padding: 6px;
}

#main h2.title a {
	font-size: 130%;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
}
#main h1.title {
	font-size: 180%;
	padding: 10px 0;
	font-weight: normal;
	text-transform: none;
}

.submitted {
	font-size: 0.8em;
}
blockquote {
	padding: 10px;
	margin: 1em 2em !important;
	font-style: italic;
}
blockquote p {
	margin: 0 !important;
	width: inherit !important;
}
blockquote a:link {
	text-decoration: underline;
}
.messages {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.3em;
	margin-bottom: 1em;
}
#help {
	font-size: 0.9em;
	margin-bottom: 1em;
}
.error {
	border-color: red;
}
.form-item label {
	font-size: 1em;
}
#above {
	padding: 0 20px;
	min-height: 20px;
}
#above .block .title, #header .block .title, #footer .block .title, .byy {
	display: none;
}
#header, #content {
	width: 100%;
}
#header .block, #header .content {
	margin: 0;
	padding: 0;
}
#logo {
	float: left; /* LTR */
}
#logo img {
	margin: 0 20px 5px 20px;
}
#name-and-slogan {
	padding: 30px 20px;
}
#site-name a, #site-name a:hover {
	font-weight: bold;
	text-decoration: none;
	font-size: 36px;
	line-height: normal;
}
#top-elements {
	float: right; /* LTR */
	text-align: right; /* LTR */
	padding: 12px 20px 0 0; /* LTR */
	position: relative;
	top: 10px;
}
#search {
	margin: 0 0 5px 0;
}
#search .form-text, #search .form-submit {
	height: 22px;
	vertical-align: middle;
}
#search .form-text {
	width: 110px;
	padding: 0 0.4em;
}
#toplinks, #user_links {
	font-size: 13px;
	line-height: 22px;
}
#banner {
	margin: 7px 0;
}
/***********************/
/*   BREADCRUMB - vrstica o strukturi vsebine    */
/***********************/
#breadcrumb, #breadcrumb a {
	color: #1e201b !important;
	font-weight: normal;
	padding-left: 20px; /* LTR */
	clear: both;
	font-size: 80%;
	padding: 0;
}
#middlecontainer {
	padding: 1px 0 0 0;
}
#wrapper {
	position: relative;
	width: 100%; /* helps IE get the child percentages right */
}
#main {
	padding: 10px 20px 20px 20px;
	overflow: visible;
}
#main .content .content a {
	text-decoration: underline;
}
#main .block {
	padding-top: 10px;
}

/* "Skip to Main Content" link - is useful for both visually impaired people and those with mobility impairments who cannot use a mouse */
#skip-nav {
	display: none;
}
#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#skip-nav a:active, #skip-nav a:focus {
	position: static;
	width: auto;
	height: auto;
}

/************************/
/* HEADER IMAGE ROTATOR */
/************************/
.slideshow {
    position:absolute;
    z-index:-5;
    width:930px;
    height:275px;
    display:block;
    overflow:hidden;
    bottom:13px;
}
.himg #headimg {
    /* v glavi se vrtijo slike, ki se nahajajo v mapi "img" */
	/* za izklop rotiranja izpraznite mapo "img" in odkomentirajte spodnjo vrstico */
	/*background: #fff url(../images/header.jpg) no-repeat 100% 100%; */
	border-bottom: none;
        position:relative;
}
#image_text {
    background: url(../images/banner-text-bg1.jpg) repeat-x bottom #FEE9C4;
    position:absolute;
    bottom:0;
    width:100%;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    -khtml-border-radius-topright: 25px;
    -khtml-border-radius-topleft: 255px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 250px;
    -webkit-border-bottom-left-radius: 25px;
    -khtml-border-radius-bottomright: 25px;
    -khtml-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;

}
.roundgreen25 {
	background: url(../images/banner-text-bg2.jpg) repeat-x bottom #a1bd98;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    -khtml-border-radius-topright: 25px;
    -khtml-border-radius-topleft: 255px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 250px;
    -webkit-border-bottom-left-radius: 25px;
    -khtml-border-radius-bottomright: 25px;
    -khtml-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
}
	
#image_text #mission  {
    padding:7px 25px;
    color:#FFF;
    font-size:140%;
    font-style:italic;
	font-family:Times;
    float:right;
}

#top_bg {
    background: url(../images/fill_top.png) repeat-x scroll 0 62px transparent;
}
#top_left {
    background: url(../images/fill_top_left.png) no-repeat scroll 0 100% transparent;
}
#top_right {
    background: url(../images/fill_top_right.png) no-repeat scroll 100% 100% transparent;
}

/************************/
/* SITE TITLE           */
/************************/
#header.clearfix {
	height: 356px;
}
#above {
    min-height: 0;
    padding: 0;
}
#name-and-slogan {
    background: #fee9c4;
    padding: 30px 20px;
	height: 8px;
}
#site-name a, #site-name a:hover {
    font-family: "palatino linotype";
    font-size: 33px;
    font-style: italic;
    font-weight: normal;
    position: absolute;
    top: 6px;
}

/*******************************/
/*  BLOK INFO IN RECOMMENDED   */
/*******************************/
#section2 {
    margin-left:-294px;
    clear:both;
    display:block;
    width:930px;
    background:url(../images/fill_block.png) repeat-x bottom;
    float:left;
    padding-bottom:20px;
}
div#section2 .round-top {
    display:block;
    background:url(../images/round-sec2.png) no-repeat -39px -5px;
    float:left;
}
div#section2 .sec2-bg {
    margin-top:4px;
    margin-bottom:0px;    
    background:url(../images/bg-sec2.png) repeat-y -1px;
    float:left;
}
div#section2 .round-bottom {
    background:url(../images/round-sec2.png) no-repeat -39px 0px;
    height:5px;
    width:100%;
    display:block;
    float:left;
}
div#section2 .block-info {
    width:305px;
    float:left;
}
div#section2 .block-info .content {
    margin:4px 10px 0px 20px;
}
div#section2 .content {
    padding:10px 20px;
    display:block;
    border: solid #ddd 1px;
    border-top:0;
    border-bottom:0;
    background:none;
}
div#section2 .block-recommend {
    width:625px;
    float:left;
}
div#section2 .block-recommend .content {
    margin:4px 20px 4px 10px;
}

/*********************************/
/*      prva stran zadnje objave */
/*********************************/
.news_table {
    background: #FEF7EC url(../images/novice-txt.png) no-repeat 5px 20px;
    margin-top:10px;
    border:1px solid #FEEAC6;
    padding:3px;
    padding-left:25px;
    padding-top:18px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-radius-topright: 7px;
    -khtml-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -khtml-border-radius-bottomright: 7px;
    -khtml-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;

}
.news_table a {
    font-weight:bold;
    border-bottom:solid 1px #fee9c4;
    width:100%;
    display:block;
    margin:0;
    clear:both;
    margin-bottom:5px;
}
.news_table a:hover {
    background:#FEEAC6;
}
.news_table .submitted {
    color:silver;
    clear:both;
    display:block;
    float:none;
    width:100%;
}
.news_table_td {
    padding-bottom:15px;
    padding-left:15px;
}
.news_table_td:hover {
   background: #FFF6E7;
}

/******************************/
/*   main content images      */
/******************************/
.maincontent3 img {
    border:1px solid #ddd;
    padding:4px;
    margin:5px 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-radius-topright: 0px;
    -khtml-border-radius-topleft: 7px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 0px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-radius-bottomright: 7px;
    -khtml-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 0px;
}
/******************************/
/*      IMAGE GALLERY         */
/******************************/
.gallery-page {
    margin-bottom:20px;
}
.gallery-page .image-group {
    
    
}
.gallery-page .image-wrapper {
    float:left;
    height:180px;
    width:193px;
    display:block;
    overflow:hidden;
    margin:1px;
	text-align:center
}
.gallery-page .gallery-image {

}
.gallery-page .gallery-img {

}


/* glavnni meni
-------------------------------------------------------------- */
div#primary-menu {

}
#superfish li, #superfish li li:last-child, #superfish li li li:last-child {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-radius-topright: 0px;
	-khtml-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
}
#superfish li li, #superfish li li li {
	-khtml-border-radius: 0px;
	-moz-border-radius: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
#superfish {
    height:35px;
    float:left;
}

#superfish h2 {
    height: 0;
    overflow: hidden;
    position: absolute;
}

#superfish .menu, #superfish .menu * {
    margin:0;
    padding:0;
    list-style:none;
}

#superfish .menu {
    line-height:1.3;
}

#superfish .menu ul {
    position:absolute;
    top:-999em;
    width:13em;
}

#superfish .menu ul li {
    width:100%;
}

#superfish .menu li:hover {
    visibility:inherit;
    background: #6F9861;
}

#superfish .menu li {
    float:left;
    position:relative;
    margin-left:5px;
}
#superfish .menu li li , #superfish .menu li li li{
    margin-left:0;
}

#superfish .menu a {
    display:block;
    position:relative;
}

#superfish .menu li:hover ul,
#superfish .menu li.sfHover ul {
    left:0;
    top:28px;
    z-index:99;
}

#superfish ul.menu li:hover li ul,
#superfish ul.menu li.sfHover li ul {
    top:-999em;
}

#superfish ul.menu li li:hover ul,
#superfish ul.menu li li.sfHover ul {
    left:13em;
    top:0;
}

#superfish ul.menu li li:hover li ul,
#superfish ul.menu li li.sfHover li ul {
    top:-999em;
}

#superfish ul.menu li li li:hover ul,
#superfish ul.menu li li li.sfHover ul {
    left:13em;
    top:0;
}

#superfish .menu {
    float:left;
    margin-bottom:1em;
}

#superfish .menu a {
    padding:.75em 0.5em;
    text-decoration:none;
}

#superfish .menu a.sf-with-ul {
    padding-right:2.25em;
    min-width:1px;
}

#superfish .menu a, #superfish .menu a:visited  {
    color:#fff;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
    padding-right:25px;
    padding-left:25px;
    font-family: Times;
}

#superfish .menu li {
    /*background: #5A7D4F;*/
    background: url(../images/banner-text-bg2.jpg) repeat-x bottom #a1bd98;
}

#superfish .menu li li {
    background: #6F9861;
}

#superfish .menu li li li {
    background: #6F9861;
    top: 0px;
}

#superfish .menu li:hover, #superfish .menu li.sfHover,
#superfish .menu a:focus, #superfish .menu a:hover, #superfish .menu a:active {
    outline:0;
}

#superfish .menu li:hover, 
#superfish .menu li.sfHover,
#superfish .menu a:focus, 
#superfish .menu a:hover, 
#superfish .menu a:active {
    z-index:10;
}

#superfish .menu li:hover {
    background: #6F9861;
}

#superfish .menu li.active-trail {
    background: #6F9861;
}

#superfish .menu li.active-trail li {
    background: #3b6999;
}

#superfish .menu li li:hover {
    background: #5A7D4F;
}

#superfish .menu li li li:hover {
    background: #729E63;
}

.sf-sub-indicator {
    position:absolute;
    display:block;
    right:.75em;
    top:1.05em;
    width:10px;
    height:10px;
    text-indent:-999em;
    overflow:hidden;
    background:url(../images/arrows-ffffff.png) no-repeat -10px -100px;
}
a > .sf-sub-indicator { 
    top:.8em;
    background-position: 0 -100px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}

#superfish .menu ul .sf-sub-indicator { background-position:  -10px 0; }
#superfish .menu ul a > .sf-sub-indicator { background-position:  0 0; }
#superfish .menu ul a:focus > .sf-sub-indicator,
#superfish .menu ul a:hover > .sf-sub-indicator,
#superfish .menu ul a:active > .sf-sub-indicator,
#superfish .menu ul li:hover > a > .sf-sub-indicator,
#superfish .menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}

#superfish .sf-shadow ul {
    background:	url(../images/shadow.png) no-repeat bottom right;
    padding: 0 8px 9px 0;
}

#superfish .sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/******************************/
/*   FOOTER /*
/******************************/
#footer, #belowme {
	text-align: center;
	padding: 5px 44px;
}
#footer {
	font-size: 75%;
}
#footer a {
	font-weight: normal;
}
#footer ul.links li.first, ul.links li.first {
	border: none;
}
.legal {
	margin: 20px auto 0 auto;
	padding: 0 90px;
    color: #bbb;
}
#footer, #footer a {
	color: #ddd!important;
}
.eopage {
    background:#717171 url(../images/bg-imprint.jpg) repeat-x top;
    border-top:1px solid #aaa;
}
.eopage .imprint ul {
    text-align:center;
    border:0;
    padding:0;
    margin-top:10px;
}
.eopage .imprint ul li {
    display:inline;
    background: #aaa;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-radius-topright: 7px;
    -khtml-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-radius-bottomright: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
}
.eopage .imprint a {
    margin:15px;
    color:#ddd;
}
.eopage .imprint a:hover {
    color: #fff;
    text-decoration:none;
}

.colmain {
  float: right;
  width: 99%;
}
