/********************************************************************************************************
	created by:		Newmedia	http://www.newmedia.ch
	project:		Redesign Projuventute
	date:			08/2009, Claudia
	version:		4.1
	file:			layout.css
	function:		layout elements -style 
********************************************************************************************************/
	html { 
		height: 100%;
		margin-bottom:1px; 
	} 

*{
	padding:0px;
	margin:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#55BFCF;
	text-align:center;
	font-size:70%;
	line-height:120%;
	height:100.01%;
}

#mainCenter{
	margin:0 auto;
	padding:10px 0px;
	text-align:center;
width:970px;
}


/*weg*/	
#DummyBackground{}

/*mainPage*/
/*#DummyCenter{
	margin:0px auto;
	background:url(/fileadmin/material/bilder/redesign/layout/BG_mainPage.gif) repeat-y;
	width:966px;
	padding:0;
	text-align:center;
}*/	
	
	#DummyCenter {
background:transparent url(/fileadmin/material/bilder/redesign/layout/BG_mainPage.gif) repeat-y scroll 0 0;
float:left;
width:966px;
border-bottom:8px solid black;
}


#mainHeader{
	background:url(/fileadmin/material/bilder/redesign/layout/BG_mainHeader.gif) no-repeat;
	/*height:178px;*/
	min-height:178px;
	text-align:left;}
	
* html #mainHeader{height:178px;}
	
#logo{

	padding:8px 0 8px 8px;
width:210px;
height:170px;
	float:left;
/*background:red;*/}


/*--------------------------------------
		SERVICE NAVIGATION
---------------------------------------*/
#ServiceNavigation{
	width:529px;
	height:24px;
	padding-top:8px;
	float:left;
}

/*(nur schriftenrelevante Definitionen): - auslagern in Navigation!!!*/
#ServiceNavigation{
    font-size:10px;	
	line-height:12px;		/***fixe werte, statt 90%, kann nicht expandieren***/
}

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

#ServiceNavigation a:hover{
    text-decoration:none;
}


/*enlarge, search, language...*/

#enlargement {
	float:left;
	padding:6px 0px 0px 0px;
	width:50px;
}

#search{float:left;}

div#machina input.searchbox, div#machina input.button{
	font-size:10px;
	border: 1px solid #000000;
	color: #000000;
	}

div#machina input.searchbox{  
	height:12px!important;
	height:16px;
	width:70px;
	margin:3px 0px 0px 0px;
	margin:4px 0px 3px 0px!important;
	padding:2px 0px 0px 2px;
}

div#machina input.button{
	height:16px; 
	width:60px;
	margin:4px 0px 2px 0px;
	padding:0px 0px 2px 0px;
	background-color:#FED300;
	vertical-align:top;
}

*+html div#machina input.button{margin:5px 0px 2px 0px;}
* html div#machina input.button{margin:5px 0px 2px 0px;}

#headnavi{
	float:left;
	width:265px;
	overflow:hidden;
}

#language {
	float:right;
	padding:5px 0px 0px 0px;
	text-align:right;
	text-transform:uppercase;
}

/*--------------------------------------
		THEMENBILD
---------------------------------------*/

/*image momentan fix aus html*/
#image{
	width:529px;
	height:100px;
	float:left;
}

/*--------------------------------------
		BREADCRUMB
---------------------------------------*/
#breadTop{
	width:529px;
	float:left;
	background:url(/fileadmin/material/bilder/redesign/layout/BG_bread.gif) repeat-y; width:529px;
	margin-bottom:9px;
}

#breadcrumbs{
	background:url(/fileadmin/material/bilder/redesign/layout/BorderTop_bread.gif) no-repeat;
	font-size:90%;
	padding:9px 8px 9px 13px;
}

	#breadcrumbs .bread a {
		color:#000;
		text-decoration: underline;
		}
	
	#breadcrumbs .bread a:hover {
		text-decoration: none;
		}	
	
	#breadcrumbs .bread a.breadActive{
		color : #000000;
		text-decoration: underline;
		font-weight : bold;
		}
	
	#breadcrumbs .bread_activ a{
		color : #000000;
		font-weight : bold;
		}
		
	#breadcrumbs .bread_activ a:hover {
		text-decoration:none;
		}	
		
	#breadcrumbs .bread_activ a.breadActive{
		color : #000000; 
		text-decoration: underline;
		}

.breadBottom{
	background:url(/fileadmin/material/bilder/redesign/layout/BorderBottom_bread.gif) no-repeat; 
	width:529px;
	height:4px;
}

/*--------------------------------------
		MITTE
---------------------------------------*/
#ColumnLeft{
	float:left;
	height:100%;
	margin-right:8px;
	text-align:left;
	width:210px;
}


/*#ColumnRight{
	float:left;
	width:189px;
	height:500px;
	margin-top:168px;
	text-align:left;
}*/

/*--------------------------------------
		FOOTER
---------------------------------------*/

#mainFooter{
	float:left;
	width:529px;
	height:20px;
	font-size:80%;
	padding:7px 0px;
	color:#000000;
}
	
/*--  Elemente #mainFooter  --*/
	
	#copy{float:left;}	
		
	#printlink{float:none;}
		
	#printlink a{
    	color:#000000;
		text-decoration:underline;
		}

	#printlink a:hover{text-decoration:none;}
		
			#print{ 
				float:right;
				height:18px;
				}
	
			.print{vertical-align:top;}
		
	 #maillink{
		float:right!important;
		position:relative!important;
		width:auto; 
		margin-right:10px;
		}
		
		div.tiplink a{ color:#000000;}
		
		div.tiplink a:hover {text-decoration:none;}
	
	/*ausgelagert ins tipafriend*/	
	/*	#maillink a{} #maillink a:hover{}*/

/*--------------------------------------
		IMPRESSUM
---------------------------------------*/

#impressum {
float:right;
padding-left:10px;
}



/*#mainBorder {
background:transparent url(/fileadmin/material/bilder/redesign/layout/BG_mainHeader.gif) no-repeat left bottom;
min-height:80px;
}*/