@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */

  body { background: #E3E4E6 url(back.jpgj) repeat center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; margin: 0px; color:#35383d;}

  
  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width:900px; background: #fff; border: 5px solid #D4D6D8;}
  .page { padding: 10px; }
  #header { 
  height: 70px;
  
  padding: 5px 2em 1em 20px; color: #000; background:#FFBA00 url(logos.gif) no-repeat left; }
  #topnavh { color: #aaa; background: transparent; }
  #nav { overflow:hidden;
   height:20px;   }
	

	


#topnav {

right:0px;
top:0px;

padding:2px;

background:transparent none repeat scroll 0 0;


text-align: right;
 background-image: url(bg_topnav.png);
 background-position: right;
 background-repeat: no-repeat;

	height: 10px;

}
#logo {
	width: 318px;
height: 45px;

}



	
	
	
	
	
#hlist { background-color: #c8ddf3 }

  
  
  
  #menu {
list-style-type:none;
margin:0 0 30px;
padding:0;
}

  
.hlist ul {
background-color: #c8ddf3;
display:inline;
float:left;
margin:0 0 0 50px;
padding:0;
}
  
  
  
  
  
  
  #menu li {
display:block;
float:left;

margin:0 0 0 10px;
position:relative;
z-index:100;
}

#menu {
list-style-type:none;
}
  


#sarkan_menu ul {
    margin: 0;
    padding: 0;
    height: 100%;
   overflow: hidden;
   list-style: none;
}
 
#sarkan_menu ul li {
    float: left;
    margin-right: 1px;
    font: bold 11px/14px Arial, Helvetica;
}
 
#sarkan_menu ul li a {
    display: block;
    padding: 5px 0;
   width: 85px;
    border-top: 8px solid #006400;
    color: #3f3f3f;
   text-align: center;
    text-decoration: none;
}
 
#sarkan_menu ul li a:hover,
#sarkan_menu ul li a.aktif {
    padding-bottom: 8px;
   border-top: 8px solid #006400;
   background: #228b22 url(mouse-over.png) no-repeat bottom;
    color: #fff;
} 


.top{
	clear: both;
	position: relative;
	width: 812px;
	height: 67px;
	overflow: hidden;
	background: url('logo.png') no-repeat;
}
.top .part_1{
	position: absolute;
	width: 590px;
	height: 24px;
	left: 214px;
	top: 8px;
}
.top .login{
	float: left;
}
.top .login_form{
	float: left;
	margin-left: 6px;
	padding-top: 3px;
}
img{
	border-width: 0px;
}
form{
	margin: 0px;
	padding: 0px;
}
.top .login_form .username{
	border-width: 0px;
	width: 80px;
	background: #FFFFFF url('login_input_bck.gif');
	font: normal 10px Tahoma;
	padding: 2px;
	color: #8D8D8D;
}
.top .login_form .password{
	border-width: 0px;
	width: 60px;
	background: #FFFFFF url('login_input_bck.gif');
	font: normal 10px Tahoma;
	padding: 2px;
	color: #8D8D8D;
	margin-left: 2px;
}
.top .login_form .submit{
	border-width: 0px;
	width: 58px;
	height: 16px;
	background-image: url('login_submit_bck.gif');
	font: 100 10px/14px Tahoma;
	margin-left: 2px;
	margin-right: 6px;
}
.top .link{
	float: left;
}
.top .link .item, .top .search .item {
	float: left;
	margin: 0px 0px 0px 8px;
}
.top .link .item a, .top .search .item a, .top .search .item{
	color: #FFC600;
	font: 100 8pt/22px Tahoma;

}
a{
	text-decoration: none;
	color: #000000;
}
.top .link .sep, .top .search .sep {
	float: left;
	background: url('top_menu_1_sep.png') no-repeat;
	height: 22px;
	width: 2px;
	font-size: 1px;
	margin: 0px 0px 0px 8px;
}
.top .search{
	float: right;
	margin-right: 6px;
}
.top .search_form{
	float: left;
	margin-left: 6px;
	padding-top: 3px;
}
.top .search_form .input{
	border-width: 0px;
	width: 110px;
	background: #FFFFFF url('search_input_bck.gif');
	font: normal 10px Tahoma;
	padding: 2px;
	color: #8D8D8D;
}
.top .search_form .submit{
	border-width: 0px;
	width: 29px;
	background-image: url('search_submit_bck.gif');
	font: 100 10px/14px Tahoma;
	margin-left: 4px;
}
.top .part_2{
	position: absolute;
	width: 578px;
	height: 21px;
	left: 230px;
	top: 39px;
}
.last_min{
	float: left;
	width: 200px;
	height: 21px;
	overflow: hidden;
	font: 700 9pt/21px Tahoma;
	text-align: center;
}
.top .link_2{
	float: right;
	padding-right: 10px;
}
.top .link_2 .item{
	float: left;
	margin: 0px 0px 0px 5px;
}
.top .link_2 .item a{
	color: #757575;
	font: 100 8pt/23px Tahoma;
}
.top .link_2 .sep {
	float: left;
	background: url('top_part_2_sep_2.png') no-repeat;
	height: 21px;
	width: 2px;
	font-size: 1px;
	margin: 0px 0px 0px 7px;
}
.top .part_3{
	position: absolute;
	width: 150px;
	height: 67px;
	left: 0px;
	top: 0px;
}
.style1 {
	margin: 0px;
	padding: 0px;
}
.style2 {
	font-size: 8pt;
	font-family: Verdana;
}







  
  
  
  
  

  #main { margin: 10px 0; background: #fff; }
  #teaser { clear:both; padding: 0 20px; margin: 10px 0;  background-color: #fadec6;  }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; clear:both; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
 #col1 { float: left; width: 25%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 25%}
  #col1_content { padding: 0 10px 0 20px }
  #col3_content { padding: 0 20px 0 10px }
	
  /*-------------------------------------------------------------------------*/
}



