/**
*
* templates typo3
*
*/
@media screen, projection {
	/** boxen */
	.box {
		float: left;
		display: inline;
		margin-left: 9px;
		width: 328px
	}
	.bigbox {
		width: 666px
	}
	.box .teaserTop {
		width: 328px;
		height: 28px;
		background: url(../images/boxen/teaserbox_top.png) no-repeat
	}
	.teaserbigTop {
		position: relative;
		width: 666px;
		height: 28px;
		background: url(../images/boxen/teaserboxbig_top.png) no-repeat
	}
	/* headline */
	.box .teaserTop h2,
	.box .teaserbigTop h2,
	.box .calender .left h2,
	.profileboxTop h2 {
		font-size: 1.5em;
		font-weight: bold;
		background: url(../images/icons/quadrat.gif) 10px 10px no-repeat;
		padding: 2px 0 0 24px
	}
	/** firefox */
	html>body .box .teaserTop h2,
	html>body .box .teaserbigTop h2,
	html>body .box .calender .left h2,
	html>body .profileboxTop h2 {
		padding-top: 3px
	}
	/** safari font-weight different */
	body:first-of-type .box .teaserTop h2,
  body:first-of-type .box .teaserbigTop h2,
  body:first-of-type .box .calender .left h2,
  body:first-of-type .profileboxTop h2 {
		padding-top: 3px
	}
	/** opera */
  html:first-child>b\ody .box .teaserTop h2,
  html:first-child>b\ody .box .teaserbigTop h2,
  html:first-child>b\ody .box .calender .left h2,
  html:first-child>b\ody .profileboxTop h2 {
    padding-top: 4px
  }
	.box .teaserBg {
		background: url(../images/boxen/teaserbox_bg.jpg) repeat-y;
		width: 328px;
		height: 252px;
		overflow: hidden
	}
	.box .teaserbigBg,
	.box .teasersmallBg {
		background: url(../images/boxen/teaserboxbig_bg.jpg) repeat-y;
		width: 666px;
		/*overflow: hidden*/
	}
	.box .teasersmallBg {
		width: 328px;
		min-height: 250px;
		background: url(../images/boxen/teaserboxbig_bg.jpg) repeat-y;
		background-position: right;
	}
	.commFix {
		min-height: 290px !important;
	}


	.box .teaserBg .teaserContent {
		position: relative;
		padding: 6px 9px 9px 9px;
		height: 124px;
		overflow: hidden
	}
	.box .teaserbigBg .teaserContent {
		position: relative;
		padding: 6px 9px 9px 9px;
		min-height: 186px
	}
	.contentHeight {
		min-height: 50px !important;
	}

	.heightveranstalter {
		min-height: 50px !important;
	}
	.box .teaserbigBg .teaserContent a {
		color: #ff0000;
		text-decoration: none
	}
	.box .teaserbigBg .teaserContent a:hover {
		text-decoration: underline
	}
	.box .teaser3colBg {
		width: 648px;
		min-height: 124px !important;
		padding: 6px 9px 0 9px !important;
	}


	/** lists */
	.box .teaserbigBg .teaserContent ul,
	.box .teaserbigBg .teaserContent ol {
  	margin: .7em .5em .7em 1.7em;
		position: relative; /* ie */
	}
	.box .teaserbigBg .teaserContent ul li {
  	padding-left: 10px;
	  background: url(../images/icons/quadrat_small.gif) 0 5px no-repeat;
	  margin-bottom: 2px;
	font-size: 1.1em;
	}
	.teaser3colfix li {
  	padding: 0 !important;
	  background: none !important;
	font-size: 1em !important;
	}
	.box .teasersmallBg .teaserContent {
		position: relative;
		padding: 6px 9px 9px 9px;
	}
	a.quadrat,
	h2.quadrat {
		background: url(../images/icons/quadrat.gif) 0px 7px no-repeat;
		padding: 2px 0 0 14px;
		color: #fc0000;
	}
	.box .teaserbigBg .teaserContent h4 {
		font-size: 1.8em;
		font-weight: bold;
		margin: 5px 0 3px 0
	}
	.box .teaserbigBg .teaserContent h4.single {
		margin-top: 0
	}
	.box .teaserbigBg .teaserContent p.readon {
		margin-top: 5px;
	}
	.box .teaserBg .teaserContent img,
	.box .teaserbigBg .teaserContent img,
	.box .teasersmallBg .teaserContent img {
		float: left;
		margin: 3px 9px 0 0;
		border: 1px solid #000
	}
	.box .teaserBg .teaserContent h3,
	.box .teaserbigBg .teaserContent h3,
	.box .boxbordright h3,
	.box .teasersmallBg .teaserContent h3 {
		font-size: 1.4em;
		font-weight: bold
	}
	.box .teaserBg .teaserContent h3 a,
	.box .teaserbigBg .teaserContent h3 a,
	.box .boxbordright h3,
	.box .teasersmallBg .teaserContent h3 a {
		color: #f81111;
		text-decoration: none
	}
	.box h3.list a {
		color: #f81111;
		text-decoration: none;
		background: url(../images/icons/quadrat.gif) 0px 7px no-repeat;
		padding: 2px 0 0 14px;
	}
	.box h3.list a:hover {
		text-decoration: underline;
	}
	.box span.readmore a {
		color: #f81111;
		text-decoration: none;
		font-weight: bold;
		padding-left: 10px;
		font-size: 1.1em;
	}
	.box span.readmore a:hover {
		text-decoration: underline;
	}
	.box .boxbordright p {
		margin: 0;
		display: inline;
	}


	.box .teaserBg .teaserContent p,
	.box .teaserbigBg .teaserContent p,
	.box .teasersmallBg .teaserContent p {
		font-size: 1.1em;
		/*margin: 0;*/
		line-height: 1.4em
	}
	.box .teaserbigBg .teaserContent p {
		margin-bottom: 1.1em;
	}


	/** list */
	.box .teaserBg .newslist,
	.box .teaserBg .newsteaser,
	.box .teaserbigBg .newslist {
		height: 112px;
		overflow: hidden;
	}
	.box .teaserbigBg .newslist {
		margin-top: 2px;
	}
	.box .teaserBg .newslist ul,
	.box .teaserbigBg .newslist ul,
	.box .teasersmallBg .teaserContent .newslist ul {
		font-size: 1.1em;
		font-weight: bold;
		padding-top: 7px
	}
	.box .teaserBg .newslist ul li {
		margin-bottom: .2em
	}
	.box .teasersmallBg .teaserContent .newslist ul li {
		margin-bottom: .4em
	}
	.box .teaserBg .newslist ul li a,
	.box .teaserbigBg .newslist ul li a,
	.box .teasersmallBg .teaserContent .newslist ul li a {
		color: #000;
		text-decoration: none;
		background: url(../images/icons/quadrat.gif) 5px 3px no-repeat;
		padding-left: 18px;
		margin: 0;
	}
	.box .teasersmallBg .teaserContent .newslist ul li a {
		background: url(../images/icons/quadrat_small_black.gif) 5px 3px no-repeat;
		padding-left: 20px;
	}

	.box .teasersmallBg .teaserContent .newslist ul li a:hover {
		text-decoration: underline;
	}

	/** teaser */
	.box .teaserBg .newsteaser h3 {
		font-size: 1.4em;
		font-weight: bold;
		padding: 4px 0 0 10px;
		margin-bottom: .2em;
	}
	.box .teaserBg .newsteaser h3 a {
		color: #f81111;
		text-decoration: none
	}
	.box .teaserBg .newsteaser p {
		font-size: 1.1em;
		font-weight: bold;
		padding-left: 10px;
	}

	/** backgrounds blue,green,red */
	.newslistbgblue {
		background: url(../images/boxen/teaserbox_newslistbg_blue.gif) repeat-y;
	}
	.newslistbggreen {
		background: url(../images/boxen/teaserbox_newslistbg_green.gif) repeat-y;
	}
	.newslistbgred {
		background: url(../images/boxen/teaserbox_newslistbg_red.gif) repeat-y;
	}
	a.quadratwhite {
		background: url(../images/icons/quadrat_white.gif) 10px 3px no-repeat !important;
		color: #fff !important;
	}

	.newslistheadline {
		font-size: 1.4em;
		font-weight: bold;
		color: #fff;
		padding-left: 10px;
		margin: .2em 0 .2em 0;
	}


	/** teaser bottom */
	.box .teaserBtm {
		height: 20px;
		background: url(../images/boxen/teaserbox_shadow.gif) no-repeat
	}
	.box .teaserbigBtm {
		width: 666px;
		height: 20px;
		background: url(../images/boxen/teaserboxbig_shadow.jpg) no-repeat
	}
	/** teasernews */
	.box .boxbordright {
		width: 649px;
		min-height: 100px;
		padding: 0 5px 5px;
		background: #000 url(../images/boxen/boxbordright_bg.gif) bottom left repeat-x;
		border-right: 7px solid #7f8384;
		border-bottom: 1px solid #7f8384;
	}
	.boxbordrightalter {
		background: none !important;
	}

	.box .archiv {
		/*margin: 0 0 5px 0;*/
	}
	.box .archiv a {
		font-size: 1.1em;
		color: #f81111;
		text-decoration: none;
		padding: 0 0 5px 9px;
		display: block;
	}
	.box .archiv a:hover {
		text-decoration: underline
	}
	.box .singlearchiv a {
		background: transparent url(../images/icons/quadrat.gif) no-repeat scroll 0px 7px;
		color: #f81111;
		padding:2px 0 0 14px;
		text-decoration: none;
		font-weight: bold
	}


	/** kalender */
	.calender {
		width: 666px;
		height: 27px;
		background: url(../images/boxen/calenderbg_top.png) no-repeat
	}
	.calender .left {
		float:left;
		width:366px;
		border-right: 1px solid #000;
		height:27px;
	}
	.calender .right {
		float: left;
		width: 299px;
		height: 27px;
	}
	.calender .month {
		line-height: 27px;
	}
	.calender .month a {
		color: #ff0000;
		text-decoration: none;
		font-size: 1.5em
	}
	.calender .month a:hover {
		text-decoration: underline;
	}
	.calender .month span {

		color: #000;
		padding: 0 3px 0;
	}
	.calcontainer {
		width: 666px;
	}
	.calendercontentleftbg {
		float: left;
		background: url(../images/boxen/teaserboxbig_bg.jpg) repeat-y;
		width: 366px;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		min-height: 122px;
	}
	.calendercontentleftbg table {
		 width: 340px;
		 /*margin-top:10px*/
		 vertical-align:middle;
	}
	.calendercontentleftbg label {
		float: none;
		width: 90px;
	}
	.calendercontentleftbg select#veranstalter,
	.calendercontentleftbg input#ort {
		width: 240px
	}
	.calendercontentleftbg input#ort {
		width: 236px
	}
	.calendercontentleftbg label#txt {
		float: none;
		width: 40px;
		margin: 0 5px
	}
	.calendercontentleftbg #km {
		width: 45px;
		margin-right: 10px;
	}
	.calendercontentleftbg #plz {
		width: 100px;
		margin-left: 4px;
	}
	.calendercontentrightbg {
		float: left;
		background: url(../images/boxen/teaserboxbig_bg.jpg) top right repeat-y;
		width: 299px;
		padding-top: 1px;
		min-height: 122px;
	}
	.calendercontentrightbg table {
		 width:259px;
		 margin-bottom:10px
	}
	.calendercontentrightbg table td,
	.calendercontentrightbg table th {
		/*padding: 1px;*/
	}
	.calendercontentrightbg .today a,
	.calendercontentrightbg .calday a
	 {
		color: #000;
	}
	.calendercontentrightbg td.calday {
		background: #d1d1d1;
		color: #000;
	}

	/** tt_news */

}