/*
	referenced by
	- fileadmin/templates/plugins/civserv/templates/index.html
	- fileadmin/templates/typoscript/page.ts
	- fileadmin/templates/typoscript/ob/page.ts

*/


/**
 * 								F R A M E W O R K
 ******************************************************************************/
html{height:100%;}

body { 
	/*background-color: #F5F5F5;*/
	margin: 0;
	padding: 0 0;
	font-size: 14px;
	height:100%;
	background-image:url("../images/shadow.png");
	background-repeat: repeat-y;
	background-position: 50% 0;
}

a{
text-decoration:none;
color:#275579;
}


#page {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

/* clearing for elements */

#header,
#main-navigation,
#breadcrumb,
#main,
#footer {
	clear: both;
}

#content,
#sidebar-right{
font-size:12px;
}

/**
 * 									H E A D E R
 ******************************************************************************/

#header {
	background-color: #FFFFFF;
	height: 312px;
	position: relative;
}

#header-right {
	/*background-image: url("../images/header_bg.jpg");
	background-repeat:no-repeat;
	background-position: -1px 62px; */
	float:left;
	width: 805px;
	height: 100%;
}

#header-right-inner {
}

#header-background {
	margin-top: 62px;
	margin-left:-1px;
	z-index:99;
	overflow:hidden;
}

#header-left {
	background-image: url("../images/header_left_bg.gif");
	background-repeat:no-repeat;
	background-position: 0 64px;
	float:left;
	width: 195px;
	background-color: #FFFFFF;
	height: 100%;

}

#header-left-inner {
	margin-left: 10px;
	margin-right: 10px;
}

/* positioning for header elements */

#meta-navigation,
#login,
/*#search, */
#logo,
#subtitle,
#langSel {
	position: absolute;
}

#googletranslator {
    top: 15px;
    position: absolute;
}

/**
 * 									Meta Navigation
 ******************************************************************************/
#meta-navigation {
	left: 205px;
	top: 15px;
	color: #7d7d7d;
	font-size:12px;
}

#meta-navigation a {
	text-decoration: none;
	color: #7d7d7d;
	
}



/* login */

#login {
	right: 25px;
	top: 35px;
}

#login .field-wrapper {
	display: inline;
	margin-left: 1em;
}

#login .button {
	font-size: 11px;
}



/* search */

#search {
	/*left: 10px;
	top: 230px;*/
	margin-top:20px;
	padding-top: 70px;
	padding-left:5px;
}

#search .field-wrapper {
	display: inline;
	margin-left: 1em;
}

#search .button {
	background-image: url("../images/submit.gif");
	background-repeat: no-repeat;
	border:0;
	height:13px;
	width:13px;
	vertical-align:middle;
	margin-left: 7px;
	background-color:transparent;
}


#search input.text {
	width: 134px;
	font-size: 12px;
	/*border: 2px ridge #808080;*/
	background-image:none;
	background-color:#FFFFFF;
	padding: 0 0 2px 3px;
	border: 2px inset #808080;
	border-bottom-width:1px;
	border-right-width:1px;
	vertical-align:middle;
}



/* logo */

#logo {
	right: 25px;
	top: 25px;
}

#logo a{
}

#logo img{
}



/* subtitle */

#subtitle {
	right: 255px;
	top: 110px;
}

/* keywords */
#keywords {
	padding: 110px 10px 0 5px;
	width: 100%;
	list-style-type: none;
}

#keywords a{
	text-decoration:none;
	background-color: #c1c1c1;
	padding: 1px 0 1px 0;
	font-weight:bold;
	color: #FFFFFF;
	display:block;
}

#keywords img{
}

#keywords h2{
	font-size: 12px;
	font-weight:bold;
	color: #666666;
}

#keywords ul{
	padding-top: 5px;
	margin-left:-1px;
}

#keywords li{
	float:left;
	padding: 3px 0 0 0;
	width: 15px;
	margin: 1px 2px;
	text-align: center;
}


/* "Hamm für" - Dropdown */
#for-hamm{
	margin-top:20px;
	padding-left:5px;
}


#for-hamm select{
	width:140px;
	font-size:12px;
	height:20px;
	border: 2px inset #808080;
	border-bottom-width:1px;
	border-right-width:1px;
	vertical-align:middle;
}

