/* @override http://www.schulefehraltorf.ch/fileadmin/template/res/styles_allmedia.css?1284629611 */

/* CSS Document */

@import url(styles_indexed_search.css);

/* Damit auch im Firefox immer ein Scrollbalken erscheint */
html { height: 100.1%; font-size: 62.5%; }

/* Damit die Divs zentriert werden */
body {
	font-size: 1.2em;
	text-align: center;
}

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

*:focus {
	outline: 0;
}

/*-------------------------------------------------------------------------------------------*/
/* Allgemeine Formatoptionen für Text */

P, DIV, H1, H2, H3, H4, UL {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
}
A:link {
	text-decoration: underline;
	color: #00a6eb;
}
A:visited {
	text-decoration: underline;
	color: #00a6eb;
}
A:hover {
	text-decoration: none;

}
A:active {
	text-decoration: none;

}

/*-------------------------------------------------------------------------------------------*/
/* Formatoptionen für die Links der Unternavi */

div#head_unternavi A:link {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.3em;
}
div#head_unternavi A:visited {
	text-decoration: none;
	color: #FFFFFF;
}
div#head_unternavi A:hover {
	text-decoration: underline;

}
div#head_unternavi A:active {
	text-decoration: none;

}


/*-------------------------------------------------------------------------------------------*/
/* Formatoptionen für DIV */

/* Damit auch Firefox die Divs zentriert, muss margin oben/unten mit 20px und links/rechts mit auto angegeben werden, sowie text-align left, damit Text links kommt */
div#wrapper {
	width: 800px;
	margin: 20px auto;
	text-align: left;
	float: none;
	background-image: url(../images/navigation/Fehraltorf_Web_adress.gif); 
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
}

div#wraphead {
	width: 800px;
	height: 96px;
}

div#head_logo {
	height: 80px;
	width: 800px;
}

div#head_unternavi {
	height: 15px;
	width: 795px;
	color: #FFFFFF;
	text-align: right;
	background-color: #f18800;
	padding-right: 5px;
	font-size: 0.9em;
	padding-top: 1px;
}

.unternavi {
	float: left;
	width: 583px;
	height: 15px;
}

/* Damit alles mitwächst, muss der wrapcontent, navigation, main und right alle mit float definiert werden, zudem für Firefox die min-height und am Ende die high für den IE */

div#wrapcontent {
	min-height: 494px;
	float: left;
	overflow: visible;
}

div#content_navigation {
	float: left;
	width: 160px;
	min-height: 374px;
	margin-top: 20px;
	/* margin-bottom: 120px;  margin-bottom ist dazu da, damit die Adress unten immer frei bleibt */
}
div#eagle {
	height: 120px;
}
div#navigation_wrap_items {
	width: 160px;
	min-height: 254px;
	float: left;
}
div#navigation_wrap_adress {
	width: 160px;
	height: 120px;
	float: left;
}
div#content_adress {
	float: left;
	height: 100px;
	width: 160px;
}
div#content_main {
	float: right;
	width: 415px;
	min-height: 469px;
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 10px;
}

div#content_right {
	float: right;
	width: 190px;
	min-height: 469px;
	margin-top: 10px;
	padding-top: 5px;
}

div#suche {
	float: right;
	width: 190px;
	margin-top: 25px;
}

div#wrapright {
	float: right;
	width: 190px;	
}

div#footer {
	height: 10px;
	width: 800px;
	clear: both;
}
* html div#head_unternavi { width: 775px;}
* html div#wrapcontent { height: 474px; }  /* Hier kommen die height-Angaben für den IE */
* html div#content_navigation { height: 374px; } /* padding-bottom ist für den IE, weil er margin-bottom nicht versteht */
* html div#content_main { height: 474px; width:415px;}
* html div#content_right { height: 469px;}
* html div#navigation_wrap_items { height: 254px;}
* html div#navigation_wrap_adress { height: 120px; }

.clear {
	clear: both;
}

/*---------------------------------------------------------------------------*/
/* DEFINITION DER NAVIGATION ALLGEMEIN*/
div#content_navigation DIV {
	width: 145px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 15px;

}
div#content_navigation A {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
}
div#content_navigation A:hover {
	text-decoration: none;
	color: #999999;
}

/*---------------------------------------------------------------------------*/
/* DEFINITION DER NAVIGATION SPEZIELL*/
div#content_navigation DIV.nav1_lev1_no {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color: #666666;
	margin-top: 5px;
}

div#content_navigation DIV.nav1_lev1_act {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color: #666666;
	margin-top: 5px;
}

div#content_navigation DIV.nav1_lev1_no A {
	font-weight:bold;
	color: #666666;
	font-size: 1.1em;
	letter-spacing: 0em;
}

