/**********************************************************************************************

	trias

***********************************************************************************************

		
	1. Allgemein
			1.1 Reset
			1.2	Basis Stile
			1.3	Allgemeine Textformatierungen
			1.4	Links
	
	2. Layout
			2.1 Allgemein
			2.2	Navigation
			2.3	Content
			2.4	Seitenspalte
			2.5	Footer
			2.6	Clearen
		

***********************************************************************************************/


/* 1. Allgemein
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Basis Stile
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #cbcfc6 url(../img/bg.jpg) top center no-repeat;
		font: 62.5% Arial,Verdana,Helvetica,sans-serif;
		text-align: center;
		color: #81867c;
		}

	input, textarea, select {
		font-size: 11px;
	}


/* 1.3	Allgemeine Textformatierungen
-----------------------------------------------------------------------------------------------*/	

	h1 {
		margin: 0 0 15px 0;
		font-weight: normal;
		font-size: 20px;
	}
	
	h2 {
		margin: 0 0 15px 0;
		padding: 0 0 6px 0;
		font-weight: bold;
		font-size: 14px;
		line-height: 28px;
		color:#FFFFFF;
		background: url(../img/ueberschriftenstrich.gif) top left no-repeat;
	}

	h3 {
		padding: 0px;
		margin: 15px 0;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		color:#f68e2e;
	}
	
	h4 {
		font-weight: bold;
		font-size: 12px;
		line-height: 20px;
		margin:0 0 0 635px;
		padding-top:4px;
	}
	
	h5 {
		font-weight: bold;
		color: #82857a;
		font-size: 12px;
		line-height: 20px;
		text-transform:uppercase;
	}
	
	
	p{
		margin: 10px 0 5px 0;
		font-size: 12px;
		line-height: 15px;
	}
	

/* 1.4	Links
-----------------------------------------------------------------------------------------------*/

	a {
		text-decoration: underline;
		font-weight:bold;
		color:#000000;
	}

	a:hover {
		text-decoration: none;
		color:#f78f2f;
	}

	a.pfeil, span.news-list-morelink a {
		padding-left: 15px;
		background: url(../img/pfeil_link.gif) top left no-repeat;
	}
	
	#brotkrume a {
		background: url(../img/brotkrume_pfeil.gif) top right no-repeat;
		padding-right:10px;
		color:#fff;
		text-decoration: none;
		font-weight:normal;
	}
	
	#brotkrume a:hover {
		color:#fff;
		text-decoration:underline;
	}

	#navigation a {
		background: url(../img/bg_nav_passiv.gif) top left no-repeat;
		color:#FFFFFF;
		display:inline;
		float:left;
		margin-left:10px;
		padding-left:10px;
		text-decoration:none;
		width:190px;
		
	}
	
	#navigation a:hover {
		color:#f78f2f;
		text-decoration:none;
	}
	
	#navigation a.aktiv {
		background: url(../img/bg_nav_aktiv.gif) top left no-repeat;
		color:#fff;
		text-decoration:none;
	}
	
	.box620 .dialog span a {
		text-decoration: none;
		color: #fff;
	}
	
	.box620 .dialog span a:hover {
		color:#fff;
		text-decoration: underline;
	}
	
	.content .teaserliste dl a {
		text-decoration: none;
		color: #fff;
		font-weight: normal;
		display:block;
	}
	
	.content .teaserliste dl a:hover {
		color:#fff;
		text-decoration: underline;
		font-weight:normal;
	}
	
	
	#contentbox li a {
		font-weight:bold;
	}
	
	.slideelement a:hover {
		color:#F68E2E;
		text-decoration:none;
	}
	
	.slideelement a.aktiv {
		color:#F68E2E;
		text-decoration:underline;
	}


	#seitenspalte ul a {
		color: #666;
		padding-left: 13px;
		background: url(../img/seitenspalte_doppelpfeil.gif) top left no-repeat;
		display: block;
	}
	
	#seitenspalte ul a:hover {
		color:#ed7800;
	}




	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 2.1	Allgemein