#for-hamm .button{
	border:0;
	height:13px;
	vertical-align:middle;
	margin-left: 11px; /*reg 7px 2011_02_03 */
	background-color:transparent;	
}



/* unsichtbarer Punkt für Barrierefreiheit*/
.unsichtbar{
	display:none;
}


/**
 * 							M A I N - N A V I G A T I O N
 ******************************************************************************/

#main-navigation {
	background-color: #FFFFFF;
	clear: both;
	width: 193px;
	border:1px solid #000000;
	border-top-width: 0;
	font-size: 12px;

}

#main-navigation ul {
}

#main-navigation li {
	/* reset padding from linkclasses.css*/
	padding-left: 0;
}

#main-navigation a {
	display: block;
	text-decoration: none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px 0 5px 15px;
	margin-bottom: -1px;
}

#main-navigation li.startpage{
	background-color: #012545;
}




/* Erste Ebene */
#main-navigation ul {
	background-color: #29557A;
}
	
/*#main-navigation>ul>li>a{ */
#main-navigation li a{
	color: #FFFFFF;
	font-weight: bold;
}

#main-navigation li a:hover {
	background-color: #FFFFFF;
	color: #29557A;
}

#main-navigation a.cur_level1
{
	background-image: url("../images/active-menu-white.gif");
	background-repeat: no-repeat;
}

#main-navigation a.cur_level1:hover {
	background-image: url("../images/active-menu.gif");
	background-repeat: no-repeat;
}
	
#main-navigation a.cur,
#main-navigation a.curifsub,
#main-navigation a.actifsub {
	background-image: url("../images/active-menu.gif");
	background-repeat: no-repeat;
}

#main-navigation a.cur2{
	background-image: url("../images/active-menu.gif");
	background-repeat: no-repeat;
	background-position: 10px;
}



/* Zweite Ebene */
#main-navigation ul ul{
	background-color: #75BADB;
	}

#main-navigation ul ul li a {
	color: #000000;
	font-weight: normal;
}

#main-navigation ul ul li {
}



/* Dritte Ebene */
#main-navigation ul ul ul{
	background-color: #A9D3E9;
	margin-left: 5px;
}

#main-navigation ul ul ul li a {
	color: #000000;
	margin-left: -5px;
	padding-left: 22px;
}

#main-navigation ul ul ul li{
}


/* Vierte Ebene */
#main-navigation ul ul ul ul{
	background-color: #C9E3F0;
	}

#main-navigation ul ul ul ul li a {
	color: #000000;
	margin-left: -10px;
	padding-left: 22px;
}

#main-navigation ul ul ul ul li a.cur2 {
	background-color: #FFFFFF;
}

#main-navigation ul ul ul ul li{
}



/**
 * 								B R R E A D C R U M B
 ******************************************************************************/
/*
#breadcrumb {
	
	background-color: #b1ca00;
	xheight: 22px; 
	line-height: 22px;
	padding-left: 15px;
	font-size: 12px;
}
*/

#breadcrumb {
    background-color: #B1CA00;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 0 2px 15px;
    overflow:hidden;

}

#breadcrumb-right{
     overflow:hidden;
}

#breadcrumb a {
	text-decoration: none;
	/*margin-left: 15px;*/
	/*position: absolute;*/
	padding-top: 3px;
	color: #000000;
	font-weight: bold;
}

#breadcrumb-left {
	width: 195px;
	float:left;
	height: 100%;
}

#breadcrumb-left a{
	color: #FFFFFF;

}	


#breadcrumb-right{
	color: #FFFFFF;
}

#breadcrumb-right a{
	color: #FFFFFF;
}	


/**
 * 						M A I N  C O L U M N  ( 3 | 1 | 2 )
 ******************************************************************************/

#main {
	float: left;
	padding-bottom: 1em;
	width: 100%;
	background-image: url("../images/sidebar-left-bg.jpg");
	background-repeat: repeat-y;
	height:100%;
}

/* column 1 */
#content {
	color:#454543;
	float: right;
	margin: 0 249px 0 -743px; /* top right bottom left */
	width: 555px;
}

#content-inner {
	padding: 10px 34px 0 11px;
}


/* column 2 */
#sidebar-right {
	float: right;
	margin-right: -60px;
	margin-top: 10px;
	width: 257px;
}

#sidebar-right-inner {
}

/* column 3 */
#sidebar-left {
	float: left;
	background-color: #ededed;
	margin-left: 0;
	margin-right: -5px;
	width: 195px;
}

#sidebar-left-inner {
}


/* BIK 20170709 */
/* colspan middle and right column */
/* use in backend-layout no 11 - fileadmin/templates/html/detailseite_volleBreite.html */
#content-outer.full-width #content{
	margin: 0 5px 0 0; /* top right bottom left */
	width:800px;
	color: #454543 !important;
}

/* override content.css .content h3 (margin: 1.14em 0 .57em;)*/
#content-outer.full-width #content h3{
	margin-top: 0;
	margin-bottom: 0;
	color: #454543 !important;
}



/* page template #01.03 [2 cols: sub nav, sidebar, content] */
/* BIK 20180709 - this seems to be obsolete: */
/*
.pt-01-03 #content {
	margin-right: 0;
	width: 730px;
}

.pt-01-03 #content-inner {
	padding-right: 30px;
}
*/

/* page template #01.01 [1 col: content] */
/* BIK 20180709 - this seems to be obsolete: */
/*
.pt-01-04 #content {
	margin: 0;
	width: 960px;
}
*/




/**
 * 							S I D E B A R - L E F T
 ******************************************************************************/

/* sidebar-left navigation */
/*
#sidebar-left .nav {
	border: 1px solid #AAAAAA;
	border-top: 0;
}

#sidebar-left .nav a {
	background-color: #DDDDDD;
	border-top: 1px solid #AAAAAA;
	display: block;
	line-height: 1.25em;
	padding: 5px 25px;
	text-decoration: none;
	width: auto;
}

#sidebar-left .nav a.cur,
#sidebar-left .nav a.curifsub,
#sidebar-left .nav li.active a.cur,
#sidebar-left .nav li.active a.curifsub {
	background-color: #FFFFFF;
}

#sidebar-left .nav a:hover,
#sidebar-left .nav li.active a:hover {
	background-color: #F5F5F5;
}

#sidebar-left .nav li.active a {
	background-color: #EEEEEE;
}
*/
/* sidebar-left navigation 2nd level */
/*
#sidebar-left .nav ul a {
	padding-left: 35px;
}*/

/* sidebar-left navigation 3rd level */
/*
#sidebar-left .nav ul ul a {
	padding-left: 45px;
}*/

/**
 * 									F O O T E R
 ******************************************************************************/

#footer {
	background-color: #FFFFFF;
	border-top: 1px solid #dadada;
	width:100%;
	margin-top:20px;
	/*float:left; <-- upd 2011_02_03*/
}

#footer .content {
	font-size: 11px;
	float:right;
}






/** Calendar */
/*******************************************/

#calendar {
	margin: 10px;
	margin-bottom: 20px;
}



/** Language Selection*/
/********************************/

#langSel {
	top: 15px;
}

#langSel a{
	margin-left: 10px;
}

#langSel img{
	border: 1px solid #666666;
	width:15px;
}





/* ------------------- styling for links (a-tags) ---------------------- */
/* moved to linkclasses.css */





/**
 * 									P R I N T
 ******************************************************************************/

@media print {

	/* hide elements */
	 
	#header,
	#main-navigation,
	#breadcrumb,
	#footer,
	#sidebar-left .nav {
		display: none;
	}

	/* avoid page breaks right after headings */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}

	/* linearize columns  */

	#content,
	#content-inner {
		border: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#sidebar-right,
	#sidebar-right-inner {
		border: 0;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}	

	#sidebar-left,
	#sidebar-left-inner {
		border: 0;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}	

	#abfallkalender {
		margin:0;
		padding:0;
		height:100%;
		display:block;
		width:100%;
		border:none;
	}

	h5 {
		font-weight: bold;
		background: none repeat scroll 0 0 transparent;
		border: 0 none;
		font-size: 80%;
		margin: 0;
		outline: 0 none;
		padding: 0;
		vertical-align: baseline;
	}

	/* where would this class occur?? */
	.rte-list{
		list-style-image: url("../images/bullet-osiris2.gif")
	}
}