/************************************************************/
/* Schule Gr�nichen CSS: Standard 								*/
/* 1.0 Global Style Information 							*/
/* 2.0 Header                   							*/
/* 3.0 Navigation	             							*/
/* 4.0 Body Content             							*/
/* 6.0 Content Styling Elemente 							*/
/* 	6.1 Content Titel										*/
/* 	6.2 Content Text								 		*/
/* 	6.3 Text mit Bild								 		*/
/* 	6.4 Listen										 		*/
/* 	6.5 Tabellen									 		*/
/*  7.0 Frontpage                     */
/* 8.0 Sidebar												*/
/*	8.1 Liste												*/
/*	8.2 Diverse Inhalte										*/
/************************************************************/

/********************************************************************************************************************************/
/* General Colors																												*/
/********************************************************************************************************************************/
/*  Gelb		: #fff8b4	 z.B. Hintergrund, Links										*/
/*  Weiss		: #ffffff	 z.B. Hintergrund											*/
/*  Grau Dunkel	: #879197	 z.B. Breadcrump, Text in den Sites Symbolen, Content Text						*/
/*  Grau Hell	: #ccd4d9	 z.B. Striche Logo, Striche Shortlinks, Suchbox, Content Elemente Rahmen				*/
/*  Gelb		: #			*/
/********************************************************************************************************************************/

/********************************************************************************************************************************/
/* Navigation Colors																											*/
/********************************************************************************************************************************/
/*  Level 1 Active, Level 1 Hover	: #084270																					*/
/*  Level 2 Active, Level 2 Hover	: #06508d																					*/
/*  Border Bottom 		 			: #6ba0cb																					*/
/*  Level 2 Text					: #b8dbf5																					*/
/********************************************************************************************************************************/

/********************************************************************************************************************************/
/* Gaps               																											*/
/********************************************************************************************************************************/
/*  Content Gap margin-left: 157px    																					*/
/********************************************************************************************************************************/


/* 1.0 Global Style Information  */

html { height: auto; }
body { min-height: 100%; height: 100%; }
	
body {	
	margin:0px;
	padding:0px;
	background-color: #fff8b4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
	letter-spacing:0.5px;
}


a {
	color:#2f7aaf;
	text-decoration:none;
}
a img {border: none; }



a:hover {
	color:#639bc3;
	text-decoration:none;
}

input {
	width:101px;
	height:12px;
	float:left;
	padding-left:5px; 
	padding-top:1px; 
	padding-bottom:1px;
	color:#565656;
	font-size:9px;
	border:1px solid #2f7aaf;
}
div.csc-loginform input {
	clear:left;
	margin-right:5px;
	margin-bottom:5px;
}

input[type=image] {
	width:auto;
	height:auto;
	border:0px;
	float:right;
	margin-right:6px;
	border:1px solid #2f7aaf;
}

input[type=submit] {
	height:16px;
	width:101px;
	color:#565656;
	font-size:9px;	
	padding:0px;
	border:1px solid #2f7aaf;
}

input[type=checkbox] {
	height:auto;
	width:auto;
	color:#565656;
	font-size:9px;
	border:1px solid #2f7aaf;
}

select {
	float:left;
	padding-left:5px; 
	color:#565656;
	font-size:9px;	
	border:1px solid #2f7aaf;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.5px;	
	width:250px;
	float:left;
	padding-left:5px; 
	color:#565656;
	border:1px solid #2f7aaf;
}



/* 2.0 Header */