-----------------------------------------------------------------------------------------------*/	

	#wrapper {
		background:url(../img/bg_content.jpg) repeat-y;
		width: 980px;
		margin: 0 auto;
	}
	
	#bgtop {
		background:url(../img/bg_top.jpg) no-repeat;
		padding-top:30px;
	}
	
	#zentrieren {
		text-align:left;
		width:830px;
		margin: 0 auto;
	}
	
	#inhalt {
		clear:both;
		text-align:left;
		margin-bottom: 10px;
		width:830px;
		margin: 0 auto;
		padding-top: 10px;
	}
	

	#brotkrume {
		height:20px;
		clear:both;
	}
	
	#logo img {
		margin-top: 30px;
	}
	
	
	#seitenspalte {
		width: 200px;
		float: right;
		margin: 0;
		z-index: 1;
		display:inline;
	}	
	
	
	#footer {
		background: url(../img/bg_footer.jpg) no-repeat;
		clear: both;
		height: 44px;
	}
	
	



	
/* 2.2	Navigation
-----------------------------------------------------------------------------------------------*/	

	#brotkrume ul {
		float:left;
		background:url(../img/bg_brotkrume_rechts.gif) top right no-repeat ;
		padding:4px 10px 4px 0;
	}
	
	#brotkrume li {
		display:inline;
		color:#fff;
		padding:4px 0;
	}
	
	#brotkrume li.first {
		background:url(../img/bg_brotkrume_links.gif) top left no-repeat;
		padding-left:8px;
	}



	#navigation {
		/*float:right;
		clear:both;
		margin-top: 10px;*/
	}
	
	#navigation ul { 
		float:right;
	}

	#navigation ul li { 
		font-weight: bold;
		font-size: 14px;
		line-height: 25px;
		display:inline;
	}


	
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/


	/* 
  -- box mit orange --
*/

	.dialog {
		 position:relative;
		 margin:0px auto;
		 min-width:8em;
		 max-width:760px; /* based on image dimensions */
		 z-index:1;
		 margin-left:12px; /* default, width of left corner */
		 margin-bottom:10px; /* spacing under dialog */
	}
	
	.dialog .content,
	.dialog .t,
	.dialog .b,
	.dialog .b div {
		 background: url(../img/bg_box.gif) no-repeat top right;
		 _background-image:url(../img/bg_box.gif);
	}
	
	.dialog .content {
		 position:relative;
		 zoom:1;
		 _overflow-y:hidden;
		 padding:0px 12px 0px 0px;
	}
	
	.dialog .fix {
		 height: 200px;
	}
	
	.dialog .t {
		 /* top+left vertical slice */
		 position:absolute;
		 left:0px;
		 top:0px;
		 width:12px; /* top slice width */
		 margin-left:-12px;
		 height:100%;
		 _height:1600px; /* arbitrary long height, IE 6 */
		 background-position:top left;
	}
	
	.dialog .b {
		 /* bottom */
		 position:relative;
		 width:100%;
	}
	
	.dialog .b,
	.dialog .b div {
		 height:15px; /* height of bottom cap/shade */
		 font-size:1px;
	}
	
	.dialog .b {
		 background-position:bottom right;
	}
	
	.dialog .b div {
		 position:relative;
		 width:12px; /* bottom corner width */
		 margin-left:-12px;
		 background-position:bottom left;
	}
	
	.dialog .hd,
	.dialog .bd,
	.dialog .ft {
		 position:relative;
	}
	
	
	.dialog p {
		 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
		 padding:5px 0;
	}
	
	.dialog h2 {
		margin: 0px;
	 	padding:0 0 3px 10px;
	}
		

	/* 
  -- box fuer teaser icons --
*/


.content .teaserliste dl {
		background: url(../img/bg_teaser_unten.gif) bottom left no-repeat;
		float: left;
		width: 288px;
		height: 72px;
		margin: 0 10px 10px 0;
		padding: 0;
		display: inline; /* fixes IE/Win double margin bug */
  	}
	