#sagk div
{
     float:left;
     width:300px;
     height:100px;
     background:red;
     margin:0 5px
}
#solk div
{
     float:left;
     width:300px;
     height:100px;
     background:red;
     margin:0 5px
}




  #sol  {  float: left; 

  width: 560px; 
  }  
  
    #orta  {  float: left;
  background: #f4a460;  
  width: 70px; 
  }  
  
#sag {float: right;  
 margin:auto;  
  background: #FFCB40; 
  width: 310px; 

 }  
 #div3  {float: left;  
 background: #ecf3f8;  
 height: 200px;  
 width: 150px;  

 }  
 
 
 #althaber  {float: left;  
 background: #fbd600;  
height: 500px;  
 width: 585px;  
  margin:0 0 0 0px
 }  
 
 
#intro,#intro li{list-style-type:none;margin:0;padding:0; }
#intro{width:100%;overflow:hidden;background: #FFF url(../f.gif) repeat top;  height: 100%;  padding-bottom: 70px;  }
#intro li{float:left;width:282px;margin:10px 10px 0px 0px; padding: 0px 0; display:inline;}
#intro li a{ color: Black; text-decoration:none;font-size:0.8em; letter-spacing: 0px; }
#intro li.mission{background-color: #CEF3FF; filter:alpha(opacity=50);-moz-opacity:60;opacity:.60;z-index:50;}
#intro li.missiona{ background: #00BFFF url(../img/lo.gif) no-repeat right; }
ul#intro h3{padding-bottom:3px;color: #FFF; margin:0px 0 0;padding: 0px 0px 0;  text-align: center;position:relative; }
li.more{margin-right:0;background-color: #00BFFF;}
li.more a{color: White;}
ul#intro p{margin:0;padding:0px 0px 0px;  height:30px;  text-align: center; }








.index_author {
	clear: both;
	margin-bottom: 8px;
	padding-left: 0px;
}
.index_author_inner {
	position: relative;
	width: 300px;
	height: 256px;
	overflow: hidden;
	background: url(author_bck.gif) no-repeat;
}
.index_author .items{
	position: absolute;
	top: 35px;
	left: 16px;
	width: 130px;
	height: 227px;
	overflow: hidden;
}
.index_author .item {
	height: 20px;
	overflow: hidden;
	text-align: left;
}
.index_author .item a{
	font: 700 8pt/19px Tahoma;
	color: #FFF;
}
.index_author .article_content{
	position: absolute;
	top: 25px;
	left: 155px;
	width: 135px;
	height: 189px;
	overflow: hidden;
	text-align: center;
}
.index_author .article_content img{
	width: 90px;
	height: 110px;
	border: 1px #424242 solid;
	margin: 13px 0px;
}
.index_author .article_content .name{
	color: #000000;
	font: 700 8pt/21px Tahoma;
}
.index_author .article_content .title a{
	color: #000000;
	font: 100 8pt/15px Tahoma;

	
}
.index_author .article_content .date {
	display: none;
	padding: 0px 0px 0px 0px;
	clear: both;
	color: #9B9B9B;
	font: 100 10px/20px Tahoma;
	text-align: left;
}
/**/
/**/
.advertorial_news{
	clear: both;
	margin-bottom: 8px;
	padding-left: 0px;
}
.advertorial_news_inner{
	width: 298px;
	height: 180px;
	border: 1px solid #E6E6E6;
	border-top-width: 0px;
}
.advertorial_news .items{
	padding: 10px;
}
.advertorial_news .first_item{
	clear: both;
	width: 276px;
	height: 62px;
	overflow: hidden;
}
.advertorial_news .first_item img{
	width: 75px;
	height: 56px;
	border: 3px double #CBDDEF;
	margin-right: 5px;
}
.advertorial_news .first_item .title{
	font: 700 13px/15px Arial;
	color: #033978;
}
.advertorial_news .first_item .short_content{
	font: 100 10px/15px Verdana;
	color: #000;
}
.advertorial_news .item{
	clear: both;
	background: url(icon_6.gif) no-repeat 0px 7px;
}
.advertorial_news .item .title{
	font: 700 11px/19px Verdana;
	color: #033978;
	padding-left: 16px;
}
.advertorial_news .h_sep{
	line-height: 1px;
	height: 8px;
}

.right_caption_5{
	background: url(right_caption_bck_5.png);
	width: 300px;
	height: 30px;
	overflow: hidden;
	text-align: left;
}
.right_caption_5 span{
	padding-left: 34px;
	font: 700 11px/24px Tahoma;
	color: #000000;
}


/**/


/**/
.mostly_readed{
	clear: both;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	width: 313px;
	text-align: left;
}
.mostly_readed_inner{
	width: 300px;
	height: 343px;
	overflow: hidden;
	background: url(mostly_bck.png);
}
.mostly_readed .caption div{
	float: left;
	padding: 0px 5px;
}
.mostly_readed .caption div a{
	font: 700 7pt/25px Tahoma;
	color: #f9b611;
}
.mostly_readed .caption .item_1{
	margin: 0px 5px 0px 5px;
	padding: 0px;
	width: 142px;
	text-align: center;
}
.mostly_readed .caption .item_1 a{
	color: #000000;
}
.mostly_readed .first_item{
	clear: both;
	width: 300px;
	height: 110px;
}
.mostly_readed .first_item_inner{
	padding: 15px 10px;
}
.mostly_readed .item{
	clear: both;
	height: 21px;
	overflow: hidden;
}
.mostly_readed .item div{
	float: left;
}
.mostly_readed .item .number{
	width: 34px;
	height: 20px;
	background: url(mostly_item.gif) no-repeat center center;
	font: 100 10px/20px Tahoma;
	color: #FFF;
	text-align: center;
}
.mostly_readed .item a{
	font: 100 13px/19px Verdana;
	color: #545454;
}
.mostly_readed img{
	margin: 0px 10px 8px 0px;
	width: 101px;
	height: 76px;
	border: 1px solid #FFFFFF;
}
.mostly_readed .title a{
	color: #ff0000;
	font: 700 8pt/16px Tahoma;
}
.mostly_readed .short_content a{
	font: 100 8pt/15px Tahoma;
	color: #2e2e2e;
}
/**/


 .news_set{
	clear: both;
	padding-left: 15px;
	margin-bottom: 10px;
}
.news_set .type1{
	float: left;
	width: 165px;
	overflow: hidden;
	margin: 0px 15px 15px 0px;
}
a{
	text-decoration: none;
	color: #000000;
}
.news_set .type1 img{
	width: 155px;
	height: 130px;
}

.news_set ul{
	border: 1px solid silver;
	width: 160px;
	height: 80px;
	-x-system-font:none;
color: #668626;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:15px;
margin:0 0 0px;
padding:0;
}

.news_set img{
	border: 1px solid silver;
	padding: 3px;
	margin-bottom: 3px;
}
img{
	border-width: 0px;
}
.news_set .cat_holder{
	height: 18px;
}
.news_set .cat, .news_set .cat a{
	font: 100 11px/14px Tahoma;
	color: #E20A16;
}
.news_set .cat{
	float: left;
}
.news_set .comment_count{
	float: right;
	background: url('icon_comment.gif') no-repeat left center;
	font: 100 10px Tahoma;
	color: #666666;
	padding-left: 20px;
}
.news_set .title{
	height: 44px;
	overflow: hidden;
}
.news_set .title a{

	-x-system-font:none;
color: #668626;
font-family:Arial;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:20px;
margin:0 0 0px;
padding:0;
	
	
}
.news_set .type1 .short_content{
	height: 52px;
}
.news_set .short_content{
	overflow: hidden;
}
.news_set .short_content a{
	font: 100 11px/13px Verdana;
}
.news_set .type2{
	clear: both;
	width: 467px;
	height: 129px;
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 10px;
}
.news_set .type2 img{
	width: 145px;
	height: 110px;
	margin-right: 10px;
}
.news_set .type2 .title{
	width: 220px;
	height: 44px;
	overflow: hidden;
}
.news_set .type2 .short_content{
	height: 39px;
}
.news_set .type3{

	height: 19px;
	overflow: hidden;
	

}
.news_set .type3 .cat{
	float: none;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	line-height: 19px;
	font-size: 11px;
}
.news_set .type3 .title a{
	font-size: 12px;
	line-height: 19px;
	color: #525252;background: #e9e9e9;

}
.news_set .sep{
	height: 10px;
	line-height: 10px;
	font-size: 1px;
}
  
  
  
  
  
  .ad {text-align: center; font-size: 12px; background:transparent !important;}
#AdShowcase_F1{font-size:9px !important;}
.style1 {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
}

  
  
  
  
  a{
	text-decoration: none;
	color: #000000;
}
a:hover{
	text-decoration: underline;
}
  



pre {text-indent: 30px} 

#tabmenu { 
color: #000; 
border-bottom: 1px solid black; 
margin: 12px 0px 0px 0px; 
padding: 0px; 
z-index: 1; 
padding-left: 10px } 

