@media all {
/**
 * @section        Schriften
 */
	body, #col1 .vcsmall h5, #col2 .vcsmall h5, #col1 .vcsmall h5 a, #col2 .vcsmall h5 a, .article h2, #main .sidecnt h2, #main .sidecnt h3,
	.tagline-teaser h2 a, .teaserwide h2 a, .mediapool-list h3 a, #col1 .mediapool-list h2, input.searchsend, .article .citation .author, #col1 .searchresults h3, #col1 .eventsteaser h2, 
	#col1 .article h2, #col1 #articlehead h4, #col1 .opinion h4, #col1 .opinion h5, .long, #col1 .article h4, .bookdetails, h5, #authorsListing .authorName a  {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
	textarea, pre, code, kbd, samp, var, tt {font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;}
	#col1 h2, #col1 h3, #col1 h4, #col1 h5, .article .citation, .authordesc h3, #col1 .booksteaser h2 a {}

	/* =========== Font-size ================ */
	.eventinfos li, .eventsteaser h2, .sidecnt .eventinfos li {font-size: 11px;}
	.searchresults .date, ul.eventinfos li {font-size: 12px;}
	body, #col1 .vcsmall h5, #col2 .vcsmall h5, #col1 .vcsmall h5 a, #col2 .vcsmall h5 a, .article h2, .teaserwide h2 a, 
	.mediapool-list h3 a, input.searchsend, .vcsmall h5, .pagination li a,  #main .sidecnt h2, #main .sidecnt h3, 
	#sociallogocnt h5, #col1 .opinion h5, .searchbox label, .searchbox h4, .article .citation .author, #col1 .eventsteaser h2, .long, #authorsListing .authorName a  {font-size: 13px; }
	.tagline-teaser h2 a, .teaserwide h2 a, .vcard span.fn.org, .searchresults .searchresultlist .item h4 a,.searchresults .searchresultlist .item h4 a:focus { font-size: 14px;}
	.article .citation, #footer .subcolumns h3, .events h2, #col1 #articlehead h4, #col1 .article h4 {font-size: 15px;}
	.article .authordesc h3, #col1 .opinion h4, .teaserbox h2, .article.static h3 {font-size: 18px;}
	.article h3, .teaserwide h3 a, #col1 .resultheader h2, #col1 .booksteaser h2 a {font-size: 22px;}
	#main .sidecnt h2, .mediapool-list h2, #col1 .searchresults h3, #reviewheader h3 {font-size: 26px;}
	#main .sidecnt h4 {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;font-size: 26px;font-weight: bold;margin-right: 9px;color: #B7C7D4;line-height: 24px;margin: 0;text-align: right;text-transform: uppercase;}
	#main .sidecnt h4.detail {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;font-size: 13px !important;background-color: #B7C7D4;;color: #000000;margin: 0;padding: 7px 12px; text-transform: uppercase;font-weight: bold;position: relative; text-align:left;}


	/* =========== font-weight | font-style ================ */
	body, .commentitem a, .long {font-weight: normal;}
	h1, h2, h3, h4, h5, h6, #main .sidecnt h2, .mediapool-list h2,
	#footertxt a, #footertxt a:link, #sociallogocnt h5, .searchbox label, .searchbox h4, .article .citation .author, .authorpic span, #col1 .article p a, #col1 .searchresults h3,
	.commentitem, #col1 .eventsteaser h2, #col1 .article h4, .article .clipboard, .booksteaser .author, .vcsmall .author, ul.eventinfos li:first-child,
	.vevent .summary, .vcard span.fn.org {font-weight: bold;}
	.article .citation,	.article .citation .author, .article-author {font-style: italic; }
	.long {font-style: normal;}

	/* =========== text ================ */
	#sociallogocnt h5, .searchbox label, .searchbox h4, input.searchsend, #contentsort a, ul#contentswitcher li, #col1 .searchresults h3 {text-transform: uppercase;}
	#footer .subcolumns li a, #footer .subcolumns li a:link, #footertxt a, #footertxt a:link, .pagination ul a, .toolscnt a, p a u, h3 a u  { text-decoration: none;}
	#footer .subcolumns li a:hover, #footer .subcolumns li a:focus, #footertxt a:hover, #footertxt a:focus, 
	.pagination ul a:hover, .pagination ul a:focus, span.underline, u, #col1 .article p a, #authorsListing .authorName a  { text-decoration: underline;}
	#breadcrumb li.active a { color: #CCD2B7; background: url("/images/portal/brands/jaxentercom-v2/bread-crumbs.png") no-repeat scroll right center #74804D; }
        #breadcrumb li.active .last, #breadcrumb li.active a .last{ color: #CCD2B7; padding: 6px 14px 4px 0; background: #74804D; font-size: 12px; font-weight: 400; display: block; text-decoration: none; text-transform: uppercase; border-right: medium none;}

    /* ============= AuthorInfo ============== */
    div.author-info { border-top: 1px solid #E2E2E3; border-bottom: 1px solid #E2E2E3; padding-top:10px; padding-bottom:10px; position: relative; width:590px; padding:5px; margin-top:10px; margin-bottom:10px; height:45px; }
    div.author-avatar {padding-top:2px; width:35px;height:40px; overflow: hidden; float: left;  position: relative;}
    div.author-name {width:230px; height:40px; overflow: hidden; float: left;  position: relative; font-weight: bold; padding-top:10px; padding-left:10px;}
    div.author-button {height:40px; overflow: hidden; float: left;  position: relative; font-weight: bold; width:20px; padding-top:10px; }
    div.author-button img {cursor: pointer; }
    div.author-date {width:170px; height:40px; overflow: hidden; float: left;  position: relative; font-weight: bold; width:190px; border-left: 1px solid #E2E2E3;}
    div.author-date p {padding-left:25px;padding-top:10px;}

    div.artauthors {width:400px; }
    div.authormain-info { padding-top:10px; padding-bottom:10px;  position: relative; padding:5px; margin-top:10px; margin-bottom:10px; padding-left: 40px; }  
    div.main-avatar {width:90px;height:90px; overflow: hidden;  position: relative; float:left; padding-left:5px;}
    div.main-authortext {overflow: hidden;  position: relative; padding-left:15px;}
    div.author-title {padding-left:15px; overflow: hidden; float: left;  position: relative; font-weight: bold;}
    div.main-authortext p {position: relative; font-weight: bold;}
    div.author-title p {font-size:13px; text-decoration:none; font-weight: normal !important; color:#959595; padding-top:4px; }
    div.asocial {position:releative; min-width:480px; float:left; padding-top:10px;}
    div.asocial ul li {
    float: left;
    list-style-type: none;
    margin: 2px 6px 0 0;
    }
    div.profilelink { position:releative; padding-top:10px;}
    .showhidesoc { background: #9FC5F8; text-align:center; color: #fff; padding:5px; font-weight: bold; margin-top:7px;}


/**
 * @section        Allgemeine Regeln
 */
	a {text-decoration: none;color: #000;}
	a:hover, a:focus {text-decoration: underline;}
	#col1 .article p a:hover, #col1 .article p a:focus {text-decoration: none;}

/**
 * @section        Farben der jeweiligen Site
 */

 /* Page margins and background | Randbereiche & Seitenhintergrund */
 	body { color:#333; background: #fff url('/css/portal/layouts/it-republik-v2/screen/images/body_bg_verlauf.png') repeat-x; }


	/* =========== color ================ */
    #col1 .tabbody li a strong, #footer .subcolumns li a:hover, #footer .subcolumns li a:focus, .sidecnt h3,
	#col1 .tagline-teaser h2 a strong, #col1 .teaserwide h2 a, #col1 .tabbody li a:hover,#col1 .tabbody li a:focus, #col1 div.article p a:hover, #col1 div.article p a:focus,
	#main #col1 div.jquery_tabs div.tabbody a:hover, #main #col1 div.jquery_tabs div.tabbody a:focus, #main div.clipboard a:hover, #main div.clipboard a:focus,
	.toolscnt a:hover, .toolscnt a:focus  {color: #000;}
	.authordesc p, #infocnt-details td, .commentitem a:hover,.commentitem a:focus, #col2 .tabbody li a:hover,#col2 .tabbody li a:focus,
	#col2 .vcsmall h5 a:hover,#col2 .vcsmall h5 a:focus, #col1 #articlehead h4, .long, #col1 .article h4, #col1 div.teaserbox p a, #col1 .vcsmallcnt p a {color: #333;}
        #col1 div.teaserwide p a{color: #777;}
        #col1 div.teaserwide p.desc {color: #777; text-decoration:none;}
	#col1 div.teaserwide h2.tagline {font-size:13px;font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;}
	#col1 .tagline-teaser h2 a:focus, #col1 .tagline-teaser h2 a:focus strong, #col1 .teaserwide h2 a:focus, #col1 .teaserwide h3 a:focus, #col1 .teaserwide p a:focus, #col1 div.teaserbox p a:focus {color:#444;}
	.shorttext, #col1 .opinion p, .article table thead th, .article table td.tblhead {color:#555;}
	#sociallogocnt h5, .searchbox label, .searchbox h4, input.searchtext, ul#contentswitcher li.nolink, .functionheader .date, .article .citation, .article .citation .author,
	.authordesc h3, .searchresults .date, .commentitem, #col1 .eventsteaser h2, .booksteaser .author, .vcsmall .author, #col1 .opinion h5, .vcard .ceo, .vcard .reg  {color: #555; }
	input.searchsend, html body #main div.action-button a, .toolscnt a, span.highlight, p a u, h3 a u {color: #fff;}

	#col1 a, .page #main #col1 .jquery_tabs a, .article h3, .teaserbox h2, .teaserbox h2 a, .events h2 a, #col1 .tabbody li a, #footertxt, #footertxt a, #footertxt a:link, .mediapool-list h3 a, 
	.sidecnt .vcsmall h5 a, #col1 .teaserwide h3 a, #contentsort a, .pagination ul a, ul#contentswitcher li a, .article .clipboard a,
	#infocnt-details th, #col1 .resultheader h2, .results a, .results a:focus, #col1 .booksteaser h2 a, #reviewheader h3, #col1 .vcsmall h5, #col1 .vcsmall h5 a, .vcard span.fn.org,
	.searchresults .searchresultlist .item h4 a,.searchresults .searchresultlist .item h4 a:focus, .poll-archives h2, h5, div.bookdetails th,
        div.bookReview h4, .locationItem th, #userProfileDetailBox h2.authorName, .authorStories h3.title, #authorsListing h1 , #authorsListing .authorName a, #related_content ul.hand li h2 a {color: #2e506b;}
	#col2 .tabbody li a, #infocnt-details td a, .toolscnt a {color: #0063a9;}

        #col1 .teaserwide h2 a {color: #2e506b; font-size:18px;font-weight: bold;font-family: Georgia,serif;}
       h2.vtitle {font-size:13px !important;font-weight: bold !important;line-height: 1.5em;list-style-type: none;line-height: 1.5em;text-align: left;text-transform: none;width:100% !important; margin: 6px 0 !important; color: #2E506B !important;}

	#footer .subcolumns li a, #footer .subcolumns li a:link, #footertxt a:hover, #footertxt a:focus,
	#col2 .vcsmall h5, #col2 .vcsmall h5 a, .commentitem a {color: #0b60ab;}

	.sidecnt h2, .mediapool-list h2, #col1 .searchresults h3 {color: #b7c7d4;}
    #col1 .tagline-teaser h2 a {color: #25516a;}
	.authorpic span {color: #74804d;}
	.vevent a, .vevent .location, .vevent .summary {color:#679A06;}




	/* =========== border ================ */
	#footer .subcolumns .c20l .subcl, #footer .subcolumns .c20l .subc { border: 1px solid #e1e5d3;}
	input.searchtext {border: 1px solid #999; }
	.teaserbox .subcl, .teaserbox .subc, .teaserbox .subcr {border: 1px solid #e8e8e8;}
	 #infocnt-details, .article th, .article td {border: 1px solid #d3dcde; }
	.article .clipboard {border: 1px solid #96a7b4;}
	.authordesc, ul#contentswitcher li a, .vertical ul {border: 1px solid #b7c7d4;}
	.vcard,.vevent {border:2px solid #b7c7d4;}
	.book {border: 1px solid #333;}
	input.searchsend  {border: none;}
  	#footer { border-top: 1px solid #e1e5d3; }

	#infocnt-details td, .searchresultlist li {border-bottom:1px dotted #b7c7d4;}
	.vcsmall, .commentitem {border-bottom: 1px solid #cdd4b7;}
	.switcher { border-bottom: 1px solid #b7c7d4;}
	.article, .article .citation , #col1 .teaserwide, #col1 .tagline-teaser, 
	#col1 .banner, .mediapool-list, .vcmosaik, #reviews .action-button, .review {border-bottom: 1px dashed #b7c7d4; }
	#contentsort, #multiplesort {border-bottom: 2px solid #f0f2e9;}
	#col1 .vcsmall, .sidecnt .last {border-bottom: none;}
	
	#contentsort a {border-right: 1px solid #fff;}
	#footer #footerlinks li a {border-right: 1px solid #000;}
	.pagination ul a {border-right: 1px solid #b7c7d4;}
	.pagination li a {border-right: 1px solid #999;}
	#footer #footerlinks li.last a, .pagination li a.last {border-right: none;}
	
	/* =========== runde Ecken ================ */	
	.action-button a { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
	.vcard,.vevent{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
	
}

@media screen {
	/* =========== background-image ================ */
	.teaserbox .subcl, .teaserbox .subc, .teaserbox .subcr, .mediapool-list, .authordesc  {background: url('/css/portal/layouts/it-republik-v2/screen/images/divs_main_verlauf.png') repeat-x; }
	.article .citationcnt, .article blockquote {background: #e4e9ea url('/css/portal/layouts/it-republik-v2/screen/images/quotes_big.gif') no-repeat 10px 10px;}
	ul.commentlist li span {background: url('/css/portal/layouts/it-republik-v2/screen/images/quotes_comments.png') no-repeat;}
	#col1 .tabbody li a {background: url('/css/portal/layouts/it-republik-v2/screen/images//pfeile_sprites5.png') no-repeat 0 5px;}
	#col2 .tabbody li a {background: url('/images/portal/themes/it-republik-v2/socbut.png') no-repeat scroll 0 5px transparent; background-position: 0 -99px;}
	#main .tabbody li a:hover, .tabbody li a:focus {background-position: 0 -147px;}
	
	.vcard {background: #f0f2e9 url("/css/portal/layouts/it-republik-v2/screen/images/microformats/hcard.png") no-repeat 5px 5px;}
	.vevent {background: #f0f2e9 url("/css/portal/layouts/it-republik-v2/screen/images/microformats/hcalendar.png") no-repeat 5px 5px;}
	.vevent a {background:url("/css/portal/layouts/it-republik-v2/screen/images/microformats/external_link.png") top left no-repeat;}

	/* =========== background-color ================ */
	#header, #footer #footerlinks, .mediapool-list, .pagination, ul#contentswitcher li a:hover, #contentswitcher li a:focus, .toolscnt a:hover, .toolscnt a:focus  {background-color: #fff;}
	#col2, input.searchtext, #contentsortcnt, #multiplesortcnt div {background-color: #f0f2e9;}
	#footertxt {background-color: #e1e5d3;}
	.sidecnt h3 {background-color: #b7c7d4;}
	input.searchsend{background-color: #666;}
	#contentsort a {background-color: #d3dcde;}
	#infocnt-details, .article pre, ul#contentswitcher li a {background-color: #e4e9ea;}
	#col1 .action-button a { background-color: #2e506b;}
	#col2 .action-button a { background-color: #0B60AB;}
	 span.highlight, p a u, h3 a u {background-color: #74804d;}
	.article table thead th, .article table td.tblhead, .searchresults {background-color: #eff2f3;}
	.article table {background-color: #f9fafb;}

	/* =========== Schatten ================ */	
	.vcsmall .videosymbol {
	     -moz-box-shadow: 4px 4px 8px #888; /* FF3.5+ */
	  -webkit-box-shadow: 4px 4px 8px #888; /* Saf3.0+, Chrome */
	          box-shadow: 4px 4px 8px #888; /* Opera 10.5, IE 9.0 */
		}

        .messages li { margin: 5px; border: 1px solid #6f8e07; background: #a2bb3b; padding: 10px; font-size: bold; list-style: none; }

    /* ============= editorial modifications ================== */

    /* Headline Featured Stream */
    .teaserbox h2 {
        font-size: 16px;
    }

    /* Text Featured Stream */
    #col1 div.teaserbox p {
       font-size: 12px;
    }

    /* Tagline Content Stream Wide*/
   .teaserwide h2 a {
        font-size: 13px;
    }


    /* Headline Content Stream Wide*/
    .teaserwide h3 a {
        font-size: 22px;
    }

   /* Text Content Stream */
   #col1 .teaserwide p a {
       font-size: 13px;
   }

    #col1 div.teaserwide h3.tagline {
        font-size: 13px;
        font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    }
    #articlehead h3{
        font-family: Georgia,serif;
}
   #col1 .teaserwide.withimage  p {
      margin-left: 160px;
   }

    .withimage h2 {
        padding-top: 0px;
        /* 
        margin-top: -1px;
        margin-left: 160px;
*/
    }

    #related_content ul.hand li {
        background-color: #e4e9ea;
    }

    #related_content ul.hand li:hover {
        background-color: #b7c7d4;
    }

    /* =========== FeatureBox =============== */
    div.featbox {  margin-bottom: 10px; min-height: 80px; overflow: hidden; width: 100%; }
    div.feattabs { width:136px; border-right: 1px solid #FFFFFF;  float: left;   padding: 8px 6px;    text-align: left; background: none repeat scroll 0 0 #2E506B; min-height:47px; line-height: 1.2; cursor:hand;}
    div.feattabs.current { width:134px; border-right: 1px solid #FFFFFF;  float: left;   padding: 8px 6px;    text-align: left; background: none repeat scroll 0 0 #2EAADC; min-height:47px; line-height: 1.2; cursor:hand;}
    div.headtab { width: 594px; height: 268px;}
    div.feature-image { float: left; height: 268px; overflow: hidden; width: 400px;}
    div.feature-title {   background-color: #F1F1F1;  float: left;  height: 246px;  overflow: hidden; padding: 10px;  position: relative;  width:174px;}
    div.feature-title p {padding-top:10px;}
    div.feature-title p a {color:#000 !important; }
    div.feature-title h2 a {color: #2E506B !important; font-size:18px !important;}
    div.feature-smalltabs a {color:#fff !important; text-decoration:none !important;}
    div.feature-smalltabs {width:594px;}
    div.read-more { padding:1px 10px 1px 10px; bottom: 10px; position: absolute;  right: 10px; background-color:#2E506B;}
    div.read-more a { color:#fafafa !important; text-decoration:none;}
}

#main #col1 #col1_content .mozaic .info-list ul li.title a {
    color: #2E506B;
    font-size: 12px;
    font-weight: bold;
}