.content .teaserliste dl div {
  		background:url(../img/bg_teaser_oben.gif) top left no-repeat;
  	}
	
.content .teaserliste dt {
		float: right;
		width: 225px;
		margin: 0;
		padding: 5px 0;
		font-size: 18px;
		font-weight:normal;
  	}
.content .teaserliste dd {
		margin: 0 0 0 60px;
		padding: 0;
		color: #fff;
  	}
	
.box620 .dialog .content dl dd p {
		padding: 3px 0 8px 0;
}

.content .teaserliste dl dd.img {
   		margin: 0;
   	}
.content .teaserliste dd.img img {
  		float: left;
  		margin: 11px 8px;
  	}



	

    /* 
  -- box fuer news --
*/
	
	.news {
		 position:relative;
		 margin:0px auto;
		 min-width:8em;
		 max-width:760px; /* based on image dimensions */
		 z-index:1;
		 margin-left:12px; /* default, width of left corner */
		 margin-bottom:10px; /* spacing under dialog */
	}
	
	.news .content,
	.news .t,
	.news .b,
	.news .b div {
		 background: url(../img/bg_box_news.gif) no-repeat top right;
		 _background-image:url(../img/bg_box_news.gif);
	}
	
	.news .content {
		 position:relative;
		 zoom:1;
		 _overflow-y:hidden;
		 padding:20px 12px 0px 0px;
	}
	
	.news .t {
		 /* top+left vertical slice */
		 position:absolute;
		 left:0px;
		 top:0px;
		 width:12px; /* top slice width */
		 margin-left:-12px;
		 height:100%;
		 _height:1600px; /* arbitrary long height, IE 6 */
		 background-position:top left;
	}
	
	.news .b {
		 /* bottom */
		 position:relative;
		 width:100%;
	}
	
	.news .b,
	.news .b div {
		 height:15px; /* height of bottom cap/shade */
		 font-size:1px;
	}
	
	.news .b {
		 background-position:bottom right;
	}
	
	.news .b div {
		 position:relative;
		 width:12px; /* bottom corner width */
		 margin-left:-12px;
		 background-position:bottom left;
	}
	
	.news .hd,
	.news .bd,
	.news .ft {
		 position:relative;
	}
	
	
	.news p {
		 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
		 padding:0.5em 0px 0.5em 0px;
	}
	
	.news h1 {
		margin: 0px;
	 	padding:0px;
	 	color: #f78f2f;
	 	font-size: 12px;
	 	font-weight:bold;
	}
		
	.news img {
		float:left;
		margin: 0 10px 10px 0;
		display:inline;
	}	
		
	
	p.datum {
		font-size: 10px;
		padding: 0 0 5px 0;
		font-weight:bold;
	}
	


    /* 
  -- Formatierungen Content --
*/
	
	.box620 .dialog p {
		padding: 0 0 15px 0;
	}
	
	.box620 .dialog h2 span {
		float:right;
		background: url(../img/pfeil_back.gif) top left no-repeat;
		padding-left:15px;
	}
	
	.box620 .dialog .foto {
		float:right;
		width:338px;
	}
	
	.box620 .dialog .foto img.fotorahmen {
		border-right: 1px solid #cdd0c8;
		border-left: 1px solid #cdd0c8;
	}
	
	.box620 .dialog .foto .bildunterschrift {
		background: url(../img/contentfotounten.gif) bottom left no-repeat;
		padding: 5px 10px;
		color:#FFFFFF;
	}
	
	.box200 {
		width: 200px;
		float: left;
		margin-right:10px;
	}
	
	.box410 {
		width: 410px;
		float: left;
		margin-right:10px;
	}
	
	.box620 {
		width: 620px;
		float: left;
	}
	

	.dialog ul {
		padding:5px 0;
		/* position:relative; */
	}

	.dialog ul li {
		background:#fff url(../img/listenpunkt.gif) no-repeat left top;
		margin:0;
		padding:0 0 5px 12px;
		font-size: 12px;
	}


	.news-single-video {
	    float:right;
	    margin: 0 0 10px 10px;
	}

    /* 
  -- Formatierungen FAQ --
*/

	h3.slidesubhead {
		margin: 0;
		padding: 5px 0 0 0px;
		color: #ff6600;
		font-weight:bold;
	}
	
	h3.slidesubhead a {
		background: url(../img/pfeil_inactive.gif) no-repeat;
		padding-left:15px;
		text-decoration: none;
		color: #F68E2E;
	}
	
	h3.slidesubhead a:hover {
		text-decoration: underline;
	}
	
	h3.slidesubhead a.active {
		background: url(../img/pfeil_active.gif) no-repeat;
		padding-left:15px;
	}
	
	.slideelement {
		padding: 5px 0;
		clear:both;
	}
	
	.slideelement .contentelement{
		padding: 5px;
	}

	.slideelement .none {
		display:none;
	}




	
