@import "../../system/css/standards.css";
@import "../../system/css/required.css";
@import "../../system/css/form_elements.css";

/*** body ***/

html {
	background:#f0f0f0;
}

body {
	background:#f0f0f0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#454545;
}

a {
    color:#3a6cae;
	text-decoration: none;
}
a:hover {
	color:#909090;
	/*
	color:#97c0eb;*/
}

a.new_window {
	background-image:url('../images/layout/new_window_icon.png');
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 13px;

}

/*** containers ***/

div#page_container {
	width:990px;
	margin:auto;
	background:#fff;
	box-shadow:0 0 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.5);
}

div#header {
	position:relative;
	height:190px;
	margin-bottom:27px;
	
	/**/
	background:url('../images/layout/header/header.php') 1px 0px no-repeat;
	/**/
}
/*
div.header_Aktuelles {
	background:url('../images/layout/header/header_2.jpg') 1px 0px no-repeat !important;
}
div.header_Buergerservice {
	background:url('../images/layout/header/header_4.jpg') 1px 0px no-repeat !important;
}
div.header_Stadtportraet {
	background:url('../images/layout/header/header_3.jpg') 1px 0px no-repeat !important;
}
div.header_Stadtleben{
	background:url('../images/layout/header/header_1.jpg') 1px 0px no-repeat !important;
}
*/
div#header_logo_transparency {
	position:absolute;
	top:0px;
	left:0px;
	background:url('../images/layout/logo_background.png');
	width:189px;
	height:190px;
	border-right:1px solid white;
}
div#header_logo {
	background:url('../images/layout/burgau_logo.png') center center no-repeat;
	width:189px;
	height:190px;
}
div#header_navigation {
	position:absolute;
	left:190px;
	bottom:0px;
	border-top:1px solid white;
}
div#header_message {
	position:absolute;
	top:0px;
	right:0px;
	width:189px;
	height:190px;
	border-left:1px solid white;
	background:#3a6cae;
	overflow:hidden;
}

div#header_message .vertical-centered {
		height:163px;
	width:189px;
	padding: 0px;
	margin: 0px;
}

div#header_message .vertical-centered tr{
		height:163px;
}
div#header_message .vertical-centered td{
	height:163px;
	width:189px;
	vertical-align: middle;	
}

div#header_message  .padder {
	padding: 10px 20px;
	padding: 10px 20px;
}

div#header_message  .date {
	color: #FFF;
	font-size: 10px;
}

div#header_message h2 {
	font-size: 14px;
	margin-top: 0px;
	padding-toP: 0px;
}

div#header_message a {
	color: #FFF;
}

div#page {
	clear:both;
	background:url('../images/layout/page_background.png') repeat-y;
}
div#content_container {
	float:left;
	width:610px;
}
div#content {
	width:560px;
	padding:0px 25px 25px;
}
div#left {
	float:left;
	width:190px;
}
div#right {
	float:left;
	width:190px;
	
}
div#footer {
	clear:both;
	background:#dae5fb;
	border-top:1px solid #97c0eb;
	width:800px;
}

/*** header: navigation ***/

div#header_navigation li {
	float:left;
}
div#header_navigation a {
	display:block;
	width:151px;
	background:#dae5fb;
	color:#606060;
	text-shadow:0px 1px 0px #fff;
	padding:6px 0px;
	height:15px;
	overflow:hidden;
	text-align:center;
	border-right:1px solid white;
}
div#header_navigation li.last a {
	width:154px;
}
div#header_navigation li.active a,
div#header_navigation a:hover {
	background:#97c0eb;
	color:#303030;
	text-shadow:0px 1px 0px #b4d9ff;
}
div#header_navigation li.search {
	width:189px;
	background:#dae5fb;
	height:27px;
	overflow:hidden;
}
#search {
	width:151px;
	height:20px;
	margin:3px 0px 0px 20px;
	background:url('../images/layout/search.png') no-repeat;
}
#search_textfield {
	width:120px;
	background:transparent;
	border:0;
	padding:0;
	margin:3px 0px 0px 21px;
}

/*** left: navigation ***/

div#left_navigation {
	/*margin-bottom:27px;*/
}
div#left_navigation li {
	padding-left: 8px;
	border-bottom:1px solid white;
}
div#left_navigation a {
	display:block;
	background:#97c0eb bottom left no-repeat;
	color:#303030;
	text-shadow:0px 1px 0px #b4d9ff;
	padding:6px 0px;
}
div#left_navigation span {
	display:block;
}
div#left_navigation li.sub1 a {
	background-color:#dae5fb;
	text-shadow:0px 1px 0px #fff;
}
div#left_navigation li.sub2 a {
	background-color:#eaf1ff;
	text-shadow:0px 1px 0px #fff;
}
div#left_navigation span {
	padding-left:10px;
}
div#left_navigation li.sub1 span {
	padding-left:20px;
	display: block;
}
div#left_navigation li.sub2 span {
	padding-left:30px;
	display: block;
}
div#left_navigation li.active,
div#left_navigation li:hover {
	background:#3a6cae;
}


/*** footer navigation ***/

div#footer ul {
	
}
div#footer li {
	float:left;
	padding:6px 0px 6px 20px;
}
div#footer a {
	font-size:11px;
}
div#footer a:hover {
	color:#656565;
}

