/*-----------------------------------------------------------------------------
PROJEKT Screen Stylesheet

version:   1.0
date:      04/09/2007
email:     info@smit-und-partner.de
website:   smit-und-partner.de
-----------------------------------------------------------------------------*/

* {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body {
	background: #1e3533;
	background-color:#9dc0bc;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	color: #65625e;
	font: 62.5%/1.5  Verdana, Helvetica, Arial, sans-serif; 
	margin: 0;
	padding: 0;
}

h1 {
	color: #40706b;
	font-size: 1.5em;
	margin-bottom: 0.3em;
}

h1 a {
	text-decoration: none;
}

h2 {
	color: #579891;
	font-size: 1.4em;
	margin-bottom: 0.3em;
}

#sidebar h2 {
	color: #6b7478;
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	color: #6b7478;
	margin-bottom: 0.2em;
}

h4 {
	color: #65625E;
	font-size: 1.1em;
	margin: 0.5em 0 0.2em 0;
}

p {
	font-size: 1.2em;
	margin-bottom: 1em;
}

a {
	color: #1a3c7c;
	text-decoration: underline;
}

a img {
	border-color: #1a3c7c;
}

a:hover {
	text-decoration: none;
}

a.showall, .link-mehr, .link-mehr-extern, input.submit {
	background: #28568a url(../img/bottomnavigation-link-bg.png) no-repeat -2px -1px;
	border: 1px outset #089081;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.3em 0.5em;
}

.download-pdf {
    background: url("../img/filetypes/pdf.png") no-repeat scroll left center transparent;
    display: block;
    margin: 4px 0 0 0;
    padding: 2px 0 2px 20px;
}

a.showall, .link-mehr, .link-mehr-extern {
	display: block;
	float: right;
	text-decoration: none;
}

#sidebar .link-mehr {
	float: left;
	font-size: 1.0em;
    	padding: 0.2em 0.5em;
}

a.showmore {
	display: block;
	font-size: 1.1em;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

* html .clearfix {height: 1px;}

.hide {
	display: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

.bild-links {
	float: left;
	margin: 0 1em 1em 0;
}

.bild-rechts {
	border-style: none;
	float: right;
	margin: 0 0 1em 1em;
}

dl {
	font-size: 1.2em;
	margin-bottom: 1em;
}

dt {
	clear: both;
	float: left;
	width: 25%;
}

dl.form dt {
	padding: 0.2em 0;
	margin-bottom: 0.5em;
}

dl.form dd {
	margin-bottom: 0.5em;
}

dd {
	float: left;
	width: 74%;
}

.recent dt {
	width: 12%;
}

.recent dd {
	margin-bottom: 0;
	width: 87%;
}

#sidebar .recent {
	font-size: 1.1em;
}

#sidebar .recent dt {
	width: 18%;
}

#sidebar .recent dd {
	width: 80%;
}

.block ul, .box ul, .block ol {
	margin-bottom: 1.5em;
	padding-left: 2em;
}

.block ul li, .box ul li {
	list-style: url(../img/bullet.png);
	font-size: 1.2em;
	margin-top: 5px;
}

.block ul ul li, .box ul ul li {
	list-style: url(../img/bullet_small.png);
	font-size: 1.2em;
}

.block ol li {
	font-size: 1.0em;
	list-style: decimal;
}

ul.categories {
	padding: 0;
}

ul.categories li {
	display: inline;
	float: left;
	font-size: 1em;
	list-style: none;
	margin: 0 0.4em 0.2em 0;
}

ul.categories a {
	border: 1px solid #1a3c7c;
	display: block;
	font-size: 0.9em;
	line-height: 1;
	padding: 0.1em 0.2em;
	text-decoration: none;
}

ul.categories a:hover {
	background: #1a3c7c;
	color: #FFF;
}

#content table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

#content table p {
	font-size: 0.8em;
}

#content table div {
	font-size: 0.8em;
}

#content table th, #content table td {
	padding-right: 5px;
}

#content table td {
	font-size: 1.2em;
	padding-top: 4px;
	padding-bottom: 5px;
}

#content table th {
	color: #579891;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding-bottom: 3px;
}

#content thead th {
	padding-top: 1.5em;
}

#content tbody tr {
	border-top: 1px solid #D0E5F0;
}

#content tbody tr:hover, .alt {
	background: #F4FCFB;
}

#content table h1 {
	font-size: 1.1em;
	font-weight: normal;
}