div.header_container {
	width:1010px;
}

	div.header_left {
		position:absolute;
  		background-color:#fff8b4;
		top:49px;
		left:10px;
 }

	div.header_middle_container {
		position:absolute;
  		background-color:#ffffff;
		left:148px;
		top:0px;
}
	
	div.header_middle_logo {
		float:left;
		display:block;
	}

	div.header_middle_logo a.header_logo1 {
		position:absolute;
		left:0px;
		top:0px;
    background-image:url(img/header/schule_graenichen.jpg);
    background-repeat:no-repeat;
	}

	div.header_middle_logo a.header_logo1:hover {
    background-image:url(img/header/schule_graenichen_weiss.jpg);
	}

	div.header_middle_logo a.header_logo2 {
		position:absolute;
		left:116px;
		top:0px;
    background-image:url(img/header/kindergarten.jpg);
    background-repeat:no-repeat;
	}

	div.header_middle_logo a.header_logo2:hover {
    background-image:url(img/header/kindergarten_weiss.jpg);
	}

	div.header_middle_logo a.header_logo3 {
		position:absolute;
		left:232px;
		top:0px;
    background-image:url(img/header/primarschule.jpg);
    background-repeat:no-repeat;
	}

	div.header_middle_logo a.header_logo3:hover {
    background-image:url(img/header/primarschule_weiss.jpg);
	}

	div.header_middle_logo a.header_logo4 {
		position:absolute;
		left:348px;
		top:0px;
    background-image:url(img/header/sek_realschule.jpg);
    background-repeat:no-repeat;
	}

	div.header_middle_logo a.header_logo4:hover {
    background-image:url(img/header/sek_realschule_weiss.jpg);
	}

	div.header_middle_logo a.header_logo5 {
		position:absolute;
		left:464px;
		top:0px;
    background-image:url(img/header/bezirksschule.jpg);
    background-repeat:no-repeat;
	}

	div.header_middle_logo a.header_logo5:hover {
    background-image:url(img/header/bezirksschule_weiss.jpg);
	}

