/**
 * ITWissen.info
 *
 * my_content.css
 *
 * @package         yaml
 * @version         3.1
 * @project			ITWissen.info
 * @site			www.itwissen.info
 * @id				$Id: my_content.css 93 2009-10-26 17:18:10Z sebastian_schreiber $
 */


/**


	COLORS:
	darkgrey:(Rootline / Box Headers BG) #E4E4E4
	lightgrey: (Box Content BG) #F0F0F0
	red: (Navi BG / Links / Right Box Header BG) #A30000
	light-blue: #6DA0BB
*/



@media all 
{
	body, div, p, span, table, td, a, ul, li, h1, h2, h3, h4, h5, input, select, textarea 
	{
		font-family:  Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		color: black;
		text-align: left;
		line-height: 140%;
	}

	body, p, span, table, td,  ul, li, h1, h2, h3, h4, h5, input, select, textarea 
	{
            background-color: white; 
	}

        #content  {
            font-size: 14px;
        }
        
	#col2_content p { margin: 10px 0 5px 0; } 
        div#articleWrap > p,a, li.content_li > p, .content_abstract, .content_bold
        { 
            font-size: 14px;
        }
        
	div, p, span, table, td, a, ul, li, h1, h2, h3, h4, h5, input, select, textarea { margin: 0; padding: 0; }
	
	/* ----------------------- General Heading settings ----------------------------------------------- */
	
	/* ----------------------- Heading settings for the main Content ----------------------------------------------- */
	#col3_content h1, #col2_content table h2, #col2_content h3.links
	{
		font-weight: bold;
		background: url("../../gfx/arrow_black.gif") no-repeat 5px 5px;
		padding-left: 18px; 
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 0;
		margin-bottom: 5px;
		border: 1px solid #c8c8c8;				
	}	
	
	#col2_content h1, #col2_content h2, #col2_content h3 { font-weight: bold; }
	
	#col3_content h2 
	{
		border: 1px solid #c8c8c8;
		padding: 5px 5px 5px 20px;
		background: url("../../gfx/pfeil_menutop_inact.gif") no-repeat top left; 
	}	
	
		
	/* ----------------------- General Form settings ----------------------------------------------- */
	input, select, textarea, fieldset, legend { border: 1px solid #c8c8c8; }
	form { margin: 0; padding: 0; }		
	textarea, input, select { font-size: 12px; }
	legend { margin: 0 0 0 15px; padding: 5px; }
	fieldset { padding: 20px; }
	
	/* ----------------------- Form settings for main Content ----------------------------------------------- */
	.image_button { width: auto !important; border: none; }
	.label_field_wrapper { clear: both; margin-bottom: 4px; }
	.label_field_wrapper label { font-weight: bold; display: block; float: left; width: 100px; text-align: right; padding-right: 10px; }
	.label_field_wrapper .padding_left { margin-left: 110px; margin-top: 10px; }
	fieldset.no_border { padding: 0; border: 0; }
	
	.submit_button_like_sub_menu_item 
	{ 
		background: transparent; 
		border: 0; 
		padding-left: 0; 
		text-align: left;
		cursor: pointer; 		
	}
	
	/* ----------------------- Form settings for Login in the header area ----------------------------------------------- */
	#login_status form { float: left; margin-left: 4px; }
	#login_status fieldset { border: 0; padding: 0; font-size: 8px; clear:both; }
	#login_status .label_field_wrapper { margin-right: 4px; width: auto !important; float: left; margin-bottom: 0; padding: 0; clear: none; }
	#login_status .label_field_wrapper label { width: auto; padding: 0; }
	#login_status legend { display: none; }
	#login_status .section_wrapper { float: left !important; margin: 0; }
	
	/* ----------------------- TYPO3 Form settings ----------------------------------------------- */
	.csc-mailform { border: 0; clear: both; }
	div.csc-mailform-field  { margin-bottom: 7px; }
	fieldset.csc-mailform { margin: 0; padding: 0; }
	div.csc-mailform-field label { display: block; font-weight: bold; }
	div.csc-mailform-field input { width: 100%; height: 20px;  }
	div.csc-mailform-field textarea { width: 100%; height: 100px;  }
	.csc-mailform-submit 
	{
		height: 20px;
		display: block;
		background: #ffffff;				
	}
	
	
	/* ------------------------ General List Settings ----------------------------------------------- */
	ul, ol { margin-left: 38px; }
	
	/* ------------------------ List Settings for main Content ----------------------------------------------- */
	.content_ol { margin-bottom: 10px; font-size: 14px; }
	.content_ul { margin-bottom: 10px; list-style-type: circle;font-size: 14px;  }
	.content_li { margin-bottom: 10px; font-size: 14px; }
	
	/* ------------------------ General Image Settings ----------------------------------------------- */
	img { border: 0px; }
	
	/* ------------------------ General Table Settings ----------------------------------------------- */ 	
	table { border: 0px; }
	#mcontent_content table { margin-bottom: 10px; }
	/* ------------------------ General Anchor Settings ----------------------------------------------- */
	
	/* ------------------------ Anchor Settings for main Content ----------------------------------------------- */
	#mcontent #content a, #mcontent_content a { color:  rgb(108,108,38); }
        #mcontent_content a:hover {
            color: lightgray;
        }
        
	#mcontent #content .printlink_top a 
	{
		font-size: 11px;
		text-decoration: underline;
		background: url("../../gfx/computer_lexikon_drucken.gif") no-repeat center right;
		padding: 3px 20px 3px  0;
	}	
	#mcontent #content .printlink_bottom a, #mcontent #content .backlink_bottom a { font-size: 11px; text-decoration: underline; }
	#mcontent #content .backlink_bottom a { background: url("../../gfx/computer_lexikon_zurueck.gif") no-repeat center left; padding-left: 12px; }
	
        
        #search {
            font-size: 24px;
        }
        
	.search_description a { font-size: 11px; }
	a.search_link,
	.itwissen_register a 
	{
		font-weight: bold;
		padding-left: 8px;
		background-image: url("../../gfx/arrow_black.gif");
		background-repeat: no-repeat;
		margin-left: 5px;
	}
	a.search_link:hover
	{
		color: #6DA0BB;
		font-weight: bold;
		text-decoration: underline;
	}
	.content_bold > A { font-weight: bold; }
	
	a.externallinks  
	{
		background: url( "../../gfx/external_link.gif") no-repeat center right;
		padding-right: 12px;
	}
	
	
	/* ------------------------ General Format Settings ----------------------------------------------- */
	/* ------------------------ Format Settings for main Content ----------------------------------------------- */
	#mcontent p { margin-bottom: 10px; }
	
	/* ------------------------ General Img Settings ----------------------------------------------- */
	/* ------------------------ Img Settings for main Content ----------------------------------------------- */
	#mcontent #content .backlink_bottom img, #mcontent #content .printlink_top img { display: none; }
	
	/* ------------------------ FE-Elements ----------------------------------------------- */
	.rbox { margin-bottom: 2px; }
	.rboxcontent { padding: 3px 10px 3px 0px; }
	#col3_content .rboxheader-header { background: url("../../gfx/sub_navi_bg_mid.png") repeat-y top left; }
	.rboxcontent .section_wrapper { margin: 0; }
        .rboxelement { margin-top: 5px; margin-left: 21px; text-align: left;  }
	
	/* ------------------------ Misc. Settings ----------------------------------------------- */	
	.csc-frame-invisible { border-top: 1px solid #e4e4e4; background: #f6f6f6; padding: 15px; }

        
	.content_bold { font-weight: bold; }
	.content_citation { padding: 5px; font-weight: bold; margin: 10px 0 10px 0; }
	#content > h2:nth-child(2) {  
            color: rgb(128,128,128);
            font-weight: bold; 
            font-size: 18px;
            margin-bottom: 20px;
            border-bottom: 1px solid ;
        }
	.content_headline {  
            font-weight: bold; 
            font-size: 14px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .content_abstract {  font-weight: bold; }
	.content_abstract  > A {  font-weight: bold; }

	
	#mcontent #picture { margin-bottom: 5px; padding: 0; }
	td.search_link, .content_citation, .itw_menuview_item, #mcontent h1, #mcontent h3, #mcontent .csc-firstheader,#mcontent .news-single-item h1, #mcontent .news-list-item h1, #mcontent .itw_index_header h1, #mcontent .itw_index_header h3, #mcontent .suject_description h1
	{
		border: 1px solid #c8c8c8;
		background:#fff url("../../gfx/sub_navi_bg_mid.png") repeat-y top left;
	}
	#mcontent #picture td { background: white; padding: 0; text-align: left; vertical-align: top; }	
	
	#col3_content .csc-frame-indent6633 { padding: 10px 20px 0 20px; }
	#col2_content .section_wrapper { margin: 10px 20px; }
	.error, .highlightning, .accessible_mailform ul li { color: #f00; }
	.float_left { float: left; }
	.small { font-size: 8px !important; }
	
	/* register info */
	.itwissen_register 
	{ 
		background: url("../../gfx/register.gif") no-repeat 10px center;
		padding-left: 120px;  
		height: 130px; 
		overflow: visible; 
		margin-bottom: 10px;
	}
	.itwissen_register .section_wrapper { padding-top: 40px; }
	.itwissen_register a { display: block; }
	.accessible_mailform ul { margin: 20px 0 20px 0; list-style: none; }	
	
	
	.redborder{
		border: 1px solid red;
	}
        
        .footer_heading {
            color: rgb(102, 102, 102);
            border-bottom: 1px solid rgb(200, 200, 200);
            margin-bottom: 10px;
        }
        
        .shariff .orientation-horizontal {
            display: flex;
            flex-wrap: wrap;
        }
        
        .shariff ul {
            padding: 0px;
            margin: 0px;
            list-style: outside none none;
        }
        .shariff li {
            margin-top: 0px;
            margin-bottom: 10px;
            margin-right: 10px;
            min-width: 60px;
            max-width: 80px;
            vertical-align: central;
        }
        
        .shariff li a {
           position: relativ;
           display: block;
           box-sizing: box-border;
           line-height: 35px;
           text-align: center;
           vertical-align: middle;
        }        
        
        .shariff a {       
            color: #FFF;
            text-decoration: none;
        }
        
        .shariff .facebook a {
            background-color: #4f77cc;
        }
        .shariff .facebook a:hover {
            background-color: #3B5998;
        }
        .shariff .facebook .fa-facebook {
            font-size: 20px;
            color: white;
            background-color: inherit;
        }
        .shariff .facebook .share_count {
            //color: #183A75;
            //background-color: inherit;
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            background-color: inherit;
        }
        
        .shariff .twitter a {
             background-color: #55ACEE;
        }
        .shariff .twitter a:hover {
             background-color: #5bb8ff;
        }
        .shariff .twitter .share_count {
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            background-color: inherit;
        }
        
        .shariff .twitter .fa-twitter {
            font-size: 20px;
            color: white;
            background-color: inherit;
        }
              
        .shariff .googleplus a {
             background-color: #D34836;
        }
        .shariff .googleplus a:hover {
             background-color: #ff5741;
        }

        .shariff .googleplus .share_count {
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            background-color: inherit;
        }
        
        .shariff .googleplus .fa-google-plus {
            font-size: 20px;
            color: white;
            background-color: inherit;
        }
        
        
        .shariff .xing a {
             background-color: #009090;
        }
        .shariff .xing a:hover {
             background-color: #00cccc;
        }
        .shariff .xing .share_count {
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            background-color: inherit;
        }
        
        .shariff .xing .fa-xing {
            font-size: 20px;
            color: white;
            background-color: inherit;
        }
        
        .shariff li .fa {
            line-height: 35px;
            text-align: center;
            vertical-align: middle;
        }

}