div#content_navigation DIV.nav1_lev1_no A:hover, div#content_navigation DIV.nav1_lev2_no A:hover, div#content_navigation DIV.nav1_lev3_no A:hover {
	color: #666;
}

div#content_navigation DIV.nav1_lev1_act A {
	font-weight:bold;
	color: #666666;
	letter-spacing: 0em;
	font-size: 1.1em;
}

div#content_navigation DIV.nav1_lev1_act A:hover, div#content_navigation DIV.nav1_lev2_act A:hover, div#content_navigation DIV.nav1_lev3_act A:hover {
	color: #666;
}

div#content_navigation DIV.nav1_lev2_no {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 8px;
	color: #666666;
	margin-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 127px;
	text-indent: -8px;
}
div#content_navigation DIV.nav1_lev2_act {
	margin-left: 25px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 127px;
	text-indent: -8px;
}
div#content_navigation DIV.nav1_lev2_act A {
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
div#content_navigation DIV.nav1_lev3_no {
	margin-left: 31px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #666666;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 127px;
	background-color: #E8E8E8;
	}
div#content_navigation DIV.nav1_lev3_act {
	margin-left: 31px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #666666;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 127px;
	background-color: #E8E8E8;
	}
div#content_navigation DIV.nav1_lev4_no, div#content_navigation DIV.nav1_lev5_no {
	margin-left: 31px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #00a6eb;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 127px;
	}
div#content_navigation DIV.nav1_lev4_act, div#content_navigation DIV.nav1_lev5_act {
	margin-left: 31px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #00a6eb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 127px;
	}
div#content_navigation DIV.nav1_lev2_no A {
	text-decoration: none;
	font-size: 1em;
	color: #666;
}
div#content_navigation DIV.nav1_lev2_act A {
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}
div#content_navigation DIV.nav1_lev3_no A {
	text-decoration: none;
	color: #666;
}
div#content_navigation DIV.nav1_lev3_act A {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
div#content_navigation DIV.nav1_lev4_act A, div#content_navigation DIV.nav1_lev5_act A {
	text-decoration: none;
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* DEFINITION DES CONTENTS SPEZIELL*/

div#content_main h1 {
	font-size: 1.2em;
	color:#4D4D4D;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: bold;
	padding-top: 0px;
	letter-spacing: 0.03em;
}

div#content_main h2 {
	font-size: 1.1em;
	color:#4D4D4D;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0.02em;
}

div#content_main p {
	text-align: left;
	color: #666666;
	line-height: 1.2em;
	margin-top: 0px;
	font-size: 1.1em;
	margin-bottom: 0.75em;
}

div#content_main ul {
	margin-left: 0px;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1em;
	list-style-image: url(../images/navigation/aufzaehlung_klein.gif);
}
div#content_main ol {
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 10px;
}
div#content_main li {
	padding-bottom: 5px;
	padding-left: 0px;
	color: #666666;
	line-height: 1.2em;
}
div#content_main hr {
	height:1px;
	color: #CCCCCC;
	background-color:#CCCCCC;
}

div#content_main p.csc-caption {
	font-size: 0.75em;
	padding-top: 3px;
}

/*---------------------------------------------------------------------------------*/
/* Formatoptionen für den DIV rechts */
div#content_right H1 {										/* TITEL H1 FÜR AKTUELL DEFINIEREN*/
	font-size: 1.1em;								/* SCHRIFTGRÖSSE */
	color: #FFFFFF;									/* SCHRIFTFARBE */
	background-color: #00A6eb;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
div#content_right p {										/* ABSATZ FÜR AKTUELL DEFINIEREN */
	padding: 4px;				/* RAHMEN: STÄRKE, STIL:DURCHGEZOGN, FARBE */
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #E6E6E6;
	font-size: 1em;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
div#content_right A {
	text-decoration: underline;
	color:#00A6EB;
}
div#content_right A:link {
	text-decoration: underline;
}
div#content_right A:visited {
	text-decoration: underline;
}
div#content_right A:hover {
	text-decoration: none;
	color: #666666;
}
div#content_right A:active {
	text-decoration: none;
	color: #666666;
}

div#content_right .csc-textpic {
	margin-right:20px;
}
div#content_right .imgtext-table {
	padding-bottom: 10px;
}
* html div#content_right .imgtext-table {
	margin-bottom: 10px; /* Für den IE */
}
div#content_right p.csc-caption {
	font-size: 11px;
	color: #666;
	border: 0px;
	background-color: #FFF;
	margin-right: 0px;
	margin-left: 0px;
}

/*---------------------------------------------------------------------------------*/
/* Formatoptionen für den DIV rechts */

*.csc-textpic-intext-left {
	margin-top: 15px;
}

