/*Styles fuer den Internetauftritt SINBRA*/

/*Allgemein*/
body 							{ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #5d662d; background-image: url(../images/bg_seite.gif); background-repeat: repeat-x; vertical-align: top;	margin: 0px; margin-top: 0px;	margin-left: 0px;}
td, input, select, 
textarea, p, div 			{ font-family: Arial, Helvetica, sans-serif; vertical-align: top;}

/*ol, ul{ margin-top: 7px;}
ul li{ margin-left: -10px; margin-bottom: 7px; vertical-align: middle; }
ol li{ margin-left: -10px; margin-bottom: 7px; }*/

/*Ueberschriften*/
h1 							{ font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom:10px; color: #000000; white-space: nowrap;}
h2 							{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom:10px;}
h3 							{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; padding: 0px 3px 4px 0px; margin-top: 10px; margin-bottom: 5px; width:100%;}
h4 							{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
h5 							{ font-size: 90%; font-weight: bold;}
h6 							{ font-size: 85%; font-weight: bold;}

h1 h1 h1 { font-size: 100%;}
h1 h1 { font-size: 100%;}

/*Linkfarben Standard Inhalt*/
a, 
a:link, 
a:visited, 
a:active 					{ text-decoration: underline; color: #012e93;}
a:hover, 
a:visited:hover			{ text-decoration: none; color: #012e93;}



/*Linkfarben Navigation und Rolloverfarben LINKE Navigationsleiste*/
/*Ebene oder Level 1*/
div.Level1 a, 
div.Level1 a:link, 
div.Level1 a:visited, 
div.Level1 a:active 		{ color: #FFFFFF; text-decoration: none; display: block; padding:8px 0px 8px 10px; background: url(../images/icon_navigationsleiste_passiv.gif) no-repeat 3px 14px;}
div.Level1 a:hover,
div.Level1 a:visited:hover{ color: #000000; text-decoration: none; display: block; padding:8px 0px 8px 10px; background: url(../images/icon_navigationsleiste_aktiv.gif) no-repeat 3px 14px; background-color: #b4311b; }

/* div.Level1 li 				{ list-style: none; margin: 0px; font-size: 75%; display: inline;} */
div.Level1  					{ margin: 0px; margin-left:17px; padding: 0px; font-size: 75%; display: block; }

div.Level1 a.selected, 
div.Level1 a.selected:link, 
div.Level1 a.selected:visited, 
div.Level1 a.selected:active,
div.Level1 a.selected:hover,
div.Level1 a.selected:visited:hover { color: #000000; background-color: #FFFFFF; background-image: url(../images/icon_navigationsleiste_aktiv.gif); background-repeat: no-repeat; background-position: 3px 14px;}



/*Ebene oder Level 2*/
div.Level2 a, 
div.Level2 a:link, 
div.Level2 a:visited, 
div.Level2 a:active 		{ color: #FFFFFF; text-decoration: none; display: block; padding:6px 0px 6px 3px; background-image: none; }
div.Level2 a:hover,
div.Level2 a:visited:hover{ color: #000000; text-decoration: none; display: block; padding:6px 0px 6px 3px; background-image: none; background-color: #b4311b;}

/* div.Level2 li 				{ list-style: none; margin: 0px; font-size: 100%; display: inline; padding: 0px;} */
div.Level2  					{ margin: 0px; margin-left:24px; padding: 0px; display: block;  font-size: 75%; }

div.Level2 a.selected, 
div.Level2 a.selected:link, 
div.Level2 a.selected:visited, 
div.Level2 a.selected:active, 
div.Level2 a.selected:hover,
div.Level2 a.selected:visited:hover { color: #000000; background-color: #b4311b; background-image: none;}



/*Linkfarben Navigation und Rolloverfarben OBERE Navigationsleiste*/
ul#Main a, 
ul#Main a:link, 
ul#Main a:visited, 
ul#Main a:active 			{ color: #FFFFFF; text-decoration: none; padding:3px 12px 5px 17px; height: 20px; background: url(../images/icon_navigationsleiste_passiv.gif) no-repeat 9px 9px;}
ul#Main a:hover, 
ul#Main a:visited:hover	{ color: #FFFFFF; text-decoration: none; padding:3px 12px 5px 17px; height: 20px; background: url(../images/icon_navigationsleiste_passiv.gif) no-repeat 9px 9px; background-color: #2051bb; }

ul#Main li 					{ list-style: none; margin: 0px; padding: 0px; font-size: 75%; display: inline; float: left; height: 20px;}
ul#Main  					{ list-style: none; margin: 0px; padding: 0px; margin-left:203px;}
ul#Main li a  				{ margin-bottom: 0px; margin-top: 0px;}

ul#Main a.selected, 
ul#Main a.selected:link, 
ul#Main a.selected:visited, 
ul#Main a.selected:active, 
ul#Main a.selected:hover,
ul#Main a.selected:visited:hover { color: #000000; background-color: #FFFFFF; background-image: url(../images/icon_navigationsleiste_aktiv.gif); background-repeat: no-repeat; background-position: 9px 9px;}



/*Spalten und Layoutcontainer*/
#Seite						{ margin-top:24px; margin-bottom: 20px; margin-left:104px;}
#HeadLayout					{ width: 822px; height: 189px; float: left; background: url(../images/sinbra_keyvisual.jpg) no-repeat right 0px; border-right: 2px solid #3f451f;}
#SeitenLayout				{ width: 822px; float: left; border-right: 2px solid #3f451f; background-color: #FFFFFF; background-image: url(../images/bg_rand_links.gif); background-repeat: repeat-y; background-position: 0px 0px;}
#SpalteContainer			{ float: left;}
#NavigationLeiste			{ position: relative; width: 186px; text-align: left; margin-bottom: 20px; background: url(../images/bg_navigation.gif) repeat-x right 0px; background-color: #6d1e17; padding-top: 12px; padding-bottom: 20px;}
#NavigationContainer		{ background-color:#022881; position:relative; margin-top:166px; height:20px; padding-top:3px;}
#LogoContainer				{ margin-left: 17px; font-size: 70%; padding-top: 10px; padding-bottom: 10px; color: #000000;}
#LogoContainer div		{ margin-left: 14px;}
#InhaltContainer			{ font-size: 80%; margin-top: 20px; float: left; width:583px; margin-left: 25px; color:#000000; margin-bottom: 20px;}

/*Head*/
.HeadLogo 					{ float: left; position: absolute; z-index: 10; left: 0px; top: 53px; height: 160px; width: 290px; background: url(../images/bg_headlogo.gif); text-align: center;}
.HeadLogo img				{ margin-top: 35px;}

/*Footer*/
#FooterContainer 				{ margin-left:17px; background-color: #293d11; width:805px; border-bottom: 2px solid #353a1a; font-size: 70%; padding-top: 5px;}
#FooterContainer div			{ margin-left:14px; margin-right: 27px; margin-bottom: 8px;}
#FooterContainer div span	{ float: right;}
#FooterContainer a			{ color: #FFFFFF; text-decoration: underline;}
#FooterContainer a:hover, #FooterContainer a:visited:hover{ text-decoration: none;}



/*Tabellen Inhalt*/
#InhaltContainer table 	{ border: 1px solid #000000; font-size: 100%; border-collapse: collapse; border-spacing: 0px; padding: 0px; width: 100%; margin-bottom: 10px; }
#InhaltContainer td 		{ border: 1px solid #000000; font-size: 100%; border-collapse: collapse; border-spacing: 0px; padding: 3px; color: #000000;}
#InhaltContainer th 		{ border: 1px solid #000000; font-size: 100%; border-collapse: collapse; border-spacing: 0px; padding: 3px; color: #000000; font-weight: bold;}

#InhaltContainer table.Layouttabelle 		{ border: 0px none; padding: 0px;}
#InhaltContainer table.Layouttabelle td 	{ border: 0px none; padding: 0px; padding-bottom: 3px;}


/*Partnerseite, Verbund*/
.PartnerLogo { float:left; width:120px; margin-bottom:40px; }
.PartnerText { float:left; width:440px; margin-left:10px; margin-bottom:40px;}
.PartnerLogo img             { border: 0px none;}

/*Formulare*/
#InhaltContainer input					{ width:300px;}
#InhaltContainer textarea				{ width:300px; height: 180px; font-size: 100%;}
#InhaltContainer input#senden 		{ width: auto; }



input.Checkbox { margin-right: 5px; vertical-align: middle;}
textarea.Kontakt { width: 232px; height: 80px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.Kontakt, select.Kontakt{ width: 232px; font-size: 100%; color: #7C7B77; padding: 1px 2px 2px 2px; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.KontaktKurz { margin-right: 4px; width: 50px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
select.KontaktKurz { margin-right: 4px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.KontaktMittel { width: 178px; font-size: 100%;  color: #7C7B77; padding: 1px 2px 2px 2px; float: left; background: #FAFAFA; border: 1px solid #BBBBBB;}
input.Button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #FFFFFF; background-color: #A9A8A6; border: 1px solid; border-color: #000000; padding: 1px;}
#HeadContainer input.Button { font-size: 55%; padding: 0px; margin-top: 5px;} 
/*td.label { width: 140px; vertical-align: top; text-align: right; padding-top: 5px;}*/
div.Label { height: 23px; width: 160px; text-align: right; float: left; border: 0px solid;}
div.LabelArea { height: 105px; width: 160px; text-align: right; float: left; font-weight: bold; border: 0px solid;}
div.TextFeld { height: 23px; width: 246px; text-align: left; float: right; border: 0px solid;}
div.TextArea { height: 105px; width: 246px; text-align: left; float: right; border: 0px solid;}
div.Formular {width: 415px; text-align: left; border: 0px solid;}






/*Download Dokumente*/
.WordDokument { padding-left: 16px; margin-bottom: 10px; background-image: url(../images/icon_word.gif); background-repeat: no-repeat; background-position: 0px 3px; }
.pdfDokument { padding-left: 16px; margin-bottom: 10px; background-image: url(../images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px 3px;}
/*
div.WordDokument { font-size: 100%; color: #777777; margin-bottom: 10px; }
div.WordDokument a { font-weight: bold; background-image: url(../images/icon_word.gif); background-repeat: no-repeat; background-position: 0px 30%; padding: 0px 5px 0px 16px; }
div.pdfDokument {  font-size: 100%; color: #777777; margin-bottom: 10px;}
div.pdfDokument a { font-weight: bold; background-image: url(../images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px 30%; padding: 0px 5px 0px 16px; }
*/

/*Uebersicht Neues*/
div.Neues { font-size: 100%; color: #777777; margin-bottom: 15px; display: block; float: left; width:100%;}
div.NeuesGrafik { margin-top: 7px; font-size: 100%; color: #010020;}
div.NeuesGrafik img { border: 1px solid;	border-color: Gray; margin-right: 12px; margin-bottom: 5px; float: left;}


/* Sitemap */
a.sitemap_level3,
a.sitemap_level2,
a.sitemap_level1	{color:#000000; text-decoration:none; display:list-item; padding:6px 0px 6px 3px; list-style-type:square;}

a.sitemap_level2	{margin-left:17px;}
a.sitemap_level3	{margin-left:24px;}

a.sitemap_level3:hover,
a.sitemap_level2:hover,
a.sitemap_level1:hover	{text-decoration:underline;}