@charset "UTF-8";


/*
Dunkel Gelb: #FFCD33;
Hell Gelb: #FFDE04;
Orange: #EA6E24;
Dunkle Blau: #0C1D47;
Helle Blau: #279AD2;
Hell Grün: #A4C639;
Dunkel Grün: #51A600;
Hintergrund: #F9FAFC;
*/


/**************************
  STANDARDS
***************************/

* {
	margin:0;
	padding: 0;
	text-decoration: none;
}

* html body * {
	overflow:visible;
}

* html iframe, * html frame {
	overflow:auto;
}

* html frameset {
	overflow:hidden;
}

body {
	min-height: 101%;
	font-size: 12px;
	font-family: Arial,sans-serif;
	text-align: left;
	color: #000;
	background: #AAAAAA url(images/hwrs_body_gradient.png) repeat-x scroll center top;
}

fieldset, img {
		border: 0 solid;
}

/**************************
  CLASSES
***************************/
.hidden {
	position: absolute;
	top: -500px;
	left: -500px;
	height: 1px;
	width: 1px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear{
	clear: both;
	visibility: hidden;
	width: 1px;
	height: 1px;
}

/**************************
  PAGE
***************************/

div#root_panel{
	margin: 1px auto;
	width: 1006px;
	height: auto;
	background: transparent;
	color: #0C1D47;
	padding: 0 0 30px 0;
}

a:link, a:visited {
	color: #EA6E24;
	text-decoration: none;
}
		 
a:hover, a:focus, a:active {
	text-decoration: underline;
}

/**************************
  HEADER
***************************/

div#navigation_panel{
	height: 114px;
	position:relative;
	z-index:50;
}
div#header_panel.tab_hwrs div#navigation_panel{
	background: transparent url(images/hwrs_header_bgs.png) no-repeat scroll 0 -245px;
}

div#header_panel.tab_mediathek div#navigation_panel{
	background: transparent url(images/hwrs_header_bgs.png) no-repeat scroll 0 -95px;
}


div#navigation_panel ul#tabnavigation li{
	display: block;
	list-style: none;
	position: relative;
}
div#navigation_panel ul#tabnavigation li a.haupt-werkrealschule-burladingen{
	background: transparent url(images/hwrs_burladingen_header_logo.png) no-repeat scroll 22px 25px;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 23px 10px 0 60px;
	text-align: center;
	width: 220px;
}
div#navigation_panel ul#tabnavigation li a.mediathek{
	color:#0C1D47;
	font-size:21px;
	font-weight:bold;
	left:863px;
	position:absolute;
	top:-30px;
}

div#navigation_panel ul#mainnavigation{
	float:left;
	padding:0 0 0 10px;
}

div#navigation_panel ul#mainnavigation li{
	float: left;
	display: block;
	list-style: none;
	margin: 18px 0 0 0;
}

div#navigation_panel ul#mainnavigation li a{
	color: #0C1D47;
	font-size: 21px;
	font-weight: bold;
	padding: 0px 15px 0 8px;
}

div#navigation_panel ul#mainnavigation li a:hover,
div#navigation_panel ul#mainnavigation li a:focus,
div#navigation_panel ul#mainnavigation li a:active,
div#navigation_panel ul#mainnavigation li.active a{
	color: #EA6E24;
	text-decoration: underline;
	background: transparent url(images/hwrs_navigation_active_bg.png) no-repeat scroll right 4px;
}

ul#subnavigation{
	background: transparent url(images/hwrs_header_bgs.png) no-repeat scroll 0 -12px;
	height: 26px;
	margin:-21px 0 0;
	padding: 21px 15px 0 15px;
	position:relative;
	z-index:0;
}

ul#subnavigation li{
	float: left;
	display: block;
	list-style: none;
	padding: 2px 0 32px 0;	
}

ul#subnavigation li.active{
	background: transparent url(images/hwrs_second_level_navigation_bg.png) no-repeat scroll center bottom;
}

div#header_panel{
	padding: 0 0 10px 0;
}

ul#subnavigation li a{
	color: #fff;
	font-size: 13px;
	padding: 0px 10px 0 5px;
}

ul#subnavigation li.active a{
	text-decoration: underline;
}


/**************************
  CONTENT
***************************/

div#body_panel{
	height: auto;
	float: left;
	width: 100%;
	margin: -5px 0 0 0;
}

div#body_panel div#body_meta_panel{
	background: transparent url(images/hwrs_header_bgs.png) no-repeat scroll 0 -406px;
	float:left;
	width:100%;
}

div#body_panel div#body_meta_panel h3{
	color: #A4C639;
	font-size: 28px;
	float: left;
	font-weight: normal;
	margin: 11px 0 0;
	padding: 5px 20px;
	width: 615px;
}

div#body_panel div#body_meta_panel div#rss_style_panel{
	float: right;
	margin: 10px -2px 0 0;
	padding: 0 5px 0 15px;
	width: 333px;
}

div#body_panel div#content_sidebar_wrap{
	background: transparent url(images/hwrs_content_bg.png) repeat-y;	
	float: left;
}

div#rss_style_panel ul.rss_style_panel_entry{
	float: left;
	margin: 0 10px 5px;
}

div#rss_style_panel ul.rss_style_panel_entry li{
	display: block;
	font-size: 10px;
	padding: 0 0 0 45px;
}

div#rss_style_panel ul.rss_style_panel_entry li a{
	color: #EA6E24;
}

div#rss_style_panel ul.rss_control{
	background: transparent url("images/hwrs-burladingen-feed-control.gif") no-repeat;
}

div#rss_style_panel ul.style_control{
	background: transparent url("images/hwrs-burladingen-style-control.gif") no-repeat;
}
	
div#body_panel div#content_panel{
	font-size: 14px;
	border-top: 1px solid;
	clear: both;
	float: left;
	margin: 0 0 0 20px;
	padding: 15px 20px 0 0;
	width: 620px;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item{
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #279AD2;
	float: left;
}

div#body_panel div#content_panel div#static_content_panel h3,
div#body_panel div#content_panel ul.news-list-container li.news-list-item h3,
div#body_panel div#content_panel div.mainContentElement div.contentBody h3{
	font-size: 21px;
	margin: 5px 0 5px 0;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item h3 a{
	color: #0C1D47;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item p.news-list-morelink{
	margin: 5px 0 5px 0;
	clear: left;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item div.cat-wrap,
div#body_panel div#content_panel div.mainContentElement div.contentBody div.contentArea div.news-single-timedata{
	margin: 0 0 10px 0;
	font-size: 12px;
	font-style: italic;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item p{
	float: left;
	padding: 0 10px 10px 0;
}

div#body_panel div#content_panel ul.news-list-container li.news-list-item p.news-list-morelink,
div#body_panel div#content_panel ul.news-list-container li.news-list-item p.news-list-date,
div#body_panel div#content_panel ul.news-list-container li.news-list-item p.bodytext{
	display: inline;	
	float: none;
}

div#body_panel div#content_panel div.mainContentElement div.contentBody{
	margin: 10px 0 10px 0;
}

div#body_panel div#content_panel div.mainContentElement div.contentBody div.contentArea div.single-news-item-wrap{
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #279AD2;
}

div#body_panel div#content_panel ul.news-list-container div.news-list-browse div.browseBoxWrap div.showResultsWrap,
div#body_panel div#content_panel ul.news-list-container div.news-list-browse div.browseBoxWrap div.browseLinksWrap,
div#body_panel div#content_panel div.mainContentElement div.contentBody div.contentArea div.single-news-item-wrap div.news-single-backlink {
	margin: 5px 0 0 0;
}
div#body_panel div#content_panel ul.news-list-container div.news-list-browse div.browseBoxWrap div.browseLinksWrap span{
	margin-right: 5px;
}

/*	NEWS/ARTIKEL BODY */

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap h4,
div#body_panel div#content_panel div#static_content_panel h4{
	margin 10px 0 5px 0;
}

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap h5,
div#body_panel div#content_panel div#static_content_panel h5{
	margin 10px 0 0 0;
}

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap p.bodytext,
div#body_panel div#content_panel div#static_content_panel p.bodytext{
	margin: 10px 0 10px 0;
	line-height: 18px;
}

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap ol,
div#body_panel div#content_panel div#static_content_panel ol,
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap ul,
div#body_panel div#content_panel div#static_content_panel ul{
	padding: 10px 0 10px 30px;
}

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap li,
div#body_panel div#content_panel div#static_content_panel li{
	padding: 5px 0 0 5px;
}


/* CONTENT TABELES */

div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table,
div#body_panel div#content_panel div#static_content_panel table {
	border:2px solid #0C1D47;
	border-collapse:collapse;
	border-spacing:0;
	height:auto;
	margin: 10px 0;
	text-align:left;
	width:100%;
}
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table caption,
div#body_panel div#content_panel div#static_content_panel table caption {
	font-weight:bold;
	margin:10px 0 0;
}
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table td, 
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table th,
div#body_panel div#content_panel div#static_content_panel table td, 
div#body_panel div#content_panel div#static_content_panel table th {
	border: 1px dashed #279AD2;
	padding: 5px;
	vertical-align:top;
}
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table th,
div#body_panel div#content_panel div#static_content_panel table th {
	background-color:#EEEEEE;
	text-align:center;
}
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table thead tr,
div#body_panel div#content_panel div#static_content_panel table thead tr {
	background-color:#0C1D47;
	border-bottom:5px solid #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
}
div#body_panel div#content_panel div.contentBody div.contentArea div.single-news-item-wrap table tbody tr,
div#body_panel div#content_panel div#static_content_panel table tbody tr {
	border-bottom:1px dashed #ACACAC;
}



/*tt_news single image wrap*/

div#body_panel div#content_panel div.mainContentElement div.contentBody div.news-single-item div.news-image-wrap{
	border-top:1px dotted #279AD2;
	margin:20px 0 0;
	padding:25px 0 0;
}

div#body_panel div#content_panel div.mainContentElement div.contentBody div.news-single-item div.news-image-wrap div.news-image-container div.news-single-image-container{
	float:left;
	margin: 0 40px 20px 0;
}

div#body_panel div#content_panel div.mainContentElement div.contentBody div.news-single-item div.news-image-wrap div.news-image-container div.news-single-image-container p.news-single-image-caption{
	margin: 5px 0 0 0;
	width: 240px;
	font-size: 12px;
	font-weight: bold;
}


/**************************
  SEARCH MAIN PANEL
***************************/

div#body_panel div#content_panel div.tx-indexedsearch form#tx_indexedsearch{
	margin: 10px 0 0 0;
}
div#body_panel div#content_panel div.tx-indexedsearch form#tx_indexedsearch legend{
	font-weight: bold;
}
div#body_panel div#content_panel div.tx-indexedsearch div.tx-indexedsearch-browsebox{
	margin: 10px 0 0 0;
}

div#body_panel div#content_panel div.tx-indexedsearch div.tx-indexedsearch-res{
	margin: 20px 0 0 0;
}

div#body_panel div#content_panel div.tx-indexedsearch div.tx-indexedsearch-res div.searchresults{
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #279AD2;
}
div#body_panel div#content_panel div.tx-indexedsearch div.tx-indexedsearch-res div.searchresults h4{
	padding: 0 0 5px 0;
}

div#body_panel div#content_panel div.tx-indexedsearch div.tx-indexedsearch-res div.searchresults p.created_and_modified{
	font-size: 12px;
	margin: 5px 0 0 0;
	font-style: italic;
}


/**************************
  SIDEBAR
***************************/

div#body_panel div#sidebar_panel{
	border-top: 1px solid;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	width: 305px;
}

div#sidebar_panel div.sidebar_panel_entry {
 	margin: 20px 0 40px 0;
}

div#sidebar_panel div.sidebar_panel_entry h3,
div#sidebar_panel div.csc-header-n2 h3{
	padding: 0 0 3px 0;
	border-bottom: 1px solid #0C1D47;
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
div#sidebar_panel div.csc-header-n2 h3{
	margin: 20px 0 0 0;
}

div#sidebar_panel div.tx-macinasearchbox-pi1 div.sidebar_panel_entry form.searchform input.search{
	margin: 0;
	height: 20px;
}

