/*
 * Main Styles
 */


/*
 * **********************************************************************************
 * Reset
 * **********************************************************************************
 */

@import url("reset.css");


/*
 * **********************************************************************************
 * Global Styles
 * **********************************************************************************
 */

.hide                       { display: none; }
.invisible                  { visibility: hidden; }

.left                       { float: left; }
.right                      { float: right; }

.error                      { color: #f00; }

.clearfix:after             { clear: both; content: ".";  display: block; height: 0; visibility: hidden; }
.clearfix                   { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix            { height: 1%; }
.clearfix                   { display: block; }
/* End hide from IE-mac */





/*
 * **********************************************************************************
 * Typographic Styles
 * **********************************************************************************
 */

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    font-weight: normal;
    color: #222;
}

ul, ol, dl, td, th, caption, pre, p, blockquote, input, textarea {
    /* opacity: 0.8; */
}

h1, h2, h3,
h4, h5, h6                  { margin: 0; font-weight: bold; color:#222; }

h1                          { font-size: 170%; font-weight:normal; line-height: 32px; padding-top: 14px; padding-bottom: 14px; }
h2                          { font-size: 160%; font-weight:normal; line-height: 26px; padding-top: 9px; padding-bottom: 9px; }
h3                          { font-size: 150%; line-height: 24px; padding-top: 9px; padding-bottom: 9px; }
h4                          { font-size: 140%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5                          { font-size: 130%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6                          { font-size: 110%; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h1.csc-firstHeader	    	{ padding-top:0; }

a                           { color: #000; text-decoration: underline; }
a:hover,
a:focus                     { text-decoration:underline; color:#fff; }

em                          { font-style: italic; }
p                           { margin: 0 0 9px 0; }
.small,
small                       { font-size: 80%; }
strong                      { font-weight: bold; }

ul, ol                      { margin-top: 18px; margin-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: disc; }
ol                          { list-style-type: decimal; padding-left: 17px; }

dl                          { margin-top: 18px; margin-bottom: 18px; }
dl dt                       { font-weight: bold; }

blockquote                  { border-left: 1px solid #666; margin-top: 18px; margin-bottom: 18px; padding-left: 17px; font-style: italic; }
blockquote *                { color: #666; }

textarea                    { /*resize: none;*/ } /* Prevents that little handle from showing up in Safari. */

sup                         { font-size: 70%; vertical-align: super; }

hr			                { border-top:0; border-bottom:1px solid #ccc; border-left:0; border-right:0; padding:0; margin:10px 0 10px 0; height:1px; }

li.feeds 					{ background: transparent url("../img/rss.gif") left top no-repeat; padding-left:32px; list-style-type:none; }






/*
 * **********************************************************************************
 * Form Styles
 * **********************************************************************************
 */

fieldset                    {}
legend                      {}
label                       {}

form                        {}
input                       {}
input.search                { background:url("../images/icon_search.gif") right 1px no-repeat #fff; }
input.text                  {}
input.radio                 {}
input.checkbox              {}
input.button                {}
textarea                    {}
select                      {}






/*
 * **********************************************************************************
 * Layout Styles
 * **********************************************************************************
 */

#blind-navigation			{ visibility:hidden; display:none; }

body                        { text-align:center; background:#f8f8f8; }

.content					{ width:960px; margin:0 auto; text-align:left; font-size:80%; }
 
 
#page-wrapper               {}
#page                       {}


#top-wrapper				{ background:url(../img/bg_top.gif) left bottom repeat-x #fff; }
#top						{ }


 
#header-wrapper             { float:left; width:50%; }
#header                     { padding: 10px 0 15px 0; }
#header h1 { padding:0;  }
#header a					{ display:block; text-indent:-10000px; background:url(../img/logo_mediathek.gif) left top no-repeat transparent; width:300px; height:60px;}
#header .invisible			{ display:none; }


#toolbar-wrapper            { float:right; width:49%; }
#toolbar                    {  }

#toolbar .fontsize,
#toolbar .print				{ float:right; padding:3px 5px 3px 10px; background-color:#eee; }

#toolbar .fontsize .fontsize-label,
#toolbar .fontsize .fontsize-buttons,
#toolbar .print .print-label,
#toolbar .print .print-button	{ float:left; }

#toolbar .fontsize .fontsize-label,
#toolbar .print .print-label	{ color:#666; }
#toolbar a					{ padding:0 10px; border-right:1px solid #838383; color:#000; text-decoration:none; }
#toolbar a.last				{ border-right:none; }
#toolbar a:hover,
#toolbar a:focus			{ text-decoration:underline; color:#000; }

#menu-wrapper				{ background:url(../img/bg_mainmenu.gif) bottom left repeat-x #fde559; border-bottom:1px solid #897501; }
#menu						{}

#menu-main-wrapper			{ float:left; width:70%; }
#menu-main					{}
#menu-main ul				{ list-style:none; padding:0; margin:0; }
#menu-main ul li			{ float:left; padding:0; margin:0; }
#menu-main ul li a			{ display:block; padding:0 20px; line-height:3.0; border-left:1px solid #fff; text-decoration:none; }
#menu-main ul li.last a		{ border-right:1px solid #fff; }
#menu-main ul li a:hover,
#menu-main ul li a:focus 	{ color:#fff; background:url(../img/bg_mainmenu_active.gif) bottom left repeat-x #636363; }
#menu-main ul li.active		{}
#menu-main ul li.active	a	{ color:#fff; background:url(../img/bg_mainmenu_active.gif) bottom left repeat-x #636363; }

#menu-top-wrapper			{ float:right; width:29%; }
#menu-top					{}
#menu-top ul				{ list-style:none; padding:0; margin:0; }
#menu-top ul li				{ float:right; padding:0; margin:0; }
#menu-top ul li a			{ display:block; padding:0 20px; line-height:3.0; border-right:1px solid #fff; text-decoration:none; }
#menu-top ul li.last a		{ border-left:1px solid #fff; }
#menu-top ul li a:hover,
#menu-top ul li a:focus 	{ color:#fff; background:url(../img/bg_mainmenu_active.gif) bottom left repeat-x #636363; }
#menu-top ul li.active		{}
#menu-top ul li.active	a	{ color:#fff; background:url(../img/bg_mainmenu_active.gif) bottom left repeat-x #636363; }



#content-wrapper            { background:url(../img/bg_content.gif) top left repeat-x #fff; padding:30px 0 30px 0; }
#content                    {}



#breadcrumb-wrapper         { display:none; }
#breadcrumb                 { padding:10px 0 10px 0; }
#breadcrumb-title           { display:inline; padding-right:1px; color:#333;}
#breadcrumb-list            { display:inline; }
#breadcrumb-list ul         { display:inline; list-style:none; padding:0; margin:0; }
#breadcrumb-list ul li      { display:inline; padding-left:8px; padding-right:3px; background:url(../img/bg_breadcrumb.gif) left 50% no-repeat transparent; }
#breadcrumb-list ul li a	{ text-decoration:none; }
#breadcrumb-list ul li a:hover,
#breadcrumb-list ul li a:focus	{ text-decoration:underline; }


#content-left-wrapper     	{}
#content-left             	{}


#content-center-wrapper     {}
#content-center             {}

#content-center .z35-mediacenter	{ 
	background:url(../img/bg_video_big.png) top left no-repeat transparent;
	margin:0;
	padding:10px 10px 10px 9px; 
}
#content-center .z35-mediacenter-single{
	background:url(../img/bg_video_single.png) top left no-repeat transparent;
}

#content-center .c2l1-left {
	border:none;
}

#content-center .lastchanged		{ color:gray; font-size:90%; padding-top:20px; }


#content-right-wrapper     	{}
#content-right             	{}



#footer-wrapper             { border-top:1px solid #ccc; background:#f8f8f8; }
#footer                     { color:#fff; padding:25px 0 50px 0; }

#copyright-wrapper			{ float:left; width:60%; }
#copyright					{}
#copyright p 				{}

#menu-meta-wrapper			{ float:right; width:39%; text-align:right; }
#menu-meta					{}
#menu-meta ul               { list-style:none; margin:0; padding:0; }
#menu-meta ul li            { display:inline; padding:0 10px 0 10px; border-right:1px solid #666; }
#menu-meta ul li.last       { display:inline; padding-right:0; border-right:0; }
#menu-meta ul li.active     { font-weight:bold; }
#menu-meta ul li a          { text-decoration:none; background:none; } 
#menu-meta ul li a:focus,
#menu-meta ul li a:hover    { text-decoration:underline; }











/*
 * Text mit Bild
 */
.csc-textpic-image { 
  padding-bottom:10px;
}

/*
 * Bildunterschrift
 */
dd.csc-textpic-caption { padding:5px 0 10px 0; font-size:90%; line-height:1.2;  }








/*
 * Mailform Styles
 */

#mailform	{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f8f8f8; border:1px solid #ccc; padding:10px; } 
.csc-mailform { clear:both; width:auto; }
.csc-mailform-field { clear:both; padding: 2px 0; }
.csc-mailform-field label { float:left; text-align:right; font-weight:normal; width:140px; padding-right:10px; }
.csc-mailform-field input, 
.csc-mailform-field textarea { float:left; }

input.csc-mailform-submit { float:none; clear:both; text-align:right;  }

/*
 * Login
 */
.tx-felogin-pi1 form { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f8f8f8; border:1px solid #ccc; padding:10px; margin-top:10px; }

.tx-felogin-pi1 form div { clear:both; padding: 2px 0; }
.tx-felogin-pi1 legend { font-weight:bold; }
.tx-felogin-pi1 form div label { float:left; text-align:right; font-weight:normal; width:140px; padding-right:10px; }
.tx-felogin-pi1 form div input, 
.tx-felogin-pi1 form div textarea { float:left; }

#content-right .tx-felogin-pi1 { padding:5px 10px; }
#content-right .tx-felogin-pi1 h3 { font-size: 130%; line-height:2.0; margin:0; padding:0; }
#content-right .tx-felogin-pi1 form { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background-color:transparent; padding:0px; margin-top:10px; }
#content-right .tx-felogin-pi1 form div label { text-align:left; }

.csc-form-label-req { padding-right:6px; }


/*
 * Userregistrierung
 */
.tx-srfeuserregister-pi1 {}
.tx-srfeuserregister-pi1 form { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f8f8f8; border:1px solid #ccc; padding:10px; margin-top:10px; }
.tx-srfeuserregister-pi1 dd { width:70%; }


/*
 * Sitemap
 */
.csc-sitemap ul { font-size:110%; padding-left:25px; }
.csc-sitemap ul li {padding-bottom:3px;}
.csc-sitemap ul li ul { margin-top:3px;margin-bottom:0px;font-size:85%; }





/*
 * tt_news Styles
 */ 

.news-list-container {}
.news-list-container .news-list-item { }
.news-list-container .news-list-item .news-list-date { font-weight:normal; color:#999; }
.news-list-container .news-list-item h3 { margin:0; padding:2px 0 5px 0; font-weight:normal; font-size:140%; line-height:1.2; }
.news-list-container .news-list-item div.clearfix a img { float:left; margin-right:10px; margin-bottom:10px; border:1px solid #ccc; padding:5px; background:#fff; }

.news-list-container .news-list-item p { margin:0; padding:0;  font-size:90%;  }
.news-list-container .news-list-item .news-list-morelink { text-align:right; padding:0 0 5px 0; }
.news-list-container .news-list-item .news-list-morelink a { border:none; text-decoration:none;}

.news-list-container .news-list-item div.clearfix .news-list-morelink a img { float:none; margin:0; padding:0; border:0; }

.news-list-container .news-list-browse .tx-ttnews-browsebox { text-align:center; }
.news-list-container .news-list-browse .tx-ttnews-browsebox { text-align:center; }
.news-list-container .news-list-browse .tx-ttnews-browsebox .tx-ttnews-browsebox-strong { font-weight:bold; }

.news-list-container  hr.clearer { clear:both; border-top:0; border-bottom:1px solid #ccc; border-left:0; border-right:0; padding:0; margin:10px 0 5px 0; height:1px; }

.news-list-category,
.news-single-category,
.news-latest-category  { display:none; }

.news-single-item .news-single-img { float:left; width:220px; padding-bottom:10px; }
.news-single-item .news-single-img a img { float:left; margin:0 10px 10px 0; padding:5px; border:1px solid #ccc; background:#fff; width:200px; }
.news-single-item .news-single-img p.news-single-imgcaption { float:left; font-size:75%; margin:0 10px 0 0; width:212px; }
.news-single-timedata { font-weight: normal; color:#999; }
.news-single-author { display:none; }
.news-single-files dt { border-bottom: 1px solid #ccc; }
.news-single-backlink { padding-top:20px; clear:both; }
.news-single-item .subheader,
.news-single-item .subheader p { font-weight:bold; }
.news-single-additional-info { clear:both; }
.news-single-additional-info dt { border-bottom: 1px solid #ccc; margin-bottom:5px; }

.news-latest-container {}
.news-latest-container .news-latest-item {}
.news-latest-container .news-latest-item .news-latest-date { font-weight:bold; }
.news-latest-container .news-latest-item h3 { margin:0; padding:0 0 0 0; }
.news-latest-container .news-latest-item p { margin:0; padding:0 0 0 0; }
.news-latest-gotoarchive { padding:10px 0 0 0; }

.news-list-container .news-list-item .news-list-date,
.news-single-timedata {}




/*
 * user-z35gal-pi1
 */
 
.user-z35gal-pi1 								{}
.user-z35gal-pi1-directories 					{}
.user-z35gal-pi1-directories ul 				{}
.user-z35gal-pi1-directories ul li 				{}
.user-z35gal-pi1-directories ul li.active 		{ font-weight:bold; }
.user-z35gal-pi1-directories ul li a 			{}

.user-z35gal-pi1-thumbnails 					{}
.user-z35gal-pi1-thumbnails table 				{}
.user-z35gal-pi1-thumbnails table tr 			{}
.user-z35gal-pi1-thumbnails table tr td 		{}
.user-z35gal-pi1-thumbnails table tr td a 		{}
.user-z35gal-pi1-thumbnails table tr td a img 	{ margin:5px; }



/*
 * indexed search
 */
 
.tx-indexedsearch 									{}
.tx-indexedsearch .tx-indexedsearch-res  			{ border-top: 1px solid #ccc; }
.tx-indexedsearch .tx-indexedsearch-res div 		{padding: 5px 0 5px 0; margin:0; border:0; border-bottom: 1px solid #ccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-icon 		{ vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title 	{ font-size:140%; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent 	{ color:#999; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr 	{ font-size:90%; font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#d82021; }

.tx-indexedsearch .tx-indexedsearch-browsebox 		{ text-align:center; border:0; margin:10px 0 10px 0; }
.tx-indexedsearch .tx-indexedsearch-browsebox p 	{ margin:0; padding:2px 0 }
.tx-indexedsearch .tx-indexedsearch-browsebox ul 	{ list-style:none; margin:0; padding:0; }
.tx-indexedsearch .tx-indexedsearch-browsebox li 	{ display:inline; margin:0; padding: 2px 3px; }

.tx-indexedsearch .tx-indexedsearch-searchbox 		{ background:#D4EBF8; border:1px solid #00668D; padding:5px 10px; margin:0; }
.tx-indexedsearch .tx-indexedsearch-searchbox .indexedsearch_label { padding-right:10px; }
.tx-indexedsearch .tx-indexedsearch-searchbox td 	{ padding-top:2px; padding-bottom:2px; }
.tx-indexedsearch .tx-indexedsearch-whatis 			{ background:#D4EBF8; border:1px solid #00668D; border-top:0; padding:5px 10px 5px 10px; margin: 0 0 10px 0; }



/*
 * Tooltips für Landesverbandskarte
 */

.tooltip            							{ background:#990000; border:1px solid #fff; width:250px;font-size:90%; } 
.tooltip-header     							{ font-weight:bold;color:#fff; padding:2px 10px;border:0px solid #d69999; }
.tooltip-body       							{ background:#e8d9d9;padding:2px 10px;border:0px solid #d69999;border-top:none; }
.tooltip-body ul    							{ padding:5px 0; margin:0; list-style:none; }
   
   
/*
 * Tip a friend
 */    
.tx_tipafriend          						{}
.tx_tipafriend .tx_tipafriend_formfield input,
.tx_tipafriend .tx_tipafriend_formfield textarea { border:1px solid #d69999; background:url("../img/bg_input.gif") left top no-repeat #fff; }
.tx_tipafriend .tx_tipafriend_button_wrapper 	{ padding:5px 0 10px 0;}
.tx_tipafriend #tx_tipafriend_button 			{ background:#990000; color:#fff; float:none; }
.tx_tipafriend .tx_tipafriend_formfield_wrapper { border:1px solid #ccc; padding:10px; }

.tx_tipafriend_text,
.tx_tipafriend_werbemail 						{ width:auto; float:none; margin:0; padding:5px 0 10px 0; }

.tx_tipafriend .tx_tipafriend_error_box 		{ background:#e8d9d9; border:1px solid #d69999; padding:5px 10px; margin:0 0 20px 0;}
.tx_tipafriend .tx_tipafriend_error_header 		{ color:#d82021; }
.tx_tipafriend .tx_tipafriend_error_text 		{ color:#000; }




/*
 * Hide link icons
 */

a.internal-link img,
a.internal-link-new-window img,
a.external-link img,
a.external-link-new-window img,
a.download img,
a.mail img 										{ display:none; }



/*
 * RTE Style
 */

div.infobox										{ -moz-border-radius:10px; -webkit-border-radius:10px; background: url(../img/icon_tip.gif) 10px 10px no-repeat #eee; padding:10px 10px 10px 83px; }
div.downloadbox									{ -moz-border-radius:10px; -webkit-border-radius:10px; background: url(../img/icon_download.gif) 10px 10px no-repeat #E6D0E3; padding:10px 10px 10px 83px; }
div.anreisserbox								{ -moz-border-radius:10px; -webkit-border-radius:10px; background: #eee; padding:10px; font-style:italic; }

.align-left 									{ text-align:left; }
.align-center 									{ text-align:center; }
.align-right 									{ text-align:right; } 
.kleinere_schrift 								{ font-size:85%; }



/*
 * 
 */

#top-wrapper             						{ position:relative;z-index:40; }
#menu-wrapper           						{ position:relative;z-index:30; }
/*
#container-wrapper          					{ z-index:20; }
#footer-wrapper             					{ z-index:10; }
*/