@import 'reset.css';

body {font-family: Georgia, "Times New Roman", Times, serif; background-color: #fff; font-size: 13px; color: #535353; line-height: 2.00; position: relative;}

h2 {margin-bottom: 30px; margin-top: 20px; font: 20px/30px 'CartoGothicStdBook', Arial, sans-serif;}

@font-face {font-family: 'CartoGothicStdBook';src: url('CartoGothicStd-Book.eot');src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('CartoGothicStd-Book.ttf') format('truetype');}

h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px; font-family: Helvetica;}

#logo {padding-left: 10px; padding-top: 30px; padding-bottom: 10px; border: none;}

.grey { margin-bottom: 20px; margin-top: 20px; background-color: #a4a4a4; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.text { margin-top: 60px; }

.new { background:url(../images/new.png) 0 0 no-repeat; position:absolute; top:-5px; right:-3px; width:91px; height:71px; z-index:5; }

#newsletter {padding: 5px; color: #fff; text-transform: uppercase; height: auto; background-color: #56a4ff; text-align: center; margin-top: 5px; font-family: Arial; font-weight: bold;}

#newsletter:hover {background-color: #0f2032;}

#newsletter_field {width: 100%; max-width: 200px; height: 20px; margin-right: 10px;}

#news_text {float: left; padding: 8px; margin-left: 150px;}
#nav_trail {padding: 8px; text-decoration: none; font-weight: bold; font-family: Helvetica; text-transform: uppercase;}

.input {width: 180px; height: 23px; float: left; margin-right: 10px; margin-top: 5px; font-size: 14px; font-weight: bold; color: gray;}

a:link, a:visited {color: #56a4ff; text-decoration: none; font-weight: bold; font-family: Helvetica;}
a:hover {color: #3f3f3f ; text-decoration: none;}

#menu a:link, #menu a:visited, .grey a:link, .grey a:visited {color: #fff; text-decoration: none; font-weight: bold; font-family: Helvetica;}
#menu a:hover {color: #fff ; text-decoration: none;}

.grey a:hover {color: #000 ; text-decoration: none;}
.grey p {color: #fff; display: block;}

p {margin-bottom: 20px;}

.menu {float: right; position: absolute; top: 81px; right: 10px; z-index: 20; clear: both;}

#menu li span {background-image: url(../images/menu_back.jpg); position: absolute; top: 0px; left: -8px; width: 8px; height: 27px;}

#menu li {float: left; width: 80px; margin-right: 10px; background-color: #a4a4a4; text-align: center; padding-top: 6px; padding-bottom: 6px; position: relative;}

#menu li:hover {background-color: #56a4ff;}

.slideshow {z-index: 10; width: 940px; height: 425px; overflow: hidden; position: inherit;}

.viernullvier {z-index: 0; margin-top: 100px; margin-bottom: 100px; font-family: Helvetica; font-size: 60px; font-weight: bold; text-transform: uppercase; letter-spacing: -2px;}

.padding {width: auto; height: 40px;}

#footer a:link, #footer a:visited {color: gray;}

#footer a:hover {color: black;}

#footer li {float: left; margin:10px;}

#last {margin-right: 0px;}

.left {float: left; margin-right: 20px; margin-bottom: 10px;}
.right {float: right; margin-top: 8px; margin-right: 20px;}

.header {width: 940px; height: 200px; }

.sundermann {font-size:24px; font-weight:bold; color:#004790; font-family: Arial;}

.mitarbeiter {background: #ccc; padding-bottom: 30px; margin-bottom: 10px;}

.green {color: #6db746;}
.yellow {color: #ccc634;}
.red {color: #d02430;}
.orange {color: #d48334;}

#tour_heading {margin-top: 0;}

.laden {padding: 4px; margin-bottom: 10px; border: 1px solid #ccc; width: 450px;}

.gal_small {width: 210px; height: 210px; margin-bottom: 15px; padding: 4px; border: 1px solid #ccc;}

.pad {margin-right: 15px;}

.big {font-size: larger;}

.smaller {font-size: smaller;}

#wasser {color: #d48334; font-family: Helvetica; font-size: larger;}

/*filterable js styling*/


ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 60px; padding-top: 20px; line-height: 64px;}

ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover { color: #888; }
ul#portfolio-filter a.current{ background-color: #56a4ff; color: #fff; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 800px; height: auto; display: block; float: left; margin-right: 18px; margin-top: 20px; overflow: hidden; }

#follow {position: absolute; top: 10px; right: 30px; clear: both;}
#follow img {height: 35px; width: 35px; margin-left: 10px;}

.container_16 {position: relative;}