div#sidebar_panel div.tx-macinasearchbox-pi1 div.sidebar_panel_entry form.searchform input.search:focus{
	border-color: #279AD2;
}

div#sidebar_panel div.tx-macinasearchbox-pi1 div.sidebar_panel_entry form.searchform input.submit{
	margin: 0;
}

div#sidebar_panel div.text_gadget p.text{
	font-size: 14px;
	line-height: 18px;
}
div#sidebar_panel div.text_gadget p.link{
	float: left;
	margin-top:10px;
	font-size: 19px;
}
div#sidebar_panel div.text_gadget p.image{
	text-align: right;
}

/**************************
  FOOTER
***************************/

div#footer_panel div#footer_gallery .csc-firstHeader{
	font-size: 21px;
	margin: 0 0 15px 0;
}

div#footer_panel div#footer_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul{
	height:auto;
	width:238px;
}

div#footer_panel div#footer_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li{
	list-style: none;
	float: left;
	margin:0 2px 0 0;
}

div#footer_panel div#footer_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li img{
	height: 35px;
}

div#footer_panel div#footer_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li a img{
	opacity: 0.8;
}

div#footer_panel div#footer_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li a:hover img{
	opacity: 1;
}

div#footer_panel div#footer_gallery div.teachers_gallery div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li img{
	height: auto;
	margin: 0 0 0 18px;
}
div#footer_panel div#footer_gallery div.footer_gallery_entry{
	float:left;
	height:170px;
	margin:0 0 21px 60px;
	text-align:center;
	width:220px;
}
div#footer_panel{
	clear:both;
	background: transparent url(images/hwrs_footer_bg.png) repeat-y scroll 0 0;
	padding: 50px 50px 0 50px;
	height: 224px;
}
div#footer_panel div#copyright_panel{
	margin: 0;
	text-align: center;
}

/**************************
  MEDIATHEK VIDEO PANEL
***************************/

div#body_panel div#content_panel div#video_panel div#flvcaption{
	margin: 10px 0 20px 0;
}

div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist{
}

div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li{
	list-style: none;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #279AD2;
}

div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li a{
	display: block;
	float: left;
}

div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li a:hover,
div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li a:focus,
div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li a:active{
	background: transparent url(images/hwrs_navigation_active_bg.png) no-repeat scroll right 4px;
}

div#body_panel div#content_panel div#playlist div.playlist_panel ul.hwrs_video_playlist li a.playlist_item_title{
	font-size: 21px;
	font-weight: bold;
	margin: 3px 0 0 10px;
	padding: 0px 15px 0 3px;
}

div#body_panel div#content_panel div#playlist div.playlist_panel h4{
	font-size: 21px;
	font-weight: bold;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #0C1D47;
	margin: 0 0 6px 0;
}

#flvplayercaption {
	float:none;
}


/**************************
  MEDIATHEK DOCUMENT PANEL
***************************/

div#content_panel div.document_panel_category{
	margin: 0 0 20px 0;
}

div#content_panel div.tx-flseositemap-pi1 ul.list,
div#content_panel div.document_panel_category ul.document_list{
	width: 100%;
}

div#content_panel div.tx-flseositemap-pi1 ul.list li,
div#content_panel div.document_panel_category ul.document_list li{
	background: transparent url(images/hwrs_list_bullet_bgs.png) no-repeat scroll 0 -30px;
	list-style: none;
	padding: 5px 0 5px 45px;
	border-bottom: 1px dotted #279AD2;
}

div#content_panel div.tx-flseositemap-pi1 ul.list li a,
div#content_panel div.document_panel_category ul.document_list li a{
	display:block;
	font-size: 21px;
	font-weight: bold;
	margin: 1px 0 2px 0;
}

div#content_panel div.csc-firstHeader,
div#content_panel div.document_panel_category h3{
	font-size: 21px;
	margin: 0 0 15px 0;
}

div#content_panel div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul{
	height:auto;
	width:620px;
	margin:20px 0 0 0;
}

div#content_panel div.csc-textpic-imagewrap div.csc-textpic-imagecolumn ul li{
	list-style: none;
	float: left;
	margin:0 5px 5px 0;
	padding: 2px;
	border: 2px solid #279AD2;
}