/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise: 
schwarz, sw	    :	#000000;
weiss, w		:	#ffffff;
rot, gn		    :	#;
grün, gr		: 	#;
helles beige    :   #f2ebde;
dunkles beige   :   #e1d2b5; 
Schrift beige   :   #a9997a;
blau            :   #004368;
*/


/* Aufteilung */
.page								{ width: 900px; margin: auto; min-height: 100%; height:auto !important; height: 100%; padding-bottom: 10px; }

.header								{ width: 900px; height: 213px; text-align: left; background: #ffffff; display: none;} 
.header .meta                       { width: 900px; height: 54px; float: left;  }
.header .meta-helper                { width: 700px; height: 54px; float: left;}
.header .meta .print                { width: 20px; float: right; margin: 18px 30px 0 0; }
.header .thema						{ width: 900px; height: 159px; float: left; }
.header .home .hauptnavigation      { width: 227px; height: 26px; float: left; background-color: #e1d2b5; margin-right: 13px; padding-top: 7px; }
.header .hauptnavigation            { width: 660px; height: 26px; float: left; background-color: #e1d2b5; padding-top: 7px; }
.header .logo						{ width: 227px; height: 126px; float: left; background-color: #f2ebde; padding: 0px 0px 0px 0px; margin-right: 13px; }
.header .themenbild					{ width: 660px; height: 126px; float: left; background-color: #004368; }
/*.header .themenbild .bild-rechts    { padding:0; margin:0;}*/
.header .pfad                       { color: #ffffff; width: 640px; padding: 5px 0 0 19px; }

.header .logo img                   { margin: 12px 0 0 17px; }

.start .header                      { height: 400px; }
.start .header .thema               { height: 346px; }
.start .header .logo                { height: 313px; }
.start .header .themenbild          { height: 313px; }
.start .header .willkommen          { color: #004368; font-size: 16px; padding: 55px 0 0 25px; line-height: 23px;  }

/*.header .topnavi                    { background: url(../pics/layout/metanavi-hg-button.gif); width: 170px; height: 24px; float: right; margin: 9px 0 0 0; } 
.header .topnavi .bild-links        { margin: 6px 0 3px 0;}
.header .meta						{ width: 960px; }*/


.main								{ width: 100%; margin: 0px; text-align: left; height: auto; overflow: hidden; clear: none; }
.main .float-helper					{ width: 100%; height: 100%; float: left; background-color: #f2ebde; background: url(../pics/layout/hg-kachel-helper.gif); }
.main .navigation					{ width: 227px; height: 100%; float: left; padding: 0px; padding-bottom: 100px; display: none; }
.main .float-content				{ width: 100%; height: 100%; float: left; background-color: #ffffff; }
.main .bg-content                   { width: 100%; height: 100%; float: left; margin-top: 51px; background: url(../pics/layout/hg-kachel.gif);  }
.main .content 						{ width: 90%; height: 100%; float: left; padding: 0px; margin: 0 35px 0px 5px; } 
* html .main .content 				{ mar\gin: 0 35px 0px 5px; }

/* text-breit */
.main .bg-content-breit             { width: 100%; height: 100%; float: left; margin-top: 51px; background: url(../pics/layout/hg-kachel-breit.gif);  }
.main .bg-content-breit .content 	{ width: 100%; height: 100%; float: left; padding: 0px; margin: 0 35px 0px 5px; }
* html .main .bg-content-breit .content 	{ wid\th: 100%; mar\gin: 0 0px 0px 17px; } 

.main .related						{ width: 20%; height: 100%; float: right; overflow: hidden; margin: -15px 0 0 0px; display: none; }

.start .main .bg-content            { background: url(../pics/layout/hg-kachel-start.gif); margin-top: 40px; }
.start .main .content 				{ width: 416px; height: 100%; float: left; padding: 0px; margin: 0 5px 20px 32px; }
* html .start .main .content 		{ mar\gin: 0 5px 20px 17px; }

.start .main .related				{ width: 210px; height: 100%; float: right; overflow: hidden; margin: 0px 0 20px 0px; padding-left: 10px; }
* html .start .main .related		{ wid\th: 200px; }

.start .boxstart                    { width: 660px; height: 125px; float: left; margin-left: 13px; clear: both; } 
* html .start .boxstart             { wid\th: 659px; mar\gin-left: 7px;}
.start .boxlinks                    { width: 219px; height: 125px; float: left; background-color: #e1d2b5; margin-right: 1px; }
.start .boxmitte                    { width: 219px; height: 125px; float: left; background-color: #e1d2b5; } 
.start .boxrechts                   { width: 219px; height: 125px; float: left; background-color: #e1d2b5; margin-left: 1px; }

table.stundenplan                   { width: 100%; margin: 0px; padding: 0; margin-top: 15px;}

.tage-lead                          { width: 25%; border-right: 1px solid #004368; } 
.tage, 
.tage-last                               { width: 14%; text-align: center; font-weight: bold; background-color: #004368; color: #fff; padding: 5px 0 5px 0; border-right: 1px solid #fff; } 

.kurs-titel, 
.kurs-titel p                       { width: 25%; padding: 5px 0 0px 0; color: #004368;   }


/** html .main .content 				{ wid\th: 490px; }*/
/*.main .content .box					{ overflow: hidden; clear: both; width: 100%; }*/

.footer								{ width: 227px; height: 28px; float: left; background-color: #004368; margin-top: -28px;  }

.adresse-print          { display: block; height: 70px; margin-top: 40px; border-top: 1px solid #ccc; float: left; text-align: center; width: 100%; }
.adresse-print .text    { padding-top: 15px; font-size: 13px; float: left; }
/* Basisdefinitionen */

*						{ font-family: Verdana, Helvetica, Sans Serif; font-size: 15px; font-weight: normal; color: #000; padding: 0px; margin: 0px; line-height: 20px; }
html					{ height: 101%; margin: 0;} 
body					{ height: 100%; margin: 0; text-align: center; position: relative; background: #fff; }

a:link					{ color: #a9997a; font-weight: normal; text-decoration: underline; }
a:visited				{ color: #a9997a; font-weight: normal; text-decoration: underline; }
a:hover					{ color: #004368; font-weight: normal; text-decoration: underline; }
a:active				{ color: #a9997a; font-weight: normal; text-decoration: underline; }

h1						{ font-weight: bold; font-size: 20px; color: #004368; margin-bottom: 10px; margin-top: 0px; }
h2						{ font-weight: bold; font-size: 17px; color: #004368; margin-bottom: 5px; margin-top: 10px; }


b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0px; }
p						{ padding: 0px 0px 0px 0px; }

ul						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ol						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul li					{ list-style : none; }

table					{ }
table tr				{ }
table tr th				{ font-weight: bold; }
table tr td				{ }

/*hr						{ height: 1px; border-top: 1px solid thin; border-bottom: none; border-left: none; border-right: none; color: #c1c1c1; }*/

/* Formulare */
form								{ margin: 0px;}
form .form-eingabe-zeile			{ /*clear: left; margin-bottom: 5px;*/ }
form label							{ float: left; width: 120px; }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ width: auto; float: none; }
form .form-text						{ width: 280px; }
form .form-select					{ width: 280px; }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{ }

form .form-checkbox-liste			{ width: 282px; height:100px; overflow:auto; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .zeile	{ padding-left: 3px; margin-bottom: 2px; width: 258px;	height: 20px; line-height: 20px; background-color: #ffffff; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .aktiv	{ background-color: #CFD6E8; border: 1px solid #737B92; }
form .form-checkbox-liste .form-checkbox { float: left; }
form .form-checkbox-liste .text 	{ padding-left: 20px; }

.fehler								{ margin-bottom: 15px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }