/* filemaker-college.de 
	v 26-2-09
*/

*{ margin: 0; padding: 0; }

html {
	margin-bottom: 1px; /*das Ausblenden der Bildlaufleise in Safari und Firefox verhindern */
	height: 100%;
}

html, body {
	background-color: #FFF5BB;
	color: #303030;
	font-family: "Trebuchet MS",trebuchet, verdana, helvetica, tahoma, arial, sans-serif;
	font-size: 100.01%;
}

#container-wrap {
	border: 1px solid #B9B9B9; /* Wrapper für gesamten Seiteninhalt */
	width: 94%;
	margin: 12px auto 50px auto;
	background-color: #F5F8E7;
	line-height: 1.2em;
	min-width: 900px;
	max-width: 1100px;
	margin-bottom:3em;
}

#container {
	display: inline-block; /* Gesamte Seite */
	min-width: 100%; /* für Opera */
}

#container:after {
	clear: both; /* fuer FF,Opera,etc. */
	display: block;
	content: '.';
	height: 0;
	visibility: hidden;
}

#contentWrapper {
	float: left; /* Wrapper für Inhalt-Div (ohne den SeitenKopf/SeitenFuss) */
	width: 100%;
	
	background-repeat: repeat-y;
	background-color: #FBFBFB; /* bg: Hintergrund 3. Spalte */
}

/* ---- Content Mitte ---- */
#content {
	margin: 0 13em 0 13em; /* =Seitenspalten-Breite */
	border-right: 1px solid #E5E4E6; /* #B9B9B9 */
	border-left: 1px solid #E5E4E6;
}

#contentInnen {
	padding: 35px 30px 30px 30px;
	background-color: #F5F8E7;
	min-height: 500px;
}

/* ---- Content Links (Navi) ---- */
#navi {
	float: left; /* Navispalte */
	margin-left: -100%;
	width: 13em; /*background-color: #ADD8E6;*/
}

#naviContent { padding: 0 1em 0 1em; }

/* ---- Spalte Rechts ---- */
#side {
	float: right; /* 3. Spalte */
	margin-left: -100%;
	width: 13em; /*background-color: #E6E6FA;*/
}

#sideContent { padding: 20px 1em 0 1em; }

/* ===== Generelle Auszeichungen Blockelemente,Text,Bilder... ===== */
/* nur hier em-angaben! 
*/
p,ul,ol,input,label,table, 
input,textarea {
	font-family: verdana, helvetica, tahoma, arial, sans-serif;
}

p,ul,ol,input,label,table { font-size: .8em; }

input,textarea { padding: .1em; }


p,ul,ol,table { line-height: 1.3em; /* Hier zentral Zeilenh?he! */ }

p,ul { margin: 0; padding-bottom: .4em; padding-top: .4em; }

ul,ol {
	margin: 0 2em 0 1.4em;
	padding-left: 0; /* padding für Moz nullen */
}

#content ul{ margin-left: 0em; list-style-image: none; }

