/* @override http://kuenstler.local/stylesheets/noelken/base.css */

/* *************************************************
** CSS-File: www.atelier-mittelfeld.de *************
************************************************** */

/* GLOBALS */

body { margin:0; padding:0; background:#fff; line-height: 18px;
  font-family: Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a { outline:none; text-decoration:underline; }
a:hover, a:focus { text-decoration: none; }
img { border: none; outline:none; }
h1 { margin-top: 0px;}
h1, h2, h3, h4 { font-size: 16px;}

/* LAYOUT-CONTAINER */

#logo { margin-top: 30px; margin-bottom: 20px; }
#footer {
  font-size: 10px; border-top: 1px solid #bababa; padding: 10px 0 0 0;
  color: #bababa;
  border-style: solid;
  margin-top: 30px;
  margin-right: 0;
}

#footer_right { text-align: right; }

a.top_navigation:hover, a.top_navigation:focus { color: white; background-color: black; }

#footer a, #footer a:visited {   color: #bababa;
 }

/* SIDEBAR, #content */

#content img { border: 1px solid #ccc;}
#sidebar img { float: left; margin-right: 5px }
.thumbnails { float: right; }
#sidebar hr { border: none; width: 0px; margin: 0; height: 5px; }

.thumbnails a img { border: 1px solid #ccc; }
.thumbnails a:hover img { border: 1px solid black;}

/* MAIN-NAVIGATION */
#container_navigation { margin: 0 0 10px; }
#container_navigation ul, #container_navigation li { list-style: none; margin:0; padding:0; }
#container_navigation ul { display: block; }
#container_navigation ul li { display: inline; }
#container_navigation ul li a { text-decoration:none;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  padding-right: 10px;
  padding-left: 10px;
}

#container_navigation ul li:first-child a { padding-left: 0; margin-left: 10px; }
#container_navigation ul li a:hover, #container_navigation ul li a:focus { color: white; background-color: black; }
#container_navigation ul li a.current { color: white; background-color: black; }

/* SUB-NAVIGATION */

#sub_navigation { margin: 0 0 30px;  }
#sub_navigation ul { display: block; padding: 0; margin: 0; }
#sub_navigation ul li { display: inline;
  padding: 0;
  margin: 0;
}
#sub_navigation ul li a { 
text-decoration:none;
  text-transform: uppercase;
  color: #bababa;
  font-size: 14px;
  padding-right: 10px;
  padding-left: 10px;
}
#sub_navigation ul li:first-child a { padding-left: 0; margin-left: 10px; }

#sub_navigation ul li a:hover, #sub_navigation ul li a:focus, #sub_navigation ul li a.current { color: white; background-color: black; }