/* import default font-sizes */
@import url(x-small.css);


/* general classes */
body {
	background-color:	#EBEEE7;
	margin: 		0;
	padding: 		0;
	font-family:	 	"Lucida grande", Geneva, Verdana, Arial, sans-serif;
	text-align: 		center;
	color:			#606060;
}

img {
	border: 		0;
}

h1, h2, h3 {
	font-size:		100%;
}

a {
	background-color:	inherit;
	color:			#606060;
	text-decoration: 	none;
	font-weight:		bold;
}

a:hover {
	color:			#909090; 
}

a.weiter {
	background: transparent url(../img/bt_weiter.png) no-repeat center right;
	padding-right:		20px;
}


a.down {
	background: transparent url(../img/bt_down.png) no-repeat center right;
	padding-right:		20px;
}


a.top {
	background: transparent url(../img/bt_top.png) no-repeat center right;
	padding-right:		20px;
}

a.back {
	background: transparent url(../img/bt_back.png) no-repeat center left;
	padding-left:		20px;
}

a.email {
	font-weight:		normal;
	color:			#60BB46;
}

hr {
	margin:			0px;
	padding:		0px;
	height:			1px;
	clear:			both;
}

ul {
	list-style:		none;
	padding-left:		0px;
	margin:			0px;
}

ul li {
	list-style:		none;
	padding-left:		0px;
	margin:			0px;
}

/* for IE */
* html hr {
	margin-top:		-8px;
}

/* elements by id */
#center_header {
	width: 			820px;
	margin: 		0 auto;
	background-position:	top right;
	background-repeat:	no-repeat;
	text-align: 		left;
	margin-bottom:		0px;
}

