/* C O N T E N T B O X E N   S T A R T S E I T E */

div.box {
	width:100%;
	padding:7px 0 0 0;
}

div.boxLeft {
	width:49.7%;
	float:left;
	margin:0;
	padding:0;
}

div.boxRight {
	width:49.7%;
	float:right;
	margin:0;
	padding:0;
}

div.boxRight#small {
	width:288px;
	float:right;
	margin:0 8px 0 0;
	padding:0;
}
div.boxLeft#large {
	width:435px;
	float:left;
	margin:0 0 0 3px;
	padding:0;
}

div.boxStandard {
	padding:0px 1px 1px 1px;
	height:100%;
}

/* Oberer Rand */

div.boxBorderLeftTop {
	background:url('/cachepics/styles/box_border_left_top.gif');
	background-repeat:no-repeat;
	background-position:left top;
	height:10px;
	margin:0;
	padding:0;
}

div.boxBorderRightTop {
	background:url('/cachepics/styles/box_border_right_top.gif');
	background-repeat:no-repeat;
	background-position:right top;
		height:10px;
	margin:0;
	padding:0;
}

div.boxBorderTop {
	background:url('/cachepics/styles/box_border_top.gif');
	background-repeat:repeat-x;
	background-position:left top;
	margin:0 10px 0 10px;
	height:10px;
	padding:0;
}

/* Rand Inhalt */

div.boxBorderLeftContent {
	background:url('/cachepics/styles/box_border_left.gif');
	background-repeat:repeat-y;
	background-position:left top;
}

div.boxBorderRightContent {
	background:url('/cachepics/styles/box_border_right.gif');
	background-repeat:repeat-y;
	background-position:right top;
}

div.boxBorderContent {
	margin:0px 15px 0 15px;
	padding:5px 0 5px 0;
	display:block;		
	background-color:#fff;
	/*width:97%;*/
	border:0;
}


/* Unrerer Rand */

div.boxBorderLeftBottom {
	background:url('/cachepics/styles/box_border_left_bottom.gif');
	background-repeat:no-repeat;
	background-position:left top;
}

div.boxBorderRightBottom {
	background:url('/cachepics/styles/box_border_right_bottom.gif');
	background-repeat:no-repeat;
	background-position:right top;
}

div.boxBorderBottom {
	background:url('/cachepics/styles/box_border_bottom.gif');
	background-repeat:repeat-x;
	background-position:left top;
	margin:0 10px 0 10px;
	height:10px;
}

/* I N H A L T   D E R   B O X E N */

img.boximage {
	float:left;
	display:block;
	height:290px;
	width:196px;
}

img#entsorgung {
	height:457px;
}

div.boxContentVertical {
	width:280px;
	float:left;
}

div.boxTrenner {
	float:left;
	background:url('/cachepics/box_trenner.gif');
	height:318px;
	width:33px;
}

div.boxContentVertical div {
	border:1px solid #dddde1;
	border-top:0;
	background:url('/cachepics/styles/box_content_gradient.gif');
	background-position:left top;
	background-repeat:repeat-x;
	padding:14px 0px 0 8px;
}
div.boxContentVertical div ul {padding-right:5px;}
div.boxContent {
	border:1px solid #dddde1;
	border-left:0;
	background:url('/cachepics/styles/box_content_gradient.gif');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#f4f4f6;
	height:288px;
	padding:0 16px 0 15px;
	float:left;
	width:203px;
}

div.boxContent#strassenreinigung,
div.boxContent#entsorgung {
	height:455px;
	width:177px;
}
div.boxContent#strassenreinigung {
	border-left:1px solid #dddde1;
	width:225px;
}

div.boxContentVertical ul,
div.boxContent ul {
	list-style-type:none;
	padding:0 0 1px 6px;
}
div.boxContentVertical ul {padding:2px 0 13px 5px;}

div.boxContentVertical ul li,
div.boxContent ul li {
	color:#525F78;
	background:url('/cachepics/yellow_list_dot.gif');
	background-position:1px 5px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:5px 0 1px 0;
}
div.boxContent#entsorgung ul li{
	margin:2px 0 2px 0;
}

div.boxContentVertical ul li {
	margin:2px 0 2px 0;
	padding:0 0 0 13px;	
	background:url('/cachepics/yellow_list_dot_small.gif');
	background-position:2px 6px;
	background-repeat:no-repeat;
}

div.boxContent ul li a {
	text-decoration:none;
	color:#525F78;
	font-weight:bold;
	font-size:15px;
}