#content li {
	padding-left: 12px;
	padding-bottom: .4em;
	list-style-image: none;
	list-style-type: none;
	background-image: url(/siteimg/block_gruen_6.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
hr{
	margin: .3em 0 .75em 0;
	padding: 0;
	border: none;
	border-top: 2px solid White;
}

blockquote {
	margin: 0;
	margin-left: 1.9em;
	font-variant: inherit;
	font-style: italic;
}

p cite {
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 1em;
}

p label { font-size: 1em; }

p.footnote{ font-size: .7em; }

p.mehr { padding-left: 26px; /* mehr lesen-Link */ }

/* Links */
a { color: #339900; font-weight: normal; }

a:visited { color: #339900; }

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

a:active { color: #005501; text-decoration: none; }

a.bestellung {
	border: 3px double #E5E4E6; /* Bestelllinks */
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	margin: .0em;
	margin-bottom: .2em;
	padding: .3em;
	padding-top: .1em;
	background-color: #D5FAD6;
	-moz-border-radius: 4px;
}

a.bestellung:hover {
	border: 3px double #B9B9B9;
	border-right-color: #E5E4E6;
	border-bottom-color: #E5E4E6;
	background-color: #D5FAD6;
	-moz-border-radius: 4px;
}

a.adminEdit{ font-weight: normal; }

/* Bilder  */
img {
	float: right;
	margin: 1.4em 0em .7em 1.4em;
	border: 1px solid transparent;
	font-size: .7em; /* für alt-Text */
}

a:hover img {
	border: 1px solid #FFF5BB; /* Hover-Rahmen, wenn Bild verlinkt ist */
}

img.hundert {
	margin: .5em auto 2em auto;
	float: none;
	display: block;
	max-width: 95%; /* Bildleiste startseite */
	max-width: inherit;
}

/* Ueberschriften */
h1,h2,h3,h4 {
	margin: 1em 0 .75em 0;
	color: #005501;
	font-weight: bold;
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	line-height: 1.1em;
}

h1 {
	padding-top: 0;
	margin: 0 0 .5em 0;
	color: #005501;
	font-size: 1.2em;
}

h2 { margin-top: 1.5em; margin-bottom: .2em; font-size: 1em; }
h2.h2up {
	margin-top: -2.5em;
	}

h3,h4 { margin-top: 1.8em; font-size: .9em; }

/* verlinke Artikel-Überschriften */
h1 a { color: #005501; font-size: 1em; text-decoration: none; }

h2 a { color: #005501; text-decoration: none; }

h1 a:visited, h2 a:visited { color: #005501; text-decoration: none; }

h1 a:hover, h2 a:hover {
	color: #339900;
	background: transparent;
	text-decoration: underline;
}

h1 a:active, h2 a:active {
	color: #4B4B4B;
	background-color: #FFFFFF;
	text-decoration: none;
}

/* ==== Artikel-Bereiche === */
div.listArticle { min-height: 470px; }

div.artikelDiv { margin-bottom: 1em; }

div.article-content{
	padding-bottom: .5em; /* Artikelinhalt(ohne Überschrift) */
}

/* ===== Tabelle */
table {
	/*border: 1px solid #6B8E23;*/
	margin: 1em 0; /*background-color: #FFFDDF;*/
}

th {
	border-bottom: 2px solid #AC2024;
	padding: .4em .4em .4em 0;
	vertical-align: top;
}

td {
	padding: .4em .4em .4em 0;
	text-align: center;
	text-align: left;
	vertical-align: top;
}

td img { margin: 0; padding: 0; }

td img.left { float: none; margin: 0 auto; }

td img.leftClear { float: none; clear: left; }

table h2 {
	margin: .2em auto 0 auto;
	padding: 0;
	color: #005501;
	font-size: 1.3em;
	text-align: left;
}

td.small { font-size: .89em; line-height: 1.3em; }

table#termine{
	border: none; /* Terminliste */
	margin: 0;
	background-color: transparent;
}

/* ===== Layout in einzelnen Bereichen ===== */
div#accessibility { display: none; }

/* ---- KOPF ---- */
#kopf {
	border-bottom: 1px solid #B9B9B9; /*#B9B9B9*/
	margin: 0;
	background-color: #F5F8E7;
	background-image: url(/images/10.jpg);
	background-position: 0 -26px;
	background-repeat: repeat-x;
	height: 162px;
}

#kopf p {
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
}

#kopf img { padding: 0; margin: 0; border: 0; }



#kopfText {
	float: right;
	width: 400px;
	color: #C6FEFF;
	font-style: inherit;
	font-weight: bold;
	font-size: 116%;
	text-align: right;
	position: relative;
	top: 100px;
	right: -210px;
}
#kopfLogo {
	float: right;
	width: 300px;
	position: relative;
	top: 15px;
	right: -20px;
}
#kopfLogo a{
	width: 300px;
	display: block;
	background-image: url(/siteimg/CollegeLogo.png);
	background-repeat: no-repeat;
	text-decoration: none;
	height: 100px;
	cursor: pointer;
}

#divLogos{ margin: 2em 0 0 0; /* Logos unter Menü */ }

#divLogos img {
	border: none; /* trainer-logos */
	margin: 6px auto;
	float: none;
	display: block;
}
#printhead{ /* Header mit Logo für Ausdruck */
	display: none;
}
/* ---- Content Rechts ---- */
#sideContent h1 {
	margin: 1.5em 0 .75em 0;
	padding-left: 0;
	background-image: none;
	font-size: 1em;
}

#sideContent h2 { margin: .5em 0 0 0; font-size: .8em; }

#sideContent p, #sideContent ul, #sideContent ol { color: #4B4B4B; font-size: 80%; }

#sideContent p{ margin-top: 0; }

#sideContent ul,ol { margin-left: 1.5em; margin-right: 0; }

#sideContent img {
	margin: 1em auto .4em auto;
	float: none;
	display: block; /* über disp:block zentrierbar */
	/*max-width: 17em;*/
}

#sideContent h2.red{ margin-bottom: 0; color: #FF0000; }