div.bg1 { background-image:	url(../img/top/top1.jpg);	}
div.bg2 { background-image:     url(../img/top/top2.jpg);	}
div.bg3 { background-image:     url(../img/top/top3.jpg);     }
div.bg4 { background-image:     url(../img/top/top4.jpg);     }
div.bg5 { background-image:     url(../img/top/top5.jpg);     }
div.bg6 { background-image:     url(../img/top/top6.jpg);     }
div.bg7 { background-image:     url(../img/top/top7.jpg);     }
div.bg8 { background-image:     url(../img/top/top8.jpg);     }
div.bg9 { background-image:     url(../img/top/top9.jpg);     }
div.bg10 { background-image:     url(../img/top/top10.jpg);     }
div.bg11 { background-image:     url(../img/top/top11.jpg);	}
div.bg12 { background-image:     url(../img/top/top12.jpg);	}
div.bg13 { background-image:     url(../img/top/top13.jpg);	}
div.bg14 { background-image:     url(../img/top/top14.jpg);	}
div.bg15 { background-image:     url(../img/top/top15.jpg);	}
div.bg16 { background-image:     url(../img/top/top16.jpg);	}
div.bg17 { background-image:     url(../img/top/top17.jpg);	}
div.bg18 { background-image:     url(../img/top/top18.jpg);	}
div.bg19 { background-image:     url(../img/top/top19.jpg);	}
div.bg20 { background-image:     url(../img/top/top20.jpg);	}
div.bg21 { background-image:     url(../img/top/top21.jpg);	}
div.bg22 { background-image:     url(../img/top/top22.jpg);	}
div.bg23 { background-image:     url(../img/top/top23.jpg);	}
div.bg24 { background-image:     url(../img/top/top24.jpg);	}
div.bg25 { background-image:     url(../img/top/top25.jpg);	}
div.bg26 { background-image:     url(../img/top/top26.jpg);	}
div.bg27 { background-image:     url(../img/top/top27.jpg);	}
div.bg28 { background-image:     url(../img/top/top28.jpg);	}
div.bg29 { background-image:     url(../img/top/top29.jpg);	}
div.bg30 { background-image:     url(../img/top/top30.jpg);	}
div.bg31 { background-image:     url(../img/top/top31.jpg);	}
div.bg32 { background-image:     url(../img/top/top32.jpg);	}
div.bg33 { background-image:     url(../img/top/top33.jpg);	}
div.bg34 { background-image:     url(../img/top/top34.jpg);	}
div.bg35 { background-image:     url(../img/top/top35.jpg);	}
div.bg36 { background-image:     url(../img/top/top36.jpg);	}
div.bg37 { background-image:     url(../img/top/top37.jpg);	}
div.bg38 { background-image:     url(../img/top/top38.jpg);	}
div.bg39 { background-image:     url(../img/top/top39.jpg);	}
div.bg40 { background-image:     url(../img/top/top40.jpg);	}
div.bg41 { background-image:     url(../img/top/top41.jpg);	}
div.bg42 { background-image:     url(../img/top/top42.jpg);	}
div.bg43 { background-image:     url(../img/top/top43.jpg);	}
div.bg44 { background-image:     url(../img/top/top44.jpg);	}
div.bg45 { background-image:     url(../img/top/top45.jpg);	}
div.bg46 { background-image:     url(../img/top/top46.jpg);	}
div.bg47 { background-image:     url(../img/top/top47.jpg);	}
div.bg48 { background-image:     url(../img/top/top48.jpg);	}
div.bg49 { background-image:     url(../img/top/top49.jpg);	}
div.bg50 { background-image:     url(../img/top/top50.jpg);	}
div.bg51 { background-image:     url(../img/top/top51.jpg);	}
div.bg52 { background-image:     url(../img/top/top52.jpg);	}
div.bg53 { background-image:     url(../img/top/top53.jpg);	}
div.bg54 { background-image:     url(../img/top/top54.jpg);	}
div.bg55 { background-image:     url(../img/top/top55.jpg);	}
div.bg56 { background-image:     url(../img/top/top56.jpg);	}
div.bg57 { background-image:     url(../img/top/top57.jpg);	}
div.bg58 { background-image:     url(../img/top/top58.jpg);	}
div.bg59 { background-image:     url(../img/top/top59.jpg);	}
div.bg60 { background-image:     url(../img/top/top60.jpg);	}
div.bg61 { background-image:     url(../img/top/top61.jpg);	}
div.bg62 { background-image:     url(../img/top/top62.jpg);	}
div.bg63 { background-image:     url(../img/top/top63.jpg);	}
div.bg64 { background-image:     url(../img/top/top64.jpg);	}
div.bg65 { background-image:     url(../img/top/top65.jpg);	}
div.bg66 { background-image:     url(../img/top/top66.jpg);	}
div.bg67 { background-image:     url(../img/top/top67.jpg);	}
div.bg68 { background-image:     url(../img/top/top68.jpg);	}
div.bg69 { background-image:     url(../img/top/top69.jpg);	}
div.bg70 { background-image:     url(../img/top/top70.jpg);	}
div.bg71 { background-image:     url(../img/top/top71.jpg);	}
div.bg72 { background-image:     url(../img/top/top72.jpg);	}
div.bg73 { background-image:     url(../img/top/top73.jpg);	}
div.bg74 { background-image:     url(../img/top/top74.jpg);	}
div.bg75 { background-image:     url(../img/top/top75.jpg);	}
div.bg76 { background-image:     url(../img/top/top76.jpg);	}
div.bg77 { background-image:     url(../img/top/top77.jpg);	}
div.bg78 { background-image:     url(../img/top/top78.jpg);	}
div.bg79 { background-image:     url(../img/top/top79.jpg);	}
div.bg80 { background-image:     url(../img/top/top80.jpg);	}
div.bg81 { background-image:     url(../img/top/top81.jpg);	}
div.bg82 { background-image:     url(../img/top/top82.jpg);	}
div.bg83 { background-image:     url(../img/top/top83.jpg);	}
div.bg84 { background-image:     url(../img/top/top84.jpg);	}
div.bg85 { background-image:     url(../img/top/top85.jpg);	}
div.bg86 { background-image:     url(../img/top/top86.jpg);	}
div.bg87 { background-image:     url(../img/top/top87.jpg);	}
div.bg88 { background-image:     url(../img/top/top88.jpg);	}
div.bg89 { background-image:     url(../img/top/top89.jpg);	}
div.bg90 { background-image:     url(../img/top/top90.jpg);	}
div.bg91 { background-image:     url(../img/top/top91.jpg);	}
div.bg92 { background-image:     url(../img/top/top92.jpg);	}
div.bg93 { background-image:     url(../img/top/top93.jpg);	}
div.bg94 { background-image:     url(../img/top/top94.jpg);	}
div.bg95 { background-image:     url(../img/top/top95.jpg);	}
div.bg96 { background-image:     url(../img/top/top96.jpg);	}
div.bg97 { background-image:     url(../img/top/top97.jpg);	}
div.bg98 { background-image:     url(../img/top/top98.jpg);	}
div.bg99 { background-image:     url(../img/top/top99.jpg);	}
div.bg100 { background-image:     url(../img/top/top100.jpg);	}
div.bg101 { background-image:     url(../img/top/top101.jpg);	}
div.bg102 { background-image:     url(../img/top/top102.jpg);	}
div.bg103 { background-image:     url(../img/top/top103.jpg);	}
div.bg104 { background-image:     url(../img/top/top104.jpg);	}
div.bg105 { background-image:     url(../img/top/top105.jpg);	}
div.bg106 { background-image:     url(../img/top/top106.jpg);	}
div.bg107 { background-image:     url(../img/top/top107.jpg);	}
div.bg108 { background-image:     url(../img/top/top108.jpg);	}
div.bg109 { background-image:     url(../img/top/top109.jpg);	}
div.bg110 { background-image:     url(../img/top/top110.jpg);	}
div.bg111 { background-image:     url(../img/top/top111.jpg);	}
div.bg112 { background-image:     url(../img/top/top112.jpg);	}
div.bg113 { background-image:     url(../img/top/top113.jpg);	}
div.bg114 { background-image:     url(../img/top/top114.jpg);	}
div.bg115 { background-image:     url(../img/top/top115.jpg);	}
div.bg116 { background-image:     url(../img/top/top116.jpg);	}
div.bg117 { background-image:     url(../img/top/top117.jpg);	}
div.bg118 { background-image:     url(../img/top/top118.jpg);	}
div.bg119 { background-image:     url(../img/top/top119.jpg);	}



