@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.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
	body 
	{ 
		background-color: #ebe1d1;
		background-image:url(../images/layout/site_bg.jpg);
		background-repeat:repeat-x;
		margin:0px;
		padding:0px;
	}
	
	#header 
	{
		padding: 0px; 
		height:223px;
		background-color: transparent;
		background-image:url(../images/layout/site_header.jpg);
		background-repeat:no-repeat;

	}
	#topnav 
	{ 
		color: #979494;  
		height: 70px;
		width:210px;
		padding-right:32px;
		background-color: transparent;
		
		top:0px;
		

	}
	#nav 
	{
		overflow:visible;
		height: 36px; 
		background-color: transparent;
		background-image:url(../images/layout/site_navigation_bar.jpg);
		background-repeat:no-repeat;

	}
	
	#teaser 
	{ 
		
		padding-left:20px;
		margin-top:-10px;
		padding-top:10px;

	
		background-image:url(../images/layout/teaser_bg.jpg);
		background-repeat:no-repeat;;
		height:359px;
	}
	
	#teaser_info
	{ 
		
		padding-left:20px;
		padding-right:20px;
		margin-top:-15px;
		margin-bottom:25px;
		padding-top:20px;
	
		background-image:url(../images/layout/teaser_bg.jpg);
		background-repeat:no-repeat;;
		height:329px;
	}
	
	#my_slider
	{ 
		
		padding-left:20px;
		padding-right:20px;
		margin-top:15px;
		margin-bottom:0px;
		padding-top:40px;
	
		background-image:url(../images/layout/teaser_bg.jpg);
		background-repeat:no-repeat;;
		height:339px;
		clear:right;
	}
	
	#my_slider_right
	{ 
		
		padding-left:0px;
		padding-right:0px;
		margin-top:0px;
		margin-bottom:20px;
		padding-top:0px;
		width:235px;
		clear:right;
	}
	
	#my_slider_featured
	{ 
		
		padding-left:0px;
		padding-right:0px;
		margin-top:0px;
		margin-bottom:20px;
		padding-top:0px;
		width:500px;
		clear:left;
	}
	
	#main
	{
		background-color:#f8efe0;
	}
	
	#layout_logo
	{
		padding-top: 110px;
		margin-left: 50px;
		
	}
	
	
	
	#footer_top
	{ 
		background: #f1e8d3; 
		background-image:url(../images/layout/site_footer_top_bg.jpg);
		background-position:top;
		background-repeat:repeat-x;
	}
	#footer_bottom
	{
		background-image:url(../images/layout/site_footer_bottom_bg.jpg);
		background-repeat:repeat-x;
		height:42px;
		clear:both;
	}
	#footer_content
	{
		width:992px;
		background-color:#f8efe0;
		margin-top:-30px;
		margin-left:10px;
		min-height:230px;

		background: #f1e8d3; 

	}

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

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 1002px; max-width: 1002px; background: #fff; }
  .page { padding: 0px; }
 
 
	#main 
	{
		margin: 0px 0; 
  		clear:both; 
		background-color: #f8efe0; 
		background-image:url(../images/layout/site_col1_bg.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		
	}

	

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

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   * d3d3d3
   */


	.threecol #col1 
	{
		width:71px;
		
		/*
		background-image:url(../images/layout/site_col1_bg.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		*/
		min-height:604px;
		float:left;
	}
	.threecol #col1_content 
	{
		padding:10px 20px 10px 10px;
	}
	
	.threecol #col2
	{
		 float: right; 
		 width: 250px;  
		 margin:0;
		background-color: #f8efe0; 	 
	}
	
	.threecol #col2, #col2_content 
	{
		padding:10px;
	}
	
	.threecol #col3 
	{
		
		width: auto;
		margin: 0 250px 0 71px;
		background-color: #f8efe0; 
		
	
	}
	.threecol #col3_content 
	{
		padding:10px 20px 10px 10px;
	}
	
	/* -------------------------------------------------------------------*/
	
	.twocol #col1 
	{
		width:71px;
		
		/*
		background-image:url(../images/layout/site_col1_bg.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		*/
		min-height:604px;
		float:left;
	}
	.twocol #col1_content 
	{
		padding:10px 20px 10px 10px;
	}
	
	.twocol #col2
	{
		 float: right; 
		 width: 200px;  
		 margin:0;
		 display:none;
		 background-color: #f8efe0; 
		 
	}
	
	.twocol #col2, #col2_content 
	{
	
	}
	
	.twocol #col3 
	{
		
		width: auto;
		margin: 0 0 0 71px;
		background-color: #f8efe0; 
		
	
	}
	.twocol #col3_content 
	{
		padding:10px 20px 10px 10px;
	}
	

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

  
  
}






#search_box
{
	border-bottom: 1px #d3d3d3 solid;
	padding:0px;

}

#search_box h3 
{


}

#search_box #search_field
{

}

.featured-bottom
{
	height:166px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../images/home/small_featured_bg.png);
	background-repeat:repeat-y;
}

.home-featured-small 
{
	float:left;
	padding:20px;
	width:153px;
	text-align:center;
}

.home-featured-small .category  
{
	color:#AF1B08;
	text-transform:uppercase;
}

.home-featured-small h2 
{
	font-family:Helvetica,Arial;
	font-size:12px;
	font-weight:bold;

}
.home-featured-small p 
{
	font-size:10px;
	line-height:16px;
}



/* News Item Summary ------------------------------------- */


.news-featured
{
	
	padding:20px;
	display:block;
	text-align:left;
	border-bottom: 1px #ccc solid;
}

.news-featured .category  
{
	color:#AF1B08;
	text-transform:uppercase;
}

.news-featured h2 
{
	font-family:Helvetica,Arial;
	font-size:12px;
	font-weight:bold;

}
.news-featured p 
{
	font-size:10px;
	line-height:16px;
}

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

.news_item_summary 
{ 
	border-bottom:dotted #999 1px;
	padding:30px;
}
.news_item_summary h3, .news_item h3
{
		font-family:Georgia,Times;
	font-size:18px;
	font-weight:bold;
}

.news_item
{ 
	padding:30px;
}

#upload_area
{
	
	background-color:#E6F2F2;
}

.picturetype
{
	padding:10px;
	border: 1px dashed #ccc ;
	float: left;
	margin:10px;
	text-align: center;
}


/* Page Holders *******************************************************************/

#page_holder
{
	padding:10px;
	min-height:625px;
}















/* -- Form Styles ------------------------------- */
form {	
	margin: 0;
	padding: 0;
}



div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 40px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

button,
input,
select,
textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}



input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}





.newsitem
	{
	
	margin:10px;
	padding:10px;
	border: 1px dashed #ccc;
}

.newsitem h4
{
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
}

/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

.tweet_title
{
	border:medium none;
color:#521A0E;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
padding-bottom:8px;
}

/*end of Juitter CSS*/

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li, 
	#slider_right ul, #slider_right li,
	#slider_right ul, #slider_right li, #slider_featured ul, #slider_featured li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:860px;
		height:309px;
		overflow:hidden; 
		}	
	
	#slider_right li, #slider_right li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:235px;
		height:209px;
		overflow:hidden; 
		}	
		
	#slider_featured li, #slider_featured li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:495px;
		height:457px;
		overflow:hidden; 
		}	
		
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 3px 0 3px;; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:22px;
		}
	ol#controls li a{
		float:left;
		height:22px;
		line-height:22px;
		border:1px solid #ccc;
	
		color:#555;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#8c7b5d;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */