/** -------------------------------------------
CSS für die WebSeite SUMALI.ch
Stand 04.01.2008
------------------------------------------- **/


/** ------------------------------
Body definition
------------------------------ **/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../pic_layout/bg_site.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
/** ------------------------------
Link definition a:
------------------------------ **/
a:link, a:visited, a:active {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
/** ------------------------------
Hauptnavigation
------------------------------ **/
.navigation h2 {
	color: #00319c;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 25px;
	margin: 0;
	*margin: 10Px 0Px 5Px 0Px; /* IE 7 only */
	padding-left: 12px;
}

.navigation ul {
	padding: 0;
	*margin: 0;  /* IE 7 only */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.navigation li {
	border-bottom: 1px solid #CCCCCC;
	*margin: 0;  /* IE 7 only */
	*padding: 0;
}

.navigation li a {
	font-size: 1.1em;
	color: #00319c;
	display: block;
	padding: 3px 0 3px 5%;
	*padding: -30Px;
	text-decoration: none;
	width: 95%;
}

.navigation li a:hover {
	background: #00319c;
	color: #FFFFFF;	
}

li.act {
	font-size: 1.1em;
	color: #00319c;
	display: block;
	text-decoration: none;
	background-color:#99ddff;
}

ul.subnav {
	padding: 5;
	*margin: 5;  /* IE 7 only */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

li.subnav {
	border-bottom: 1px solid #CCCCCC;
	*margin: 0;  /* IE 7 only */
	*padding: 0;
}

li.subnav a {
	font-size: 0.8em;
	color: #000; /*#00319c;*/
	display: block;
	padding: 3px 0 3px 5%;
	*padding: -30Px;
	text-decoration: none;
	width: 95%;
}

li.subnav a:hover {
	background: #00319c;
	color: #FFFFFF;	
}


/** ------------------------------
DIV Definitionen
------------------------------ **/
div#header {
	width: 988Px;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
div#container {
	width: 988Px;
	margin: 0 auto;
	padding: 20px 0;
}
div#navigation {
	width: 170Px;
	margin: 30Px 5Px 5Px 5Px;
	padding: 5Px;
	float: left;
	border-style: solid;
	border-width: 1Px;
	border-color: #666;
	background-color: #FFFFFF;
}
div#content {
	width: 770Px;
	margin: 5Px;
	padding: 5Px;
	float: left;
}
/** ------------------------------
Textdefinitionen
------------------------------ **/
h1, h2, h3 {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00319c;
}
h1 {
	margin-top: 5Px;
	margin-bottom: 10Px;
	font-size: 20px;
}
h2 {
	margin-top: 10Px;
	margin-bottom: 5Px;
	font-size: 16Px;
}

h3 {
	margin-bottom: 3Px;
	font-size: 14Px;
}
.head_adresse {
	font-size: 10px;
	color: #000000;
	text-indent: 20Px;
}
.feat_adresse {
	font-size: 10px;
	color: #666666;
}
.content_small {
	font-size: 10px;
	color: #666666;
}
.blog_intro {
	font-weight: bold;
}
.article_small {
	font-size: 10px;
	font-style: normal; /*italic;*/
	color: #666666;
}
p,
code,
ul {
	padding-bottom: 1.2em;
}

li {
	list-style: none;
}
.blog_titel {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00319c;
	font-size: 14Px;
}
.blog_intro {
	font-weight: bold;
}
.blog_date {
	font-size: 10px;
	font-style: normal; /*italic;*/
	color: #666666;
}
/** ------------------------------
Formularfelder und Schaltflächen
------------------------------ **/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0066FF;
	border: 1px solid #333333;
	background-color: #CCCCCC;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.button:hover {
	color: #0000FF;
	border: 1px solid #0066FF;
	background-color: #CCCCCC;
}
input.bud_empf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
	text-align: right;
}
input.bud_opt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	text-align: right;
}
/* ---------------------------------------------------------- */
/* HINWEISE ------------------------------------------------- */
div.error {
	background-color: #FFCCCC;
	border-color: #FF0000;
	border-style: solid;
	border-width: 1Px;
	color: #FF0000;
	font-weight: bold;
	margin: 5Px;
	padding: 5Px;
}
div.ok {
	background-color: #DDFFDF;
	border-color: #006600;
	border-style: solid;
	border-width: 1Px;
	color: #000000;
	font-weight: bold;
	margin: 5Px;
	padding: 5Px;
}
div.hinweis {
	background-color: #E1E1E1;
	border-color: #333333;
	border-style: solid;
	border-width: 1Px;
	color: #000000;
	font-weight: bold;
	margin: 5Px;
	padding: 5Px;
}
div.bearb_hinw {
	background-color: #E1E1E1;
	border-color: #333333;
	border-style: solid;
	border-width: 1Px;
	color: #000000;
	padding: 5Px;
}
div.wait {
	border-color: #333333;
	border-style: solid;
	border-width: 1Px;
	color: #000000;
	font-weight: bold;
	margin: 5Px;
	padding: 5Px;
}
/* ---------------------------------------------------------- */
/* Tabelle gerade oder ungerade ----------------------------- */
.tabellentitel {
	font-size: 10px;
	color: #666666;
}
tr.gerade:hover,
tr.ungerade:hover {
	background-color: #FFCC99;
}
.gerade {
	background-color:#FFFFFF;
}
.ungerade {
	background-color:#E1E1E1;
}
tr.gerade td.borderright,
tr.ungerade td.borderright,
tr.tabellentitel td.borderright {
	border-right: #999 solid 1Px;
}