#header {
	padding: 		0px;
	margin:			0px;
	height:			110px;
}

#header_logo {
	float:			left;
	padding:		0px;
	margin:			0px;
	margin-left: 		0px;
	margin-right:		0px;

	margin-top:		30px;
	margin-left:		0px;
	margin-right:		10px;
	width:			180px;

	height:			75px;
}

#header_logo_link {
	display:		block;
	clear:			both;
	width:			99px;
	height:			75px;

	/* to position in the center we use the left margin */
	margin-left:		40px;
}

#header_logo > #header_logo_link {
        background:             url(../img/G_16.png);
	background-repeat:      no-repeat;
	background-position:    0px 0px;
}

* html #header_logo_link {
	position:		relative;
        filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/G_16.png');
}

* html #header_logo_link:hover {
	cursor:			pointer;
}

/*
#header > #header_logo {
        background:             url(../img/G_16.png);
	background-repeat:      no-repeat;
	background-position:    0px 0px;
}

* html #header_logo {
	margin-left:		20px;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/G_16.png');
}
*/

#header_meta {
	float:			left;
	height: 		28px;
	width:			430px;

	/* 110 - 28 = 93 */
	margin-top:		82px;
	padding: 		0px;
	background-color:	#F5F7F2;
	color:			#000000;
	-moz-opacity:		.5;
	opacity:		.5;
	filter:			alpha(opacity=50);
}

#header_meta p {
	font-size:		85%;
}

#header_meta a {
	color:			#000000;
}

#header_meta a:hover {
	color:			#757575;
}

#header_searchbox {
	float:			left;
	height: 		28px;
	width:			190px;
	margin-left:		10px;
	margin-top:		82px;
	padding: 		0px;
	background-color:	#F5F7F2;
	color:			#000000;
	-moz-opacity:		.5;
	opacity:		.5;
	filter:			alpha(opacity=50);
}

#datum {
	float: 			left;
	width: 			100px;
	padding: 		0;
	margin: 		0;
	padding-left:		5px;
	padding-top:		8px;
}

#path {
	font-weight: 		bold;
	float: 			left;
	text-align: 		right;
	width: 			315px;
	padding: 		0;
	margin: 		0;	
	padding-right:		0px;
	padding-top:		8px;
	overflow:		visible;
}


#center_content {
	width: 			820px;
	margin-left: 		auto;
	margin-right: 		auto;
	background-image: 	url(../img/Streaks08_3cL.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
	text-align: 		left;
}

/* for IE */
* html #center_content {
	margin-top:		-12px;
}

#content {
	float:			left;
	padding: 		0px;
}

#links, #normal, #rechts {
	float: 			left;
	margin:			0px;
	padding:		0px;
}

/* left and right col have a top padding */
#links, #rechts {
	padding-top:		13px;
}

/* all boxes in the setup cols have the same left and right padding */
#links div, #normal div, #rechts div {
	margin:			0px;
	padding:		0px;
	padding-left:		10px;
	padding-right:		10px;
}

/* left col is 160 wide, plus a space of 10px to main col */
#links {
	width: 			180px;
	margin-right:		10px;
}

/* right col is 190 wide */
#rechts {
	width: 			190px;
}

#links div, #rechts div {
	background-color:	#FFFFFF;
	padding-top:		15px;
	padding-bottom:         .5em;
	border-bottom:		4px solid rgb(96,187,70);
	margin-bottom:		1em;
}

/* IE Hack */
* html #links, * html #rechts,
* html #links div ul, * html #rechts div ul {
	height:                 1px;
}

#links div.Menu {
	border-bottom:		none;
	margin-bottom:		1px;
}

#links div.Menu ul {
	padding-left:		25px;
}

#links div.Menu li {
	margin-top:		0px;
	margin-bottom:		0.2ex;
}

#links div.Menu li a.active {
	color:			#60BB46;
	font-style:		italic;
}

#links div.Menu li ul {
	border-top:		1px solid #AAAAAA;
	border-bottom:		1px solid #AAAAAA;
	padding-left:		0px;
	padding-top:		1ex;
	padding-bottom:		1ex;
}

#links div.Menu li ul li {
	text-transform:		uppercase;
	font-size:              85%;
}

* html #links div.Menu li li {
	margin-bottom:		0px;
	padding-bottom:		0px;
	margin-top:		0px;
	padding-top:		0px;
	border:			1px solid #FFFFFF;
	line-height:		100%;
}

#links div.Menu li li a {
	display:		block;
	font-weight:		normal;
	font-size:		85%;
}

/* IE needs another font size */
* html #links div.Menu li li a {
	font-size:		85%;
        margin-bottom:          0px;
        padding-bottom:         0px;
        margin-top:             0px;
        padding-top:            0px;

}

#links div.Menu li li a:hover {
	background: transparent url(../img/bt_weiter.png) no-repeat center right;
}

#links div.Menu li li a.active {
	color:			#60BB46;
	font-style:		normal;
}

/* show round corner in all boxes in right col 
   and in first box of left col */
#links > div#Ottakring, #rechts > div {
	background-image:	url(../img/eck.png);
	background-repeat:	no-repeat;
	background-position:	top right;
}

* html #links > div#Ottakring, * html #rechts > div {
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/eck.png');
}

/* set fonts in the left and right boxes */

#normal h2, #normal h3, #normal p, #normal li,
#rechts div, #rechts div li h3, #rechts div li p {
	font-size:		85%;
}

#normal h2 {
	font-weight:		normal;
}

#links h3, #rechts h3 {
	font-weight:		normal;
	margin:			0px;
	padding:		0px;
	color: 			#60BB46;
}

#links p, #rechts p {
	margin:			0px;
	padding:		0px;
}

#links li, #rechts li {
	margin-top:		1em;
}

#rechts ul {
	margin-bottom:		1ex;
}