/*---------------------------------------------------------------------------------*/
/* Conten-Tabelle Formatierung */
table.contenttable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #24A5E9;
	color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	background-color: #F5F5F5;
}
table.contenttable thead p.bodytext {
	color: #FFFFFF !important;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px !important;
	padding-left: 1px;

}
table.contenttable thead {
	color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 402px;
	background-color: #00A3D4;
}
table.contenttable th {
	background-color: #00A3D4;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.contenttable tbody tr th p {
	color: #FFFFFF !important;
	margin: 1px !important;
	padding-left: 1px;
}
table.contenttable td {
	vertical-align: top;
	background-color: #F2F2F2;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 1px;
	border-top: 1px solid #FFFFFF;
    width: 50%;
}
table.contenttable    tbody tr td {
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 2px;

}
table.contenttable .tr-0 {
	background-color: #00A3D4;
	color: #FFFFFF;
}

/*---------------------------------------------------------------------------*/
/* DEFINITION UPLOAD*/
TABLE.csc-uploads {
	border: 1px solid #999999;
	margin-top: 10px;
	width: 90%;
	margin-left: 0px;
	background-color: #FFFFFF;
}

TABLE.csc-uploads TR TD {
	vertical-align : top;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	background-color: #EFF3FF;
}
TABLE.csc-uploads TR.tr-even {
	background-color: #FFFFFF;
}
TABLE.csc-uploads TR.tr-odd {
	background-color: #EFF3FF;
}
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-top: 6px; padding-left: 6px; padding-right: 6px; padding-bottom: 6px; width: 5%; text-align: center; vertical-align: top; }
TABLE.csc-uploads TR TD.csc-uploads-fileName {
	width: 80%;
	padding-left: 2px;
	font-size: 0.95em;
}

TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description {
	padding: 0px;
	margin-top: -4px !important;
	margin-bottom: 0px !important;
}
TABLE.csc-uploads TR TD.csc-uploads-fileSize { width: 15%; white-space: nowrap; padding-left: 6px; padding-right: 6px; font-size: 0.9em;}
TABLE.csc-uploads TR TD.csc-uploads-fileSize P { font-size: 0.75em; font-style: italic; }

/* Filelinks, specifically */

TABLE.csc-uploads-1 {
	border-color: #666666;
	background-color: #FFFFFF;
}

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }

*.csc-textpic-caption {
	margin-top: 10px;
	padding-top: 10px;
}

DIV.csc-textpic-imagewrap {
	width: 402px;
}

/*---------------------------------------------------------------------------*/
/* DEFINITION FÜR LOGIN-FORMULAR*/

/* Breite Login-Form-Tabelle im Content-Main */
div#content_main table.csc-loginform {
	width: 85%;
}

/* Schrift für das Formular -> User-Name und Password */
div#content_main p.csc-form-label, div#content_main p.csc-form-label-req {
	font-size: 0.95em;
}
div#content_main select, div#content_main .formular {
	width: 260px;
	padding-left: 3px;
	font-size: 0.95em;
	color: #333;
}
div#content_main input[type="submit"] {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 175px;
}

/* Breite Login-Form-Tabelle rechts, wenn nur noch Logout ist */
div#content_right table.csc-loginform {
	width: 145px;
}
/* Feld vor dem Absendebutton in der Rechten Spalte auf 0 */
div#content_right td.csc-form-labelcell {
	width: 0px;
}
/* Definition vom Absende-Button in der rechten Spalte */
div#content_right td.csc-form-fieldcell input {
	padding: 1px;
}
/* Definition vom Absende-Button in der rechten Spalte für IE */
div#content_right td.csc-form-fieldcell input, * html div#content_right td.csc-form-fieldcell input {
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 10px;
	font-size: 0.75em;
}
/* Input-Felder, um User-Name und Password eintragen zu können -> mit grauem Rahmen */
td.csc-form-fieldcell input, .formular {
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* Schrift für den User-Name in der rechten Spalte */
div#content_right p.csc-form-label {
	font-size: 0.8em;
}
/* Damit in der rechten Spalte nicht das normale p mit grauem HG gilt */
div#content_right p.csc-form-label {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#content_right td.csc-form-labelcell p.csc-form-label {
	margin: 0px;
	padding: 0px;
}

/* @group jQuery */

.accordion h3.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top a {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid;
	margin-bottom: 5px;
}

.accordion div.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active p.bodytext {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.accordion h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all a {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}

.tooltip {
	display:none;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	background-color: transparent;
	background-image: url(../lib/black_arrow.png);
}

/* @end */

/* @group slideviewer */

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/

#leitbildgallerie {
	margin-left: 20px;
}

.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #00a6eb;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0 !important;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
list-style-image: none !important;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
list-style-image: none !important;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #00a6eb;
color: #ffffff !important;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #f18800;
color: #ffffff;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}


/* @end */