#tabmenu li { 
display: inline; 
overflow: hidden; 
list-style-type: none; } 

#tabmenu a, a.active { 
color: #aaaaaa; 
background: #295229;
font: normal 1em verdana, Arial, sans-serif; 
border: 1px solid black; 
padding: 2px 5px 0px 5px; 
margin: 0px; 
text-decoration: none;
cursor:hand; } 

#tabmenu a.active { 
background: #ffffff; 
border-bottom: 3px solid #ffffff; } 

#tabmenu a:hover { 
color: #fff; 
background: #ADC09F; } 

#tabmenu a:visited { 
color: #E8E9BE; } 

#tabmenu a.active:hover { 
background: #ffffff; 
color: #DEDECF; } 

#content {font: 0.9em/1.3em verdana, sans-serif; 
text-align: justify; 
background: #ffffff; 
padding: 20px; 
border: 1px solid black; 
border-top: none; 
z-index: 2; } 

#content a { 
text-decoration: none; 
color: #E8E9BE; } 

#content a:hover { background: #aaaaaa; } 






















/* Layout-dependent adjustments | Layout-abhängige Anpassungen */
@media screen, projection
{
 /**
  * Bugfix for IE 3-Pixel-Jog Bug
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */

  * html #sag {height: 1%}
  * html #sol {margin-right: -3px}
  * html #col2 {margin-left: -3px}
  * html #ssg {margin-left: 74%; margin-right: 24% }

 /**
  * min-width/max-width workaround for IE
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      no
  */