#normal {
	width: 			430px;
	padding-top:		10px;
	margin-right:		10px;
	background-color:	#F5F7F2;

	padding-bottom:		2ex;
	margin-bottom:		2ex;
	border-bottom:		4px solid rgb(222,186,186);
}

/* boxes in main column */
#normal div#AktuellerTermin {
	border-bottom:		1px solid #AAAAAA;
}

#normal div#AktuellerTermin img.TerminAuthor {
	width:			75px;
	height:			75px;
}

#normal div#AktuellerTermin p.Date {
	width: 			320px;
	position: 		relative; 
	left: 			85px; 
	top: 			-2.5em; 
	margin-bottom: 		-2em;
}

#normal div#WeitereTermine h2 {
	margin-top:		2em;
	margin-bottom:		-1em;
}

#normal div#WeitereTermine h3 {
	margin-top:		3em;
}

#normal div#WeitereTermine h3 span.Date {
	color:                  #60BB46;
	font-weight:		normal;
}



#normal div#MeldungenFull {
}


#normal div#MeldungenFull img {
	float:			right;
	margin-left:		5px;
/*	width:			60px;
	height:			60px; */
}


#normal div#MeldungenFull h3 {
	margin-top:		2em;
}

#normal div#Meldung img.MeldungAuthor {
	width:			68px;
	height:			75px;
}

#normal div#AktuelleMeldungen img.MeldungAuthor {
	width:			75px;
	height:			75px;
}

#normal div#Meldung h3 {
	margin-top:		2em;
	margin-bottom:		1em;
}

#normal div#Meldung hr {
	margin-top:		0em;
}

#normal div p.MeldungAuthor {
	position:		relative;
	left:			85px;
	width:			320px;
	top:			-5em;
	margin-bottom:		-3em;
}

#normal h2 {
	color:			#60BB46;
	text-transform:		uppercase;
}

#normal h3 a {
	/* color:			#990000; */
}

#normal h3 {
	margin-bottom:		0px;
	padding-bottom:		0px;
}

#normal h3 span.MeldungenDate {
	font-weight:		normal;
	color: 			#60BB46;
}

#normal p {
	margin-top:		0px;
	padding-top:		0px;
}

#normal ul {
	padding-left:           3ex;
}
#normal ul li {
	list-style-image:	url(../img/bt_weiter.png);
	margin-bottom:		0.6ex;
}

/* Termine box */
#Termine > ul {
	margin: 		0px;
	padding-top: 		10px;
	background-image: 	url(../img/hd_termine.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
}

#Termine h2 {
	display: none;
}

/* MS IE hack */
* html #Termine ul {
	padding-top:		25px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/ottakring/img/hd_termine.png', sizingMethod='crop');
}

/* News box */
#News > ul {
	margin: 		0px;
	padding-top: 		10px;
	background-image: 	url(../img/hd_news.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
}

#News h2 {
	display: none;
}

/* MS IE hack */
* html #News ul{
	padding-top:		25px;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/hd_news.png');
}

/* Ottakring box */
#Ottakring > ul {
	margin: 		0px;
	background-image: 	url(../img/16.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
}

#Ottakring h2 {
	display: none;
}

/* MS IE hack */
* html #Ottakring ul{
	padding-top: 		3px;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/16.png');
}

* html #Ottakring ul ul{
	filter:			none;
}

/* GruenesWeb box */
#GruenesWeb > ul {
	margin: 		0px;
	background-image: 	url(../img/at.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
}

#GruenesWeb h2 {
	display: none;
}

/* MS IE hack */
* html #GruenesWeb ul{
	padding-top: 		3px;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/at.png');
}


/* Service box */
div#Service {
	padding-left:		35px;
}

#Service > ul {
	margin: 		0px;
	background-image: 	url(../img/ico_service.png);
	background-repeat:	no-repeat;
	background-position:	top left;
	margin-bottom:		1.5ex;
}

#Service h2 {
	display: none;
}

/* MS IE hack */
* html #Service ul{
	padding-top: 10px;
	filter:			progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/fileadmin/ottakring/img/ico_service.png');
}

/* Settings box */
#Settings h2 {
	display: none;
}