#sideContent h2.bigred{ margin: 0 0 0 0; color: #FF0000; font-size: 2em; }

#sideContent hr{
	margin: .3em 0 .75em 0;
	padding: 0;
	border: none;
	border-top: 1px solid #E5E4E6;
}

#sideContent p.sideTermin{ margin-bottom: 0; padding: 0; padding-top: .5em; }

#sideContent p.sideDatum{ margin: 0; padding: 0; text-align: left; }

div#sideKurse h3 { margin: 0; padding: 0; padding-top: .5em; }

div#sideKurse p{ margin: 0; padding: 0; }

/* --- Suchformular --- */
form.schnellsuche {
	padding-top: 5px;
	width: 12em; /*background-color: #D8BFD8;*/
	font-size: 94%;
	text-align: left;
	height: 40px;
}

form.schnellsuche input.suchFeld {
	padding-left: .3em;
	margin: 0;
	border: 1px solid #E5E4E6;
	width: 11em;
	background-color: #FFFFFF;
	color: #778899;
	background-image: url(/siteimg/lupe.gif);
	background-position: center right;
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	top: 0;
}

form.schnellsuche input.suchFeld:focus { color: #303030; background-color: #FFF5BB; }

form.schnellsuche input.buttonFinden {
	margin: 0;
	padding: 0em;
	position: relative;
	right: 0px;
	top: 5px;
}

/* --- Navi --- */
ul.mainmenu{
	padding: 0px; /* Menüliste */
	margin: 0; /*border: 1px solid #FFDEAD;*/
	list-style-type: none;
}

ul.mainmenu li{
	padding-left: .9em; /* Eintrag 1. Ebene*/
	padding-bottom: 3pt;
	padding-bottom: 0.4em;
	background-image: url(/siteimg/block_gruen_6.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

ul.mainmenu li.menuparent{ }

ul.mainmenu li a, ul#mainmenu li a:visited{ color: #666666; text-decoration: none; }

	
ul.mainmenu li a:hover, ul#mainmenu li a:active{ color: #339900; text-decoration: underline; }

ul.mainmenu ul{
	padding: 0px; /* Menüliste 2. Ebene */
	margin: 0.2em 0 0 0;
	list-style-type: none;
	font-size: 1em;
}

ul.mainmenu li ul li {
	padding-bottom: 3pt; /* Eintrag 2. ebene*/
	padding-left: .5em;
	padding-bottom: 0.4em;
	background-image: none;
}

ul.mainmenu li a.active_class{ color: #339900; font-weight: bold; /* Aktive Sektion */ }

ul.mainmenu li.menu_article a { }

ul.mainmenu li.menu_article_active a {
	color: #339900;
	font-weight: bold; /* Aktiver Artikel in Artikelliste */
}

ul.mainmenu li.menuparent ul {
	padding-top: .2em;
	background-color: #FBFBFB; /* Unter-Menüpunktliste (Artikel oder Sektionen) */
}

#naviContent p#lastUpdate {
	padding-top: .5em; /* Anzeige letztes Update der Seite */
	color: #778899;
	font-size: .6em;
	text-align: center;
}

	
/* ---- Footer ---- */
#footer {
	padding: .7em 0 .8em 0;
	border-top: 1px solid #E5E4E6;
	background-color: #b9b9b9; /* #B9B9B9; */
}

#footer p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	text-align: center;
	line-height: 1.3em;
}

#footer a, #footer a:visited { color: #FFFFFF; }

/* ---- Crumbbar ---- */
#crumbbar {
	margin-top: 0em;
	padding-top: .5em;
	font-size: .85em;
	line-height: 1.2;
}

#crumbbar p { margin: 0; padding: 0; color: #4B4B4B; }

#crumbbar a, #crumbbar a:visited { color: #AC2024; }

/* ##### allgemein anwendbare Klassen ##### */
/* hier vom Benutzer verwendbare: */
/* Bilder */
p img.left, p img.links { float: left; margin: 1.4em 1.4em .7em 0; }

img.left, img.links { float: left; margin: 0.4em 1.4em .7em 0; }

#divLogos img.left 
	{ float: left; margin: 0.4em 0 0 3px; }

#divLogos img.leftAnfang 
	{ float: left; margin: 0.4em 0 0 1.7em; /* Versionsnummern unter Logo links */}

#sideContent p img.right { float: right; margin: 0em -.0em 0em 0em; }
	
img.center, img.mitte {
	float: none;
	margin: 2em auto 1em auto;
	display: block;
	text-align: center;
}

p img.leftClear { margin: 1.4em 1.4em .7em 0; float: left; clear: both; }