div.header_middle_logo a.header_logo6 {
		position:absolute;
		left:580px;
		top:0px;
    background-image:url(img/header/musikschule.jpg);
    background-repeat:no-repeat;
 	}

	div.header_middle_logo a.header_logo6:hover {
    background-image:url(img/header/musikschule_weiss.jpg);
	}

	div.header_shortlinks_container {
		width:136px;
		height:101px;
		padding-left:12px;
		position:absolute;
		top:10px;
		left:850px;
	}

	div.header_shortlinks_icons {
				height:13px;
				margin-top:56px;				
	}

			div.shortlink_a {
				width:27px;
				margin-left:1px;
				margin-right:1px;
				float:left;	
			}

			div.shortlink_b {
				width:25px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_c {
				width:25px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_d {
				width:24px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_e {
				width:23px;
				margin-right:0px;
				float:left;	
			}
		
		div.header_shortlinks_search {
			position:absolute;
			top:75px;
			left: 20px;
		}
	
	div.header_shortlinks_search input {	
		float:left;
		border:1px solid #2f7aaf;
		color:#565656;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		height:14px;
		padding:0px;
		margin:0px;
	}

	div.header_shortlinks_search input[type=image] {
		margin-left:2px !important;
	}
		
/* 3.0 Navigation */

div.body_navigation {
	position: absolute;
	top:166px;
	left:0px;
 	width:148px;
	margin-top:0px;
}

	div.nav_section {
		margin-left: 10px;
		margin-bottom: 4px;
		font-weight: bolder;
		font-size:14px;
		color:#2f7aaf;
	} 
	
	div.nav_level_1 { 
		border-bottom: 1px solid #639bc3;
		background-color:#2f7aaf;
		height:21px;
	} 

	div.nav_level_2 { 
		border-bottom: 1px solid #639bc3;
		background-color:#2f7aaf;
		height:21px;
	} 
	
		div.nav_level_1 a {
			font-size:11px;
			font-weight:bold;
			color:#fff8b4;
			height:16px;			
			padding-left:20px;
			padding-top:5px;
			display: block;
		}

		

		div.nav_level_2 a { 
			font-size:11px;
			color:#fff8b4;				
			height:17px;
			padding-left:30px; 
			padding-top:3px;
			padding-bottom:1px;
			display: block;
		} 


		div.nav_level_1 a:hover {
			color:#fff8b4;
			background-color:#639bc3;					
		}
		
		div.nav_level_2 a:hover { 
			color:#fff8b4;
			background-color:#639bc3;
		} 

		div.nav_level_1_active {
			border-bottom: 1px solid #639bc3;
		}

		div.nav_level_2_active {
			border-bottom: 1px solid #639bc3;
			background-color:#639bc3;
		}	

		div.nav_level_1_active a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#fff8b4;
			background-color:#639bc3;
			height:16px;
			width:auto;
			padding-left:20px;
			padding-top:5px;
			display: block;
		}


		div.nav_level_2_active a {
			font-family:Arial, sans-serif;
			font-size:11px;
			color:#fff8b4;
			height:17px;
			width:auto; 
			padding-left:30px; 
			padding-top:3px;
			padding-bottom:1px;
			display: block;
			background-image:url(img/navigation/arrow.png);
			background-repeat:no-repeat;
			background-position:left;
		}

/* 4.0 Body Content */

div.body_container {

}
	
	div.body_content_container {
		position:absolute;
		top:102px;
		left:147px;
		padding-left:20px;
		padding-right:20px;
		background-color: #ffffff;
		border-right: 1px solid #2f7aaf;
		border-left: 1px solid #639bc3;
	}

		div.body_content_border {
			margin-top:10px;
			width:655px;	
			background-color:#FFFFFF;
		}

		div.body_content_noborder {
			/*
      border: 1px solid #ccd4d9;
			background-color:#FFFFFF;
      */
			border-top:0px;
			margin-top:5px;
			width:655px;	
		}

		div.body_content_border td, div.body_content_noborder td {
			vertical-align:top;
		}

		div.body_content_breadcrump {
			width: 645px;
			padding-top:4px;
			margin-top:10px;
			padding-bottom:3px; 
			font-size:10px;
			height:15px;
			color: #565656;
			background-color: #ffffff;
			clear: left;
		}

		div.body_content_breadcrump a { 
     			color: #2f7aaf; 
    }

			div.body_content_maintitle {
				font-family:Arial, Helvetica ,sans-serif;
				font-size:22px;
				letter-spacing:1.6px;
				color:#639bc3;
				margin-left:218px;
				margin-top:19px;
				margin-bottom:19px;
			}

		div.body_content_cleardiv {
				clear:left;
			}
		
			div.body_footer {
				width:655px;
				height:49px; 
				color:#2f7aaf;
				font-size:9px;
				margin-top:15px;
			}
	
		div.body_sidebar {
			position:absolute; 
			top:167px; 
			left:844px;
		}

	div.body_sidebar .csc-firstHeader, 
	div.body_sidebar .csc-header h1	{
		font-size:12px;
		background-color:#2f7aaf;
		color:#fff8b4;
		margin: 0px;
		padding: 5px 0px 0px 4px ;
		width:143px;
		font-weight:bold;
		height:22px;
		margin-bottom:4px;
	}



		div.body_sidebar div.sidebar_element {
			margin-bottom: 10px;
			background-color:#FFFFFF;
			width:147px;
			border-right: 1px solid #639bc3;
			border-top: 1px solid #639bc3;
			border-bottom: 1px solid #639bc3;
		}

		div.body_sidebar div.sidebar_element p {
		  padding: 0px 4px;
		  margin: 0px;
		}

		div.body_sidebar div.sidebar_element p.align-center {
			text-align:center;
		}
		
		div.body_sidebar div.sidebar_element p.align-left {
			text-align:left;
		}
			
	div.body_sidebar div.sidebar_element ul {
		margin:0px;
		margin-top:7px;
		padding:0px 0px 7px 20px;
		color:#fff8b4;
	}


/* 6.0 Content Styling Elemente */

	div.main_content {
		height:100%; 
		width:695px;
		position:absolute;
  		background-color:#ffffff;
		left:147px;
		top:0px;
		clear:left;
		border-right: 1px solid #2f7aaf;
		border-left: 1px solid #639bc3;
	}
		h1.section {
		width:655px;
		padding: 0px 0px 0px 0px; 
		color: #2f7aaf; 
		font-size:25px;
		clear:left;
	}


/* 6.1 Content Titel */
	div.body_content h1 {
		width:655px;
		border-bottom: 1px solid #639bc3; 
		color: #2f7aaf; 
		font-size:13px;
		clear:left;
	}

	div.body_content h2 {
		width:655px;
		color: #2f7aaf; 
		font-size:13px;
		clear:left;
	}

	hr {
		color: #565656;
		background-color: #565656;
		display: none;
	}

	div.news-latest-item {
		border-bottom: 1px solid #639bc3;
		margin-bottom: 10px;
	}

	/* 6.2 Content Text */

	div.body_content p.bodytext {
		font-size:12px;
		color:#565656;
		line-height:17px;
		letter-spacing:0.4px;
		padding-top:6px;
		padding-bottom:6px;
		padding-right:5px;
	}

	/* 6.3 Text mit Bild */

  div.csc-textpic-intext-left {
    overflow: hidden;
  }

	div.body_content div.csc-textpic-intext-left div.csc-textpic-imagewrap {
		margin-left:15px;
		margin-top:10px;
		float:left;	
		margin-bottom:10px;
	}

	div.body_content div.csc-textpic-above div.csc-textpic-imagewrap {
		padding-left:0px;
		margin-top:10px;
	}

	div.body_content .csc-textpic-caption {
		padding:0px;
		font-size:10px;
		color:#565656;;	
		line-height:15px;
		letter-spacing:0.4px;	
		padding-bottom:5px;
	}
		
	div.body_content div.csc-textpic-imagewrap img {
		padding-bottom: 3px;
	}

	div.sidebar_element div.csc-textpic DIV.csc-textpic-single-image img {
		margin-bottom: 0px;
	}

	/* 6.4 Listen */
	div.body_content ul {
		margin:0px;
		margin-top:7px;
		padding: 0px 0px 15px 20px;
		/* color:#879197; */
		color: #565656;
	}
	
	div.body_content  ul li  {
		list-style:circle;
	  padding-bottom: 4px;
 	}

	div.body_content ol {
		margin:0px;
		margin-top:7px;
		padding: 0px 0px 15px 20px;
		/* color:#879197; */
		color: #565656;
	}

	div.body_content  ol li  {
		list-style:decimal;
	  padding-bottom: 4px;
	  margin: 0px;
 	}

	/* 6.5 Tabellen */

	div.body_content table.contenttable {
		margin-top:10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		/* margin-left:217px */;
		border:1px solid #ccd4d9;
		border-collapse:collapse;
		width:450px;
	}

	

	div.body_content table.contenttable td {

		border:1px solid #ccd4d9;

		padding:3px;

		letter-spacing:0.4px;

	}

	

	div.body_content table.contenttable tr.tr-0 {
		font-weight:bold;
		color:#565656;
	}

	

	div.body_content table.contenttable tr.tr-even {

		background-color:#f2f5f8;

	}

	

	div.body_content table.contenttable tr {

		color:#879197;

		letter-spacing:0.4px;

	}

	

	div.body_content table.contenttable td p.bodytext {

		margin:0px;

		padding:0px;

		line-height:normal;

	}







/* 8.0 Frontpage */

	div.body_content_intro_container {

		width:662px;

		margin-bottom:6px;

	}

		

	div.body_content_intro_text {

		font-size:11px;

		font-weight: bold;

		color:#879197;

		margin-left:217px;

		line-height:16px;

		letter-spacing:0.3px;

		padding-right:20px;

	}

	

	/* 1.3 News-Tabelle */

	div.body_content table.frontpage_news {

		width:100%;

	}

	

	div.body_content table.frontpage_news td {

		color:#879197;

		padding-left:217px;

		padding-top:6px;

		padding-bottom:6px;

		font-size:12px;

		line-height:17px;

		padding-right:20px;

		border-bottom:1px solid #0869b5;

	}



	div.body_content table.frontpage_news td a {

		font-weight:bold;

	}







/* 8.0 Sidebar */



div.body_sidebar_title {

	width:124px;

	height:16px;

	

	font-size:10px;

	font-weight:bold;

	color:#0861a8;

	

	padding-left:6px;

	padding-right:0px;

	padding-top:3px;

	

	margin-top:17px;

	margin-bottom:4px;

	

	background-color:#fff;

	border-bottom: 1px dotted #005baa; 

}



	/* 8.1 Liste */

	div.body_sidebar_list_item {

		width:123px;

		height:18px;

		

		padding-top:3px;

		padding-left:7px;

		

		font-size:11px;

		border-bottom:1px solid #ccd4d9;

		

		color:#879197;

	}

	

	div.body_sidebar_list_item a{

		color:#879197;

	}

	

	div.body_sidebar_list_item img{

		float:right;

		margin-top:-3px;

		margin-right:-3px;

	}



	/* 8.2 Diverse Inhalte */

	

	div.body_sidebar_element {

		width:126px;

		margin-bottom:5px;

		color:#879197;

		font-size:11px;

	}

	

		div.body_sidebar_element a {

			color:#879197;

		}

		

		div.body_sidebar_element a:hover {

			color:#0861a8;

		}

		

		div.body_sidebar_element img {

			border:1px solid #ccd4d9;

			padding:1px;

			margin-bottom:5px;

		}

	

		div.body_sitemap {

			padding-left:0px;

			padding-bottom:20px;

			padding-right:20px;

			width: 400px;

			margin-top:10px;

		}

		

		div.body_sitemap * {

			line-height:17px;

			letter-spacing:0.4px;			

			margin:0px;

		}