div.boxContent ul li a:hover {
	text-decoration:underline;
}
div.boxContent ul li a:visited {
	color:#525F78;
}
div.boxContentVertical ul li a {
	text-decoration:none;
	color:#525F78;
	font-weight:bold;
	font-size:13px;
}
div.boxContentVertical ul li a:hover {
    text-decoration:underline;
}
div.bluebox {
	border:1px solid #dfdfe3;
	border-top:0;
	background-color:#fff;
	padding-bottom:4px;
}

div.bluebox ul {
	background:url('/cachepics/blue_list_header.gif');
	background-repeat:repeat-x;
	background-position:left top;
	padding-bottom:4px;
}
div.bluebox ul li {
	color:#fff;
	background:url('/cachepics/white_blue_list_dot.gif');
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding:4px 0 0 15px;
	margin:6px 0 5px 0;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	line-height:15px;
}
div.bluebox ul li a {background:none;margin:0;}
div.bluebox ul li span {font-size:12px;}

div.bluebox a {
	display:block;
	font-weight:bold;
	color:#155ca2;
	text-decoration:none;
	font-size:14px;
	margin:0 0 0px 19px;
}
div.bluebox a:hover,
div.bluebox ul li a:hover {text-decoration:underline;}

div.bluebox a:visited {color:#155ca2;}

div.bluebox ul li a,
div.bluebox ul li a:visited {color:#fff;}

/* T E A S E R B O X E N   S T A R T S E I T E */

div#pageWrapper a.teaserImage {
	width:185px;
	height:129px;
	display:block;
	color:#D74004;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
div#pageWrapper a.teaserImage:hover {
	text-decoration:underline;
}

div#pageWrapper a.teaserImage span {
	padding:11px 0 0 20px;
	display:block;
}

div#pageWrapper a#sperrmuell{
	background:url('/cachepics/teaser_sperrmuell_online.jpg') no-repeat left top;
}

div#pageWrapper a#abfallabc{
	background:url('/cachepics/teaser_abfall_abc.jpg') no-repeat left top;
}

div#pageWrapper a#elektroKalender{
	background:url('/cachepics/teaser_elektro_abfallkalender.jpg') no-repeat left top;
}

div#pageWrapper a#awistaRegional{
	background:url('/cachepics/teaser_awista_regional.jpg') no-repeat left top;
}

div#pageWrapper a#veranstaltung{
	background:url('/cachepics/teaser_veranstaltungsservice.jpg') no-repeat left top;
        color:#fff;
}

div#pageWrapper a#graffiti{
	background:url('/cachepics/teaser_graffiti.jpg') no-repeat left top;
}
div#pageWrapper a#ge_graffiti{
	background:url('/cachepics/teaser_graffiti.jpg') no-repeat left top;
}
div#pageWrapper a#newsletter{
	background:url('/cachepics/teaser_newsletter.jpg') no-repeat left top;
}

div#pageWrapper a#medien{	
	background:url('/cachepics/teaser_medien.jpg') no-repeat left top;
}

div#pageWrapper a#hausBuergel{
	background:url('/cachepics/teaser_hausbuergel.jpg') no-repeat left top;
	height:101px;
}

/******************************************/
/* BOX Toggleeffects
/******************************************/
div.boxStandardToggle {
	margin:15px 0 0 0;
}

div.contentToggler {
	background:url('/cachepics/submit_button.gif');
	background-position:right top;
	background-repeat:no-repeat;
	color:#fff;
	font-weight:bold;
	height:20px;
	padding:3px 0px 0 0px;
	width:81px;
	text-align:center;
	float:right;
	cursor: pointer;
}

div.boxStandardToggle div.toggleHeader {
	color:#135090;
	display:block;
	float:left;
	border:0;
	font-size:14px;
	padding:10px;
	text-align:left;
	clear:both;
}

div.boxStandardToggle div.toggleHeader {
	color:#135090;
	border:0;
	font-size:14px;
	padding:0px;
	text-align:left;
}


div.toggleBoxOpen span{
	background:url('/cachepics/icons/arr_white_up.gif');
	background-position:right 4px;
	background-repeat:no-repeat;

	display:block;
	
}

div.toggleBoxClosed span{
	background:url('/cachepics/icons/arr_white_down.gif');
	background-position:right 4px;
	background-repeat:no-repeat;

	display:block;
	
}

div.toggleBoxContent {
	clear:both;
}

