/*	Stylesheet
	ASB
	
	Colors:
	gelb: #ffcc33
	orange: #fe9900
	orange dunkel: ee7f00
	hellblau: #84d0f0
*/

/*	Include some CSS helpers ------------------------- */
@import("clearfix.css");
@import("iehacks.css");


/*	Some default tag definitions --------------------- */

* { margin: 0; padding: 0;  }
*:focus {outline: none; }

body { 
	font-family: Arial, sans-serif; 
	color: #000;
	font-size: 85%;
	background: url(imgs/site_bg.png) repeat-x #5EBDE1;
	text-align: center;
}

.invisible, hr.split { display: none; }
p { margin: 0 0 10px 0; }
p.hl { font-weight: bold; }
p.ehl { font-weight: bold; padding: 10px; background: #eee; }
img.left { float: left; margin-right: 20px }
img.right { float: right; margin-left: 20px }
a { color: #fe9900; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline; }

/* Global Forms */
form { padding: 0; margin: 0; }
input, textarea, select { font-family: Arial, sans-serif;  margin: 0; font-size: 100.01%; padding: 3px; }

input.submit {  }

.teaserform input { margin: -15px 0; font-size: 90%; }




.clearer { clear: both; height: 0px; }

/*	Structure ------------------------------------- */
	
#page-margins { 
	width: 1067px; 
	margin: 0 auto;
	text-align: left;
	background: url(imgs/page_shadow_loop.png) repeat-y #fff;
}

#schatten {
	
}

#page {
	padding: 0 21px 10px 21px; 
	background: url(imgs/page_shadow_top.png) center top no-repeat !important;
}


/*	Header ------------------------------------- */
#header { height: 305px; background: #fe9900; color: #fff; position: relative; }
	

	#nav-container { font-size: 100%; font-weight: bold; letter-spacing: 0.02em; margin-left: 20px;}
	#nav-container p { margin: 0; }
	#nav-container ul { list-style: none; clear: both; }
	#nav-container ul.first-level a { text-decoration: none; color: #fff; font-weight: bold; }
	
	#nav-container ul.first-level li { float: left;padding: 9px 0px; }
	
	#nav-container ul.first-level li a { margin-right: 5px; padding: 9px 5px; border-left: 1px solid #fe9900; border-right: 1px solid #fe9900;}
	#nav-container ul.first-level li.last a { border: 0; margin-right: 0; }
	#nav-container ul.first-level li.active a { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#nav-container ul.first-level li a:hover { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	
	/*#nav-container ul.first-level li { float: left; margin-right: 5px; padding: 9px 5px; border-left: 1px solid #fe9900; border-right: 1px solid #fe9900;}
	#nav-container ul.first-level li.last { border: 0; margin-right: 0; }
	#nav-container ul.first-level li.active { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#nav-container ul.first-level li:hover { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#nav-container ul.first-level li a:hover {text-decoration: underline;}*/
	
	/*Navi mit Bildern*/
	/*#nav-container ul.first-level li.active { color: #000; background: url(imgs/navi_acitve.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff; }*/
	/*#nav-container ul.first-level li:hover { color: #000; background: url(imgs/navi_acitve.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff; }*/
	
	#logo { position: absolute; top: 34px; left: 720px; width: 130px; }
	#header h1 { display: none; }
	#header a img { border: 0; }

  	#sub-nav-container { position:absolute; top:281px; left:0px; font-size: 100%; font-weight: normal; letter-spacing: 0.05em; margin-left: 20px;}
	#sub-nav-container p { margin: 0; }
	#sub-nav-container ul { list-style: none; clear: both; }
	#sub-nav-container ul.first-level a { text-decoration: none; color: #fff; font-weight: bold; }
	/*#sub-nav-container ul.first-level li { float: left; margin-right: 5px; padding: 4px 7px; border-left: 1px solid #fe9900; border-right: 1px solid #fe9900;}
	#sub-nav-container ul.first-level li.last { border: 0; margin-right: 0; }
	#sub-nav-container ul.first-level li.active { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#sub-nav-container ul.first-level li:hover { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }*/
	
	#sub-nav-container ul.first-level li { float: left; padding: 4px 0px; }
	
	#sub-nav-container ul.first-level li a { letter-spacing: 0.01em; margin-right: 0px; padding: 4px 8px; border-left: 1px solid #fe9900; border-right: 1px solid #fe9900;}
	#sub-nav-container ul.first-level li.last a { border: 0; margin-right: 0; }
	#sub-nav-container ul.first-level li.active a { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#sub-nav-container ul.first-level li a:hover { color: #000; background: #ffcc33; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	

	/*subnavi mit bildern
	#sub-nav-container ul.first-level li.active { color: #000; background: url(imgs/navi_acitve.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff; }
	#sub-nav-container ul.first-level li:hover { color: #000; background: url(imgs/navi_acitve.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff; }*/
		


/*	Main-Content ------------------------------------- */

#main { line-height: 1.5em; position: relative; }

	/*#main div.left { width: 724px; float: left; }
	
	#main div.right { margin-left: 746px; color: #fff; }*/
	
	/*#main div.left {  width: 724px;  }
	
	#main div.right { position: absolute; top: 0px; left: 754px; color: #fff; }*/
	
	#main div.left { width: 724px; float: left; }
	
	#main div.right { margin-left: 746px; color: #fff;  }
	
	
	
	#main p, #main li { font-size: 110%; } 
		
	#main p.bigger { font-size: 120% ; margin-bottom: 25px;}
	
	#main div.left div.content, #main div.right div.content { padding: 20px;  }

	 { font-size: 110%; }
	
	/* Tabellen */
	#main table { font-size: 110%; padding-bottom: 15px; }
	#main td { padding-right: 15px; } 
	
	/*	Headlines */
	#main h2 { color: #fe9900; font-size: 140.01%; margin: 20px 0 15px 0;}
	#main h3 { color: #fe9900; font-size: 110.01%;  font-weight: bold; margin: 20px 0 15px 0;}
	#main h4 { color: #000; font-size: 110.01%;  font-weight: bold; margin: 10px 0 10px 0;}
	
	#main .right h2 { color: #fff; font-size: 125.01%; margin: 0; }
	#main .right h3 { color: #fff; font-size: 110.01%; margin: 0; font-weight: bold; }
	#main .right h4 { color: #fff; font-size: 100.01%; margin: 0; font-weight: bold; }
	
	
	/* Links */
	#main .right a { color: #fff }
	
	
	/* Teaserbox allgemein */
	#main .teaserbox { margin-bottom: 20px; }
	#main .teaserbox h3 { color: #000; font-size: 110.01%;  margin: 15px 0 15px 0; }
	#main .teaserbox h4 { color: #000; font-size: 105.01%;  margin: 0; font-weight: bold; }
	#main .teaserbox h5 { color: #000; font-size: 100.01%; margin: 0; font-weight: bold; }
	
	#main .teaserbox a, .teaserbox p { color: #000 }
	
	
	
	/* Teaser Box rechts*/
	#main div.right div.teaserbox { padding: 25px 20px; color: #000 }
	#main .right .teaserbox { background: #ffcc33; }
	
	#main .right .teaserbox { background: #ffcc33 url(/fileadmin/templates/imgs/pfeil_suche_teaser_rechts.png) 0 0 no-repeat }
	
	#main div.right img { display: none;  }
	#main div.right .bodytext img { display: inline; margin-right: 5px; margin-bottom: 5px; padding-top: 14px; }
	
	#main .right .teaserbox a.weiterlesen { color: #000; padding: 5px 25px 5px 0; font-weight: bold;  background: url(imgs/weiter_button_orange_auf_gelb.png) no-repeat right }

	#main .right .teaserbox .teaseritem { margin: 0 0 25px 0; }
	
	#main .right ul {list-style: url(imgs/arrow_black.png) }
	
	/* Info box links */
	#main .infobox { width: 203px; float: left; margin: 0 17px 30px 0; }
	#main .infobox img { margin-left: -6px; }
	/*#main .infobox a { padding-right: 25px; background: url(imgs/arrow_wwwwhite.png) no-repeat right }*/
	#main .infobox a { font-size: 100.01%; }
	/*Links mit Pfeil rechts:*/
	/*#main .infobox a { padding: 5px 25px 5px 0; background: url(imgs/weiter_button_orange_auf_weiss.png) no-repeat right; font-size: 100.01%; font-weight: bold; } */


	/* Dreispaltige Teaserbox auf der Startseite*/
	#main .infobox a img {border:none;}

	
	/* Teaser Box links*/
	#main div.left div.teaserbox { background: #fe9900;  }
	#main div.left div.teaserbox .content { width: 290px; }
	#main .left .teaserbox a { padding: 5px 25px 5px 0; background: url(imgs/weiter_button_weiss_auf_orange.png) no-repeat right }
	
	#main .content h5 a { color: #fe9900; font-size: 120.01%; font-weight: bold; }
	
	/*	Lists */
	#main ol, #main ul { margin: 15px 15px 15px 20px; }
	#main ul { list-style: url(imgs/arrow_link.png) }
	#main ul ul { font-size: 90%; list-style: circle; }
	#main li { margin-bottom: 0px;  }
	
	
	/* 	Forms */
	#main label { float: left; width: 140px; text-align: right; margin-right: 10px; padding-top: 3px; }
	
	/* Kontaktformular */
	#kontaktform label, #kontaktform select, #kontaktform input, #kontaktform textarea { font-size: 100.01%; margin: 0 10px 10px 0; }
	
	/*	tt_news */
	div.news-list-item hr.clearer { overflow: hidden; clear: both; margin: 15px 0; }
	
	#main p.news-list-date { font-size: 0.9em;}
	#main .news-list-img, #main .news-single-img {float: left; padding: 0px 20px 10px 0px;}

	#main .left .csc-searchform input.txt, #main .left .csc-searchform select { width: 250px; }
	
	#main div.news-list-item h3 { margin-bottom: 0px; }
	
	#main .tx-ttnews-browsebox {font-size:90%; }
	
	#main .clear { clear: both;}
	
/*	Footer ------------------------------------- */

#footer {
	color: #000;
	line-height: 1.6em;
	padding: 15px 21px;
	clear: both;
	background: url(imgs/page_shadow_bottom.png) center top no-repeat #5EBDE1;
}
	#footer p { font-size: 85%; }
	#footer a { color: #000; }
	#footer a:hover { color: #8E2F00; }
	#footer p.right { float: right; width: 400px; text-align: right; }
	#footer p.link-tipps { font-weight: normal; color: #999; }
	#footer p.link-tipps a { color: #999; }

#main .right .teaserbox {  }

#main .right .teaserbox .internal-link { 
	background: url("imgs/weiter_button_orange_auf_gelb.png") no-repeat ; 
padding: 0px; padding-left: 25px; }