#content .imglist {
	padding: 0;
}

#content .imglist {
	font-size: 1em;
	list-style: none;
	list-style: outside disc;
	margin-left: 0;
}

#content .imglist li {
	font-size: 1em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
}

table .location {
	font-size: 1.1em;
}

table .preview {
	text-align: center;
}

.date .day {
	color: #1a3c7c;
	display: block;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

.date .month {
	color: #83847f;
	display: block;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;
}

.no-day .month {
	color: #1a3c7c;
	font-size: 1.3em;
	font-weight: bold;
}

.date .ondemand {
	display: block;
	font-size: 0.9em;
	text-align: center;
}


/* FORMS
-----------------------------------------------------------------------------*/
form input, form textarea {
	border: 1px solid #579891;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	margin-bottom: 2px;
	padding: 3px;
}

input.text, input.password, textarea {
	border: 2px solid #2e4d87;
	color: #7a7771;
	font-size: 1.1em;
	padding: 0.2em;
}

#sidebar input.text, #sidebar input.password {
	border-width: 1px;
}

#sidebar input.submit {
	background: #2e4d87;
	font-size: 1em;
	padding: 0.1em 0.2em;
}

select {
	border: 2px solid #2e4d87;
	color: #7a7771;
	font-size: 1.1em;
}

dl input.text, dl input.password, dl select, dl textarea {
	width: 300px;
}

.radio label, .radio input, .checkbox label, .checkbox input {
	font-weight: normal;
	line-height: 1.6;
	vertical-align: middle;
}

label {
	font-weight: bold;
}

#login .text, #login .password {
	width: 35%;
}

fieldset {
	border: 1px solid #579891;
	padding: 5px;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
}


/* 
-----------------------------------------------------------------------------*/
#wrapper {
	left: 0;
	margin: 2.5em auto 0;
	padding-bottom: 2.5em;
	position: relative;
	top: 0;
	width: 900px;
}

#title {
	color: #136d63;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	padding: 0.2em 0;
}

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

#shortcuts {
	padding: 0.2em 0;
	position: absolute;
	right: 17.5em;
	top: 0;
}

#shortcuts li {
 	border-left: 1px solid #579891;
	float: left;
}

#shortcuts li.first{
	border-left: none;
}

#shortcuts a {
	color: #1A3C7C;
	display: block;
	font-size: 1.1em;
	padding: 0.15em 1em;
	text-decoration: none;
}

#shortcuts a.active, #shortcuts a:hover {
	text-decoration: underline;
}

#search {
	background: #FFF;
	border: 0.2em solid #579891;
	height: 1.9em;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 17em;
}

#search input {
	border: none;
	font-size: 1.1em;
}

#search .text {
	color: #5e7371;
	float: left;
	padding: 0.3em 0.2em;
	width: 12em;
}

#search .submit {
	background: #579891;
	color: #FFF;
	float: right;
	padding: 0.2em 0.2em 0.2em;
}

#impression {
	background: #FFF;
	height: 130px;
	overflow: hidden;
	position: relative;
	width: 900px;
}

#main {
	background: url(../img/main-bg.png) repeat-y right;
	margin: 4em 0 0;
	left: -5px;
	padding: 0 5px;
	position: relative;
	width: 900px;
}

#content {
	float: left;
	min-height: 400px;
	width: 600px;
}

#content.single {
	background: url(../img/content-block-bg.png) repeat-x bottom;
}

#sidebar {
	float: right;
	width: 300px;
}

#logo {
	display: block;
	position: absolute;
	top: 4.4em;
	left: -1.9em;
	z-index: 50;
}

#foot {
	background: url(../img/foot-bg.png) no-repeat;
	clear: both;
	height: 5px;
	margin: 0 -5px -5px;
}

#breadcrumbs {
	cursor: default;
	font-size: 1.1em;
}

#breadcrumbs a {
	text-decoration: none;
}

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


/* NAVIGATION
-----------------------------------------------------------------------------*/
.navigation {
	height: 30px;
	overflow: hidden;
}

* html .navigation { /* IE 6 */
	overflow: visible;
}

.navigation li {
	float: left;
}

.navigation a {
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.4em 1.4em 0.5em;
	text-decoration: none;
}

.navigation a:hover, .navigation a.active {
	background-position: 0 -30px;
	text-decoration: none;
}

#topnavigation-wrapper {
	background: #9f8c73 url(../img/topnavigation-bg.png) repeat-x;
	height: 1%;
}