/* 2.4	Sitemap
-----------------------------------------------------------------------------------------------*/	
	
	.box {
		width:200px;
		float:left;
		margin:20px 10px 0 0;
	}

	.boxlast {
		width:179px;
		float:right;
		margin-top: 20px;
	}

	.bottomnav ul {
		padding:5px 0;
	}

	.bottomnav ul li {
		background:transparent url(../img/listenpunkt.gif) no-repeat scroll left top;
		margin:0;
		padding:0 0 5px 12px;
		font-size: 12px;
		font-weight:normal;
	}

    /* 
  -- box f�r footer --
*/
	
	.bottomnav {
		clear:both;
	 	position:relative;
	 	margin:0px auto;
	 	min-width:8em;
	 	max-width:830px; /* based on image dimensions */
	 	z-index:1;
	 	margin-left:12px; /* default, width of left corner */
	 	margin-bottom:0.5em; /* spacing under dialog */
	 	padding-top:10px;
	}
	
	.bottomnav .content,
	.bottomnav .t,
	.bottomnav .b,
	.bottomnav .b div {
		 background: url(../img/bg_box_sitemap.gif) no-repeat top right;
		 _background-image:url(../img/bg_box_sitemap.gif);
	}
	
	.bottomnav .content {
		 position:relative;
		 zoom:1;
		 _overflow-y:hidden;
		 padding:0px 9px 0px 0px;
	}
	
	.bottomnav .t {
		 /* top+left vertical slice */
		 position:absolute;
		 left:0px;
		 top:0px;
		 width:12px; /* top slice width */
		 margin-left:-12px;
		 height:100%;
		 _height:1600px; /* arbitrary long height, IE 6 */
		 background-position:top left;
	}
	
	.bottomnav .b {
		 /* bottom */
		 position:relative;
		 width:100%;
	}
	
	.bottomnav .b,
	.bottomnav .b div {
		 height:15px; /* height of bottom cap/shade */
		 font-size:1px;
	}
	
	.bottomnav .b {
	 	background-position:bottom right;
	}
	
	.bottomnav .b div {
		 position:relative;
		 width:12px; /* bottom corner width */
		 margin-left:-12px;
		 background-position:bottom left;
	}
	
	.bottomnav .hd,
	.bottomnav .bd,
	.bottomnav .ft {
		 position:relative;
	}
	
	
	.bottomnav p {
		 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
		 padding:0.5em 0px 0.5em 0px;
	}
	
	.bottomnav h2 {
		margin: 0px;
	 	padding-bottom:0px;
	}
	
	
/* 2.4	Seitenspalte
-----------------------------------------------------------------------------------------------*/	
	
	#seitenspalte .box200 {
		margin-right:0;
	}	


	
/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	

	
	#footer p{
		font-size: 10px;
		line-height: 18px;
		margin: 0;
	}





/* 2.6	Clearen
-----------------------------------------------------------------------------------------------*/	

	.clearfix:after {
		content: ".";
		display: block;
		height: .1px;
		clear: both;
		visibility: hidden;
		font-size: 0;
		overflow: hidden;
	}
	
	.clearfix {
		min-height: 0;
	}

	* html .clearfix {
		height: 1px;
	}