p img.centerClear, p img.clear {
	margin: 1.4em auto .7em auto;
	float: none;
	clear: both;
	display: block;
}

p.clearer, p.clear {
	clear: both; /* fuer FF,Opera,etc. */
	font-size: 1px;
	line-height: 1px;
}

/* Link */
a.button {
	border: 1px solid #6B8E23; /* Link als button definiert */
	padding: .3em;
	background-image: url(/siteimg/button_bg.png);
}

/* im Layout verwendete: */
.anmerkung { color: #666666; font-size: .7em; }

#container p.adminEdit { color: #4B4B4B; font-size: .7em; }

.noPrint { }

.weg, a.weg {
	width: 0px; /* verbergen (fuer Screenrader,etc.) */
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	height: 0px;
	overflow: hidden;
	line-height: 1px;
	font-size:1px;
}

.nix,.noDispl { display: none; }

/* ===== spezielle Bereiche im Content ===== */
div.divider img {
	float: none; /* trenner aus txp */
	margin: 1em auto;
	border: none;
	display: block; /* über disp:block zentrierbar */
}

div.artikelDiv { margin-bottom: 2em; }

div.artikelDiv:after {
	clear: both; /* fuer FF,Opera, etc.: Nächter Ihalt unter einem evtl. vorh. Bild anfangen */
	display: block;
	content: '.';
	height: 0;
	visibility: hidden;
}

/* Termine */
table#termine { margin-top: 0; }

table#termine a{ text-decoration: none; }

table#termine form.semForm { float: right; clear: both; display: inline; }

form input.terminSubmit {
	padding: 0;
	margin: .3em 0;
	border-left: 1px solid #9AD02D;
	border-right: 2px solid #6B8E23;
	border-top: 1px solid #9AD02D;
	border-bottom: 2px solid #6B8E23;
}

form input.terminSubmit:hover{
	border-left: 2px solid #7CA725;
	border-right: 1px solid #9AD02D;
	border-top: 2px solid #7CA725;
	border-bottom: 1px solid #9AD02D;
}

/* Tippliste */
ul.tippListe a { font-weight: bold; }

/* ### evtl. nicht benutzt ### */
div.trenner {
	width: 99%;
	border-bottom: 1px solid #FFF5BB;
	margin: 0;
	padding: 0; /* Trenner zwischen Artikeln */
}

/* Anmeldeseite */
div#tabelleAnmeldung table{
	margin: 0 0 1em 7.7em;
}
div#tabelleAnmeldung table td{
	padding: 0 .4em 0 0;
}


/* ---- eMail-Formular ---- */
div#formMail p.hinweis {
	margin: 0; /* Mailform Startseite */
	margin-left: 2em;
	font-size: .7em;
}

div#formMail input, div#formMail select, div#formMail textarea {
	margin: .5em .3em 0em 1em;
	border: 1px solid #6B8E23;
	padding: .1em;
	font-size: .9em;
	font-family: monospace;
	/*min-width: 6em;*/
}



div#formMail label {
	margin: .5em .3em 0em 0;
	float: left;
	clear: both;
	width: 29%;
	font-size: .8em;
	text-align: right;
	vertical-align: top;
}



 div#formMail label.textarea{
	float: none;
	width: auto;
	margin-left: 1em;
	display: block;
	text-align: left;
}

br.clear{ clear: both; }

div#formMail select.select2sp { width: 15em; margin-top: 2.2em; vertical-align: center; }

div#formMail input.button {
	margin-left: 12.5em;
	padding: .3em 1em;
	background-image: url(/siteimg/button_bg_25.png);
	font-family: verdana, helvetica, tahoma, arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

div#formMail input.button:hover{ color: #005501; }

input:focus, textarea:focus, select:focus, checkbox:focus { background-color: #FFFDDF; }

div#formMail input.buttonKurz { margin-left: 8em; }

div#formMail input.checkbox{
	margin-top: .7em; border:none;
	}

div#formMail span.pflicht { color: #AC2024; }

div.mailError {
	padding: .5em; /* Fehler-div bei eMailform */
	margin: 1em 0;
	border: 1px solid #B75252;
	background-color: #FFE3E3;
}

#content ul.fehler { color: #AC2024; /* Fehlermeldung eMail-Form */ }

/* ---- Print Things ---- */
#printInfo, #printBanner { display: none; }

/* ====== */
input label[content="Ja,"] { color: #00FFFF; }

/* Nice 2CU  here! */
/* (c) 2009 Ingo Sparr | DeutscheLebensArt.de */