/*
	www.uebergebuehr.de
	css-file 

	@title			homepage.css
	@author			Emerson Araja
	@lastchange		05-Jun-2009
	@description	CSS-Datei von uebergebuehr.de und seinen Länderseiten
	@version		5.01
*/



/* LAYOUT */

body { background: url(/resources/gfx/page-bg.jpg) 0 0 repeat-x; }


#page-bg {}
#viewport {
	width: 1110px; /*1100px*/
	margin-left: 30px;
}
#head {
	min-height: 225px;
}
#logo {
	display: inline;
}
h2#logo a {
	display: block;
	width: 300px;
	height: 167px;
	background: url(/resources/gfx/logo-uebergebuehr-beta4.jpg) 2px 0 no-repeat;
}
h2#logo {
	float: left;
	background: none;
	margin: 0 0 -16px 0;
	padding: 0px;
}
#region-label {
	position: absolute;
	width: 100px;
	top: 86px;
	left: 228px;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
}
#searchfield { float: right; margin: -45px 8px 0 0; }
#q {
	float: left;
	padding: 0;
	border: none;
	margin: 5px 12px 5px 16px;
	background-color: transparent;
	width: 139px;
	height: 20px;
}
#widget_q {
	background: none;
	border: none;
	vertical-align: top;
	width: 139px;
	margin: 5px 12px 5px 11px;
	font-size: 10pt;
}

#search-form-wrapper { 
	background: url(/resources/gfx/search-word-bg.gif) left 0 no-repeat;
}
.navigation-wrapper { 
	background: url(/resources/gfx/main-navigation-bg.jpg) left 0 no-repeat;
	height: 32px;
}
#main-navigation,
#meta-navigation {
	float: left;
	margin: 0 0 0 200px;
	background: url(/resources/gfx/main-navigation-bg.jpg) right 0 no-repeat;
	padding-right: 1px;
	list-style: none;
}
#meta-navigation {
	float: right;
	margin: 0 8px 0 0;
}
#main-navigation li,
#meta-navigation li{
	float: left;
}
#main-navigation li a,
#meta-navigation li a {
	float: left;
	padding: 5px 12px 8px 12px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(/resources/gfx/main-navigation-bg.jpg) left 0 no-repeat;
	margin: 0px;
}
#main-navigation li a.last,
#meta-navigation li a.last {
	background: url(/resources/gfx/main-navigation-bg.jpg) left 0 no-repeat;
}
#main-navigation li a:hover,
#meta-navigation li a:hover {
	color: #ff6e00;
	background: url(/resources/gfx/main-navigation-bg.jpg) -210px 0 no-repeat;
}
#main-navigation li a.active{}
#main-navigation li a .full-menue {
	float: left;
	color: #fff;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat;
}
#main-navigation li a .full-menue:hover { color: #ff6e00; }
#navigation-full {
	height: auto;
	width: 1070px;
	margin-bottom: 16px;
	padding: 18px 24px 32px 24px;
	background: url(/resources/gfx/full-navigation-bg.gif) -1px bottom no-repeat;
}
#navigation-full-wrapper {
        height: 1px;
        overflow: hidden;
}
#navigation-full a{
	color: #fff;
	font-weight: normal;
}
#navigation-full .navigation-full-head { float: left; }
#navigation-full .navigation-full-head h2 {
	color: #fff;
	background: none;
	padding-left: 0;
}
.navigation-full-main {
	float: left;
	margin: 0 0 0 32px;
}
#full-navigation { float: left; list-style: none; margin: 0; }
#full-navigation li {
	float: left;
	display: block;
	width: 140px;
}
#full-navigation li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #fbd3a3;
}
#full-navigation ul {
	list-style: none;
	margin: 0px;
}
#full-navigation ul li {
	float: left;
	width: 120px;
}
#full-navigation ul li a {
	font-weight: normal;
	text-transform: none;
	color: #fff;
}
#full-navigation ul li a:hover {
	color: #666059;
}

