/*******************************************
	
	Template CSS for www.schulen-js.ch
	
	Autor: Raffael Sigrist
	Firma: per4m and partner AG
	
	URL: http://www.p4m.ch

********************************************/

/*******************************************/
/******* ÜBERGREIFFENDE EINSTELLUNGEN ******/

html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000; }
	
* body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0; }

ul {
	margin: 10px 0 10px 30px;
	padding: 0; }
	

/*********************************************/
/******* EINSTELLUNGEN FRONTEND / CMS ********/

.Menutitel {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #0C4376;
	text-transform: uppercase; }
	
.Titel {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #0C4376;
	text-transform: uppercase; }

.Untertitel {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #0C4376; }

.Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 18px; }

table {
	font-size: 11px;
	table-layout: fixed; }

hr {
color: #0C4376;
background-color: #0C4376;
height: 1px;
border: none; }

.contentpaneopen {
	font-size: 11px; }

.tab-page a {
	font-size: 13px;
	font-weight: bold;
	color: #0C4376; }

.tab {
	margin: 0;
	padding: 0 10px 0 0; }
	
a , a:active ,a:hover {
	color: #0C4376; }
	

/*********************************************/
/*********** DEFINITION DIV-CONS *************/

#con {
	overflow-x: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: left; }

#con1 {
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 282px;
	background: #EDE537;
	color: #000000; }


#con2 {
	margin: 0;
	padding: 0;
	width: 100%; 
	background: url('../images/img_home_repeat.jpg') repeat; }

#con3 {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 260px; }
	
#con3_1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 570px;
	height: 260px; }

#con3_2 {
	float: left;
	text-align: left;
	background: #FFFFFF;
	color: #003366;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 27px; }
	
#con3_21 {
	margin: 3px 0 0 0;
	padding: 0; }
	
#con3_3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 233px; }

#con4 {
	margin: 0 0 0 20px;
	padding: 0;
	width: 918px;
	background: #FFFFFF;
	color: #000000; }

#con5 {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 890px;
	background: #E5EEE0;
	color: #000000; }

#con6 {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 742px;
	background: #E5EEE0;
	color: #000000; }
	
#con6_1 {
	background: #E5EEE0;
	float: left;
	margin: 0;
	padding: 0;
	width: 150px; }
	
#con6_2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 592px;
	background: #A2B595;
	color: #000000; }

#con6_3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 592px;
	text-align: left;
	background: #FFFFFF; }
	
#con7 {
	display: inline;
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	width: 100%;
	height: 22px;
	background: #FFFBD4;
	color: #000000; }
	
#con7_1 {
	display: inline;
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	height: 18px;
	color: #004C14; }


/*********************************************/
/*********** DEFINITION CONTENT **************/

#contitle {
	margin: 35px 0 0 30px;
	padding: 0 0 0 0;
	width: 371px;
	height: 30px; }
	
	
#line {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #CCCCCC;
	border: 0;
	width: 100%;
	height: 2px; }

#conMain {
	display: inline;
	float: left;
	margin: 30px auto 0 30px;
	padding: 0 0 40px 0;
	color: #000000;
	width: 551px;
	text-align: left;
	line-height: 18px;
	background: #FFFFFF; }
	
h1 {

	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #CF8F36; }


/*********************************************/
/************* TECHNISCHES MENU **************/

.trennlinie {
	padding: 0 0 0 10px;
	font-size: 15px;
	color: #004C14; }

.code_orange {
	color: #CF8F36; }

.code_green {
	color: #004C14; }
	
.code_black {
	color: #000000; }

.suche {
	color: #004C14;
	padding: 0 0 0 10px; }

a.tech {
	color: #004C14;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: normal; }

a.tech:hover {
	color: #004C14;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: normal; }
	

/*********************************************/
/********** HAUPTNAVIGATION BEGIN ************/

#conmainnav {
	margin: 0;
	padding: 0 0 0 20px;
	width: 100%;
	height: 22px; }

.mainnav {
	float: left;
	margin: 0;
	padding: 0;
	width: 99px;
	height: 22px;
	text-align: center; }
	
a.mainlevel {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 22px;
	margin: auto 0 auto 0;
	padding: 4px 0 0 0;
	color: #004C14;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase; }

a.mainlevel:hover {
	background: #FFCC00;
	color: #004C14; }
	
a.mainlevel#active_menu {
	background: #FFCC00; 
	color: #004C14; }

.mainnavtrennlinie {
	float: left;
	margin: 2px 0 2px 0;
	padding: 0;
	width: 2px;
	height: 18px;
	background: #FFFFFF; }
		

/*********************************************/
/************* UNTERNAVIGATION ***************/

#conhome {
	margin: 2px 0 2px 0;
	padding: 0;
	width: 150px;
	height: 22px;
	background: #134B84;}
	
a.home {
	display: block;
	text-decoration: none;
	width: 100%;
	margin: auto 0 0 0;
	padding: 4px 0 0 0;
	text-indent: 6px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase; }
	
a.home:hover {
	color: #CF8F36; }
	
#conunav {
	margin: 0 0 1px 0;
	padding: 0;
	width: 150px;
	height: 20px;
	background: #CED7D2;}
	
a.unav {
	display: block;
	text-decoration: none;
	width: 100%;
	margin: auto 0 0 0;
	padding: 3px 0 0 0;
	height: 20px;
	text-indent: 19px;
	color: #000000;
	font-weight: normal;
	font-size: 11px; }
	
a.unav:hover {
	color: #CF8F36;
	background: #FFFFFF; }