#topnavigation {
	float: right;
}

#topnavigation a {
	background-image: url(../img/topnavigation-link-bg.png);
}

#bottomnavigation {
	background: #28568a url(../img/bottomnavigation-bg.png) repeat-x;
}

#bottomnavigation a {
	background-image: url(../img/bottomnavigation-link-bg.png);
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 150px;
}

#bottomnavigation .first a {
	background-position: -2px 0;
}

#bottomnavigation .first a:hover, #bottomnavigation .first a.active {
	background-position: -2px -30px;
}


/* Content
-----------------------------------------------------------------------------*/
#content .block {
	background: url(../img/content-block-bg.png) repeat-x bottom;
	padding: 15px 20px;
	position: relative;
}

#content .headline {
	font-size: 1.2em;
	padding: 15px 20px 0 20px;
	position: relative;
}

#content .list{
	padding-left: 114px;
}

#content.single .block {
	background: none;
}
.article {
	margin-bottom: 3em;
}

.article h1 {
	float: left;
	width: 82%;
}

.article .date {
	float: right;
	font-size: 1.1em;
	padding-top: 0.2em;
}

.article .body {
	clear: both;
}

.box {
	background: url(../img/box_bg.png) no-repeat;
	margin: 15px 20px;
	padding: 15px 20px;
	position: relative;
}

.box .bottom {
	background: url(../img/box_bg_bottom.png) no-repeat;
	clear: both;
	height: 3px;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 560px;
}

.imglist .desc {
	display: block;
	padding-left: 125px;

}

.imglist .img {
	float: left;
	margin-right: 12px;
}

.middle {
	float: left;
	padding-left: 125px;
}

.sp_right {
	float: right;
	font-size: 1.2em;
}

.pagination {
	border-top: 1px solid #D0E5F0;
	margin: 1em -20px -15px;
	padding: 10px 20px;
}

.pagination .prev, .pagination .next {
	color: #7a7771;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 1.5em;
	padding: 0.3em 0;
}

.pagination .pages {
	float: right;
	padding: 0;
}

.pagination .pages li {
	float: left;
	font-size: 1.1em;
	list-style: none;
	margin-right: 0.3em;
}

.pagination .pages a, .pagination .pages span {
	border: 1px solid #1a3c7c;
	display: block;
	line-height: 1;
	padding: 0.3em 0.5em;
	text-decoration: none;
}

.pagination .pages a:hover {
	text-decoration: underline;
}

.pagination .pages span {
	background: #1a3c7c;
	color: #FFF;
}

/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar p {
	font-size: 1.1em;
}

#sidebar .block {
	background: url(../img/sidebar-block-bg.png) repeat-x;
	overflow: hidden;
	height: 1%;
	padding: 10px 15px;
	position: relative;
}

#sidebar .block ul li {
	list-style: url(../img/bullet.png);
	font-size: 1.1em;
	margin-top: 5px;
}

#sidebar .active {
	background: url(../img/sidebar-active-bg.png) no-repeat right center;
	padding: 0;
	overflow: visible;
}

#sidebar .active h2 {
	background: url(../img/sidebar-active-bg.png) no-repeat left center;
	left: -10px;
	margin: 0;
	padding: 8px 15px 8px 25px;
	position: relative;
	z-index: 9999;
}

#sidebar img.right {
	padding: 0 0 0.5em 0.5em;
}

#sidebar .dates dt, #sidebar .dates dd {
	margin-bottom: 0.3em;
}

#sidebar .dates, #sidebar .downloads {
	margin-bottom: 0.8em;
	padding: 0;
}

#sidebar .dates li, #sidebar .downloads li {
	border-bottom: 1px solid #d0e5f0;
	font-size: 1em;
	list-style: url(); /* IE */
	padding: 0.2em 0;
}

#sidebar .dates li.last, #sidebar .downloads li.last {
	border-bottom: none;
}

#sidebar .dates .date {
	float: left;
	margin-right: 4%;
	width: 11%;
}

#sidebar .dates .info {
	float: left;
	font-size: 1.1em;
	padding: 0.3em 0;
	width: 84%;
}

#sidebar .dates .title {
	display: block;
	line-height: 1;
}

#sidebar .dates .location {
	color: #879096;
	font-size: 0.9em;
	line-height: 1;
}

#sidebar .downloads li {
	padding: 0.3em 0;
}

#sidebar .downloads .icon {
	display: block;
	float: left;
	width: 8%;
}

#sidebar .downloads .title {
	display: block;
	float: left;
	font-size: 1.1em;
	width: 90%;
}

#sidebar .downloads .title a {
	display: block;
	text-decoration: none;
}

#sidebar .feed {
	background: url(../img/feed.png) no-repeat right center;
	display: block;
	font-size: 1.1em;
	padding: 2px 20px 5px 0;
	position: absolute;
	text-decoration: none;
	top: 8px;
	right: 15px;
	z-index: 99999;
}

/* GALLERY
-----------------------------------------------------------------------------*/
#gallery, .gallery {
	margin: 1.5em 0;
	padding: 0;
}

#gallery li, .gallery li {
	float: left;
	list-style: none;
	margin: 0 1.4em 1.2em 0;
}

#gallery a, .gallery a {
	border: none;
	display: block;
	height: 95px;
	width: 95px;
}

#gallery img, .gallery img {
	border: 2px solid #1a3c7c;
}

/* SEARCH
-----------------------------------------------------------------------------*/
ul.search {
	padding: 0;
}

ul.search li {
	border-top: 1px solid #F7F1EB;
	list-style: none;
	padding: 0.3em 0 0.5em 0;
}

ul.search .left {
	width: 15%;
}

ul.search .leftsmall {
	width: 5%;
}

.leftsmall {
	float: left;
}

ul.search .right {
	float: left;
	width: 83%;
}

ul.search .title {
	display: block;
}

ul.search .desc {
	display: block;
	font-size: 0.9em;
}

/* LEXICON
-----------------------------------------------------------------------------*/
dl.lexicon {
	border-top: 1px solid #DFDFDF;
	font-size: 1.1em;
	padding-top: 0.5em;
}

.lexicon dt {
	font-weight: bold;
}

.lexicon dd {
	padding-left: 0.5em;
}

.lexicon dd, .lexicon dt {
	padding-bottom: 1.2em;
}

/* ARCHIVES
-----------------------------------------------------------------------------*/
.block .archives {
	padding: 0;
}

.block .archives li {
	float: left;
	list-style: none;	
	margin: 0 1px 1px 0;
	width: 16%;
}

.block .archives a {
	background: #BDD4E0;
	color: #6B7478;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px;
	text-align: center;
	text-decoration: none;
}

.block .archives a:hover, .block .archives a.current {
	color: #BDD4E0;
	background: #6B7478;
}


/* ADDRESSES
-----------------------------------------------------------------------------*/
#addresses {
	margin: 0 -20px;
	padding: 0;
}

#addresses li {
	list-style: none;
	padding: 10px 20px;
}

#addresses dl {
	font-size: 0.9em;
}


/* quiz
-----------------------------------------------------------------------------*/


dl.contact input {
	border:1px solid #579891;
}

dl.contact dt {	
	margin-bottom: 5px;
}

dl.contact dd {
	margin-bottom: 5px;
}

.advice {
	background:#972626 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	margin-top:5px;
	padding:3px;
	width: 300px;
}

.quiz input{
	border-style: none;
}

ul.form {
	padding: 15px 0 0 0;
}

ul.form li {
	list-style: none;
	padding: 5px 0;
}

ul.form li input {
	border-style: none;
	margin-right: 12px;
	position: relative;
	top: 2px;
}

ul.form li label {
	color:#579891;
}

/* KALENDER
-----------------------------------------------------------------------------*/
ul.kalender {
	padding: 0;
	width: 570px;
}

ul.kalender li {
	float: left;
	margin: 0 10px 10px 0;
	list-style: none;
	width: 180px;
}

ul.kalender li p {
	font-size: 1em;
}

/* Dropbox
-----------------------------------------------------------------------------*/
.block .dropbox {
	width: 265px;
}

.dropbox.left {
	float: left;
}

.dropbox.right{
	float: right;
}

.dropbox > ul > li > h3 {
	cursor: pointer;
	color: #1A3C7C;
}

.block .dropbox > ul {
	margin: 0;
	padding: 0;
}

.block .dropbox > ul > li {
	list-style: none;
	padding: 0;
}

.dropbox ul div, .dropbox ul div ul, .dropbox ul div li {
	font-size: 12px !important;
	line-height: 1.3;
	margin-top: 5px;
}

.block .dropbox div > ul > li {
	list-style: url(../img/bullet.png);
}