/*
.navigation-full-foot {
	text-transform: uppercase;
	text-align: center;
}
.navigation-full-foot a{
	display: block;
	padding: 4px 0;
	background: #f18200;
	border: 1px solid #fff;
}
*/
#main { margin-bottom: 24px; }
.column-01, .column-02, .column-03, .column-04 { float: left; min-height: 600px; }
.column-03, .column-04 { border-top: 4px solid #eae0d2; border-bottom: 4px solid #eae0d2; }
.column-01 { width: 180px; }
.column-02 { width: 484px; margin: -4px 16px 0 16px;  }
.column-03 { width: 210px; padding-top: 4px }
.column-04 { width: 180px; margin-left: 16px; padding-top: 4px  }
#foot { padding: 16px 0 32px 0; border-top: 1px solid #dad6d0; }
.copyright {
	float: right;
}
.meta-navigation {
	float: left;
	list-style: none;
	margin: 0px;
}
.meta-navigation li{
	float: left;
}
.meta-navigation li a {
	float: left;
	padding: 0px 12px 8px 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	color: #37444B;
}
.meta-navigation li a.totop { font-weight: bold; }
/* Styles */
.teaser {
	color: #37444b;
	font-weight: bold;
}
div.box {
	background: url(/resources/gfx/box-header-bg.gif) 0 0 no-repeat;
	margin-bottom: 4px;
}
div.box-foot {
	background: url(/resources/gfx/box-footer-bg.gif) 0 bottom no-repeat;
}
div.content-wrapper {
	margin: 0 18px 0 18px;
	padding: 24px 0 8px 0;
}
.column-02 img {
	margin: 0 0 16px 14px;
	
}
.column-03 img {
	margin: 0 0 8px 0;
	
}
div.content-wrapper img {
	margin: 0 0 8px 0;
	border: 1px solid #DFDFDF;
}
div.content-wrapper p.footer {
	width: 100%;
	border-top: 1px solid #EDEDED;
	padding-top: 8px;
}
div.content-wrapper p.footer a {
	float: right;
	font-weight: normal;
}
h3.related {
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: 4px solid #eae0d2;
}
h3.teasered {
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: 4px solid #eae0d2;
}
ul.related {
	list-style: none;
	margin: 0;
}
ul.related li {
	border-top: 1px solid #DFDFDF;
}
.related-artikel,
.related-artikelsets,
.related-dossiers,
.related-links,
.related-linksets,
.related-medien,
.related-news,
.related-themen,
.related-pressemitteilungen,
.related-article,
.related-gallery,
.related-media,
.related-download,
.related-link-extern,
.new {
	padding-left: 16px;
	display: block;
	margin: 0;
}
.related-download { background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat; }
.related-artikel,
.related-artikelsets,
.related-dossiers,
.related-links,
.related-linksets,
.related-medien,
.related-news,
.related-themen,
.related-pressemitteilungen,
.related-article { background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat; }
.related-gallery { background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat; }
.related-media { background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat; }
.related-link-extern { background: url(/resources/gfx/icon-arrow-down.gif) 0 4px no-repeat; }
.new { background: url(/resources/gfx/icon-new.gif) 0 1px no-repeat; padding-left: 20px; display: inline; }

.dateCat { font-size: 1em; font-weight: bold; color: #000; }
.autorCat { margin-left: 18px; margin-top: -8px; font-size: 1em; color: #7F6B47; }


a.teasered-artikel img,
a.teasered-thema img,
a.teasered-dossier img,
a.teasered-artikelset img,
a.teasered-media img,
a.teasered-news img,
a.teasered-artikel img,
a.teasered-article img {
	border: 0px; 
	padding-top: 4px;
}

a.teasered-artikel,
a.teasered-thema,
a.teasered-dossier,
a.teasered-artikelset,
a.teasered-media,
a.teasered-news,
a.teasered-artikel,
a.teasered-article {
	margin-bottom: 0px;
	display: block;
}

h3.infobox {
	padding-top: 4px;
}

div.infobox {
	margin-bottom: 4px;
	padding: 4px;
	border-top: 4px solid #eae0d2;
	border-bottom: 4px solid #eae0d2;
	border-left: 1px solid #eae0d2;
	border-right: 1px solid #eae0d2;
}

h2.sub {
        font-family:"Trebuchet MS", verdana,geneva,arial,helvetica,sans-serif;
        font-weight: bold;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        padding-top: 1.5em;
        color: #7F6B47;
        line-height: 1em;
        text-align: center;
        background: white;
        border-top: 4px solid #eae0d2;
}

.toggle-button {
    outline: 0;
    padding: 5px 28px;
    display: block;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px #2A8BAF;
    border: 1px solid #1c252b;
    background: #1A7B8F; /* old browsers */
    background: -moz-linear-gradient(top, #1A7B8F 3%, #4AABCF 4%, #2A8BAF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#1A7B8F), color-stop(4%,#4AABCF), color-stop(100%,#2A8BAF)); /* webkit */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}
.toggle-button-first {
	border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
}
.toggle-button-last {
	border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
}
.toggle-button:hover {
    color: #fff;
    background: #4AABCF; /* old browsers */
/*    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); */ /* firefox */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); */ /* webkit */
}
.toggle-button-active,
.toggle-button:active {
    background-position: 0 top;
    color: #fff;
    padding: 6px 28px 4px;
    background: #2A8BAF; /* old browsers */
    background: -moz-linear-gradient(top, #1A7B8F 3%, #2A8BAF 51%, #4AABCF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#1A7B8F), color-stop(51%,#2A8BAF), color-stop(100%,#4AABCF)); /* webkit */
}

/* Other stuff: */
.toggle-button-list { list-style: none; padding: 0; margin: 0; width: 100%; float: left; display: block; margin: 10px 0 30px; }
.toggle-button-list li { float: left; margin: 0; }





.dateBox {
	float: right;
	width: 100px;
	height: 105px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    background: #1A7B8F; /* old browsers */
    text-align: center;
}

.dateBoxDayMonth {
	color: white;
	font-size: 18pt;
	font-weight: bold;
    padding: 5px;
}

.dateBoxDayMonthYear {
	color: white;
	font-size: 14pt;
    padding: 5px;
}

.dateBoxYear {
	color: white;
	font-size: 12pt;
    padding: 3px;
}

.dateBoxTime {
	color: white;
	font-size: 18pt;
	font-weight: bold;
	padding: 5px;
}

.dateBoxTimeSpan {
	color: white;
	font-size: 12pt;
	padding: 5px;
}

.dateBoxRule {
	border-bottom: 2px solid #2A8BAF;
}


ul.hover-list-related-items {
	list-style-type: none;
	margin-left: 2px;
	margin-top: 3px;
}

ul.hover-list-related-items li {
	border-bottom: 1px solid #DAD6D0;
}