div.banner {
	text-align:center;
	padding:10px 5px 0px;
}

/*** right: service bereich ***/

.service_box {
	border-bottom:1px solid white;
	border-right:1px solid white;
	width:55px;
	height:31px;
	float:left;
	font-size:10px;
	overflow:hidden;
	padding:6px 0px 0px 39px;
	line-height:13px;
	
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
}
.service_box:hover {
	background-color:#97c0eb;
	color:#303030;
	text-shadow:0px 1px 0px #b4d9ff;
}
.service_box_last {
	border-right:0;
	width:56px;
}
.service_box_anfahrt {
	background:url('../images/layout/serviceicon_anfahrt.png') 5px 5px no-repeat;
	padding-top:12px;
	height:25px;
}
.service_box_verkehr {
	background:url('../images/layout/serviceicon_verkehr.png') 5px 5px no-repeat;
}
.service_box_notdienste {
	background:url('../images/layout/serviceicon_notdienste.png') 5px 5px no-repeat;
}
.service_box_webcam {
	background:url('../images/layout/serviceicon_webcam.png') 5px 5px no-repeat;
	padding-top:12px;
	height:25px;
}
.service_box_kontakt {
	background:url('../images/layout/serviceicon_kontakt.png') 5px 5px no-repeat;
	padding-top:12px;
	height:25px;
}
.service_box_weather {
	position:relative;
}
#weather_container {
	overflow:hidden;
	width:180px;
	float:left;
	border-bottom:1px solid white;
	padding:5px;
	font-size:10px;
	text-shadow:0px 1px 0px #fff;
	background:#e9f0ff;
}
.weather_current_icon {
	position:absolute;
	left:5px;
	top:5px;
	width:27px;
	height:27px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.weather_current_bigicon {
	width:27px;
	height:27px;
	margin-right:5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.weather_today {
	padding-bottom:8px;
	border-bottom:1px dotted #a0a0a0;
}
.weather_current_today {
	font-size:11px;
}
.weather_current_minmax {
	margin-top:2px;
	font-size:11px;
}
.weather_forecast {
	margin-top:8px;
}
.weather_day1,
.weather_day2 {
	padding-right:6px;
	border-right:1px dotted #a0a0a0
}
.weather_day2,
.weather_day3 {
	padding-left:6px;
}
.weather_forecast_icon {
	width:20px;
	margin-right:5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.weather_forecast_day {
	font-size:11px;
	padding-top:3px;
	font-weight:bold;
}
.weather_forecast_minmax {
	font-size:10px;
	margin-top:3px;
}

/*** content ***/

#content {
	font-size:12px;
	line-height:18px;
}
#content h1 {
	font-size:18px;
	margin-bottom:15px;
	color:#3a6cae;
}
#content h2,
#content h3 {
	font-size:14px;
	margin-bottom:10px;
}
.content_size0     { font-size:10px !important; line-height:13px !important; }
.content_size0 h1  { font-size:14px !important; margin-bottom:13px !important; }
.content_size0 h2,
.content_size0 h3  { font-size:12px !important; margin-bottom:8px !important; }
.content_size1     { font-size:11px !important; line-height:14px !important; }
.content_size1 h1  { font-size:16px !important; }
.content_size1 h2,
.content_size1 h3  { font-size:13px !important; }
.content_size2     {  }
.content_size2 h1  {  }
.content_size2 h2,
.content_size2 h3  {  }
.content_size3     { font-size:13px !important; line-height:18px !important; }
.content_size3 h1  { font-size:19px !important; }
.content_size3 h2,
.content_size3 h3  { font-size:15px !important; }
.content_size4     { font-size:14px !important; line-height:20px !important; }
.content_size4 h1  { font-size:20px !important; }
.content_size4 h2,
.content_size4 h3  { font-size:16px !important; }
.content_size5     { font-size:16px !important; line-height:22px !important; }
.content_size5 h1  { font-size:21px !important; }
.content_size5 h2,
.content_size5 h3  { font-size:17px !important; }


/*** images ***/

.images {
	float:right;
	margin:0px 0px 15px 27px;
}
.images .image_label {
	font-size:11px;
	line-height:normal;
	margin-top:1px;
	word-wrap:break-word;
}
.image_container {
	margin-bottom:15px;
}
.image_container_last {
	margin-bottom:0;
}
.list_entry_text_details {
	margin-top:15px;
}

/*** pages ***/

.list_entry {
	padding-bottom:15px;
	border-bottom:1px solid #d0d0d0;
	margin-bottom:15px;
}

.list_date_date {
	color:#757575;
	font-size:11px;
	margin-bottom:10px;
}
.list_Nachrichten h2 {
	margin-bottom:2px !important;
}

/*** gallery ***/

.gallery_item {
	overflow-x: hidden; 
	float: left; 
	margin-right: 3px; 
	margin-bottom: 3px
}
.gallery_item .caption{
	overflow: hidden; 
	white-space:nowrap; 
	text-overflow: ellipsis;
	font-size: 10px;
}


/*** infobox ***/

.infobox {
	margin-top:15px;
}
.infobox_header {
	font-weight:bold;
}
.infobox_links_title,
.infobox_files_title {
	display:none;
}
.infobox_separator {
	height:10px;
}
.infobox_file {
	margin-bottom:3px;
}