/* ////// BuG Stylesheet /////////////////////////// */
/* ////// Version vom 14.07.2010 /////////////////// */
/* ////// von Carsten Peters /////////////////////// */

* { margin: 0; padding: 0; }
body {  font: 62.5% Arial, Helvetica, sans-serif; padding: 10px; }
a img { border: none; }
.clear { clear: both; height: 0; line-height: 0; }
.none { display: none; }
.wichtig { font-weight: bold; color: #c00; padding: 15px 0 0 0; }
th.wichtig { padding: 5px; }
.hinweis { background: #eee; padding: 15px; margin: 10px 0; }
#start .hinweis {  background: #f9f8f4; border: 1px solid #5583bd; padding: 10px 15px; margin: 10px 0;  }
.glossar { color: #f00; }
.bezug { background: #ee7; }
.durchfuehrung { background: #69d; }
.rueckmeldung { background: #ee7; }
.aufgabe { border: 3px solid #ccc; padding: 0 18px; margin: 0 0 10px 0; }
p .mehr { background: url(../upload/css_img/r1.gif) no-repeat 0 3px; padding: 0 0 0 18px; }
.zurueck { background: url(../upload/css_img/l1.gif) no-repeat 0 50%; padding: 0 0 0 18px; }

acronym, abbr { cursor: help; }

/* Skiplinks */

#skip1 a,
#skip2 a { color: #fff; position: absolute; z-index: 2; width: 15em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #666; font-weight: bold; margin: -30px 0 0 0; top: 0; left: 0; }

#container { float: left; display: inline; margin-top: 2px; width: 100%; font-size: 1.32em }
#wrapper { float: left; display: inline; width: 100%; }
#footer { clear: both; width: 100%; text-align: center; border-top: 1px solid #000; padding: 10px 0; margin: 10px 0; }


/*///// Listen ///////////////////////////////////////////////////////////////// */

ul, ol, li { list-style: none; list-style-type: none; }


/*///// Header ////////////////////////////////////////////////////////////////// */

#logo { float: right; }

#header { position: relative; margin: 58px 0 0 0; }
	#header img { margin: 0 0 10px 0; }
	#header #skipnavi,
	#header #skipnavi a { font-size: 11px; }
	#header #topnavi { height: 3.2em; padding: 4px 0 0 10px; margin: 0 0 1px 0; text-align: left; border-left-width: 7px; border-left-style: solid; background-image: url(../upload/css_img/hg_header.png); background-repeat: repeat-y; }
		#header #topnavi h1 { font-size: 1.35em; padding: 7px 0 0 0; margin: 0; }
		#header #topnavi a { text-decoration: none; }
		
#suche { height: 21px; margin: 0 0 1px 0; padding: 4px 0 0 10px; border-left: 7px solid #900; font-size: 0.9em; }
		
	#topnavi ul { color: #000; float: right; display: inline; margin: -24px 20px 0 0; }
	#topnavi li { display: inline; float: left; padding: 0 0.5em 0 0.3em; margin: 0 0.5em 0 -0.9em; no-repeat 0 50%; }
	#topnavi a { text-decoration: none; }
	#topnavi a:hover,
	#topnavi a#current { text-decoration: underline; }
	#topnavi li:before { content: "| "; }
	#topnavi li:first-child:before { content: ""; }

#breadcrumb dt { display: none; }
#content #breadcrumb dd { margin: 5px 0 0 0; }
#content #breadcrumb a { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }


/*///// Content //////////////////////////////////////////////////////////////// */

#content { margin: 0 213px 0 210px; padding: 0 5px 0 10px; line-height: 1.5em; }
	#content h2 { font-size: 125%; margin: 10px 0 10px 0; }
	#content h3 { font-size: 110%; margin: 25px 0 5px 0; }
	#content h4 { font-size: 110%; margin: 20px 0 10px 0;}
	#content h5 { font-size: 100%; margin: 0 0 5px 0; color: #5583BD;  }
	#content h6 { font-size: 100%; margin: 0 0 5px 0; font-weight: normal; font-style: italic; }
	#content .textItem h3 { border-bottom: 1px solid #dedede; }
	#content .hinweis h3 { font-size: 110%; margin: 5px 0 10px 0; }
	#content a:link,
	#content a:visited { color: #5583BD; text-decoration: none; border-bottom: 1px dotted #5583BD; }
	#content a:hover,
	#content a:active, 
	#content a:focus { color: #000; border-bottom: 1px solid #000; }
	#content img.bild_links { float: left; display: inline; margin: 0 7px 2px 0; }
	#content img.bild_rechts { float: right; display: inline; margin: 0 0 2px 7px; }
	#content ul { margin: 0 0 10px 10px; }
	#content ul li { padding: 0 0 0 10px; margin: 3px 0; background: url(../upload/css_img/dot.gif) no-repeat 0 7px; }
	#content ul li li { background: url(../upload/css_img/dot_2.gif) no-repeat 0 8px; }
	#content ol li li { list-style-type: lower-alpha }
	#content ol { margin: 0 0 10px 30px; }
	#content ol li { list-style: decimal; margin: 3px 0; }
	#content ol.roemisch li { list-style-type: upper-roman }
	#content p { margin: 0 0 10px 0;}
	.uebersicht { margin: 5px 0 10px 0;}
	#content #bezreg h3 { cursor: pointer; color: #5583BD; padding: 2px 6px; border: 1px solid #5583BD; }
#content .bez { float: left; width: 120px; margin: 0 20px 0 0; }

	#suche { font-size: 0.89em; color: #fff; }
	#suche dl { float: left; display: inline; }
	#suche dt,
	#suche dd { float: left; display: inline; margin: 0 5px 0 0; }
	#suche a { color: #fff; text-decoration: none; border-bottom: none; }
	#suche a:hover { color: #9f9f9f; border-bottom: 1px solid #9f9f9f; }
	#suche label {  }
	#suche form { float: right; display: inline; margin: -2px 5px 0 0; }
	#suche input {  }
	#suche #searchterm { width: 150px; }

.micronavigation { background:#FFF none repeat 0 0; border-bottom: 1px solid #000; color: #000; font-size: 0.89em; height: 21px; margin: 4px 0 10px; padding-bottom: 6px; }
.micronavigation form { float: right; display: inline; }
#fotos { background: url(../upload/css_img/foto_banner.jpg) repeat-x; height: 77px; /* margin: 0 -17px 20px -9px; */ position: relative; }
#start #content h3 { background: url(../upload/css_img/horzline.gif) repeat-x left top; margin: -10px 0 15px; padding: 20px 0 0; }

/*///// Tabellen //////////////////////////////////////////////////////////////// */

table { margin: 0 0 10px 0; border-color: #808080; border-width: 0 0 1px 1px; border-style: solid; border-collapse: collapse; width: 100%; }
table.layout { border: none; width: auto; }
	td, th { vertical-align: top; border-color: #808080; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 5px; }
	table.layout td,
	table.layout th { border: none; padding: 0; }
	table.primar th { width: 33%; }
	th { font-weight: bold; color: #333; background-color: #eee; }
	table caption { font-size: 125%; font-weight: bold; padding: 20px 0 10px; }	


/*///// Navigation //////////////////////////////////////////////////////////////// */

#navigation #home a { margin: 0 0 0 7px; width: 203px; height: 128px; }

#navigation { float: left; display: inline; width: 210px; margin-left: -100%; font-size: 0.95em; background: url(../upload/css_img/blau.gif) 0 50%; }
	#navigation ul { border-top: 1px solid #fff; }
	#navigation ul li { margin: 0; border-bottom: 1px solid #fff; background: url(../upload/css_img/hellblau.gif) 0 50%; }
	#navigation ul li a,
	#navigation ul li strong { display: block; padding: 4px 0 4px 17px; width: 193px; color: #000; font-weight: bold; text-decoration: none; }
	#navigation ul li strong { color: #3F6AA0; }
	#navigation li a:hover,
	#navigation li a:focus,
	#navigation li a:active { color: #5583bd; }
	#navigation li a.current,
	#navigation li li a.subcurrent,
	#navigation li li li a#sub_subcurrent { font-weight: bold; color: #5583bd; }
	#navigation ul ul { border-top: none; }
		#navigation ul ul li { border-bottom: none; border-top: 1px solid #fff; background: url(../upload/css_img/blau_u.gif) 0 50%; }
		#navigation ul ul li a { width: 178px; font-weight: normal; padding-left: 30px; background: url(../upload/css_img/rechtsblau.gif) no-repeat 20px 50% }
			#navigation ul ul ul li { border-bottom: none; background-image: none; background-color: #eff; }
			#navigation ul ul ul li a { width: 168px; padding: 2px 0 2px 40px; background: url(../upload/css_img/rechtsblau.gif) no-repeat 30px 50%; }
				#navigation ul ul ul ul li a { width: 153px; padding: 2px 0 2px 50px; background: url(../upload/css_img/rechtsblau.gif) no-repeat 40px 50%; }					

#traeger { margin: 0 0 10px 17px; }
#traeger dt { text-indent: -9999px; }



/*///// Extra ////////////////////////////////////////////////////////////////// */

#extra { float: left; display: inline; width: 203px; margin-left: -205px; background: #f9f8f4; border: 1px solid #5583bd; }
	#extra ul li a { color: #666; background: #f9f8f4; text-decoration: none; display: block; }
	#extra ul li a:hover { color: #000; }
	#extra ul li a#id_43,
	#extra ul li a#id_54,
	#extra ul li a#id_261 { background: #5583BD; color: #fff; font-weight: bold; font-size: 1.3em; line-height: 1.5em; padding: 0 0 0 12px; }
	#extra ul li a#id_43 { border-bottom: 1px solid #f9f8f4; }
	#extra ul li li li li a { font-size: 0.85em; }

	#extra ul li.active a,
	#extra ul li li.active a,
	#extra ul li li li.active a,
	#extra ul li.activepath li.active a,
	#extra ul li li.activepath li.active a { font-weight: bold; }

	#extra ul li.active li a,
	#extra ul li.activepath li a,
	#extra ul li li.active li a,
	#extra ul li li.activepath li a,
	#extra ul li.activepath li.active li a,
	#extra ul li li.active a.daddy li a { font-weight: normal; }
	
	#extra ul ul { padding: 0 5px 0 10px; }
	#extra ul ul li { padding: 0 0 0 10px; margin: 3px 0; background: url(../upload/css_img/rechtsblau.gif) no-repeat 0 4px; }

	/*#extra ul li li,*/
	#extra ul li li li,
	#extra ul li.active li li,
	#extra ul li.activepath li li,
	#extra ul li.active li li li,
	#extra ul li.activepath li li li { display: none; }
	/*#extra ul li.active li,*/
	#extra ul li.activepath li,
	#extra ul li li.active li,
	#extra ul li li.activepath li,
	#extra ul li li li.active li,
	#extra ul li li li.activepath li { display: block; }

	#extra ul li#liid_254,
	#extra ul li#liid_255 { padding: 0; margin: 5px 0 0 -3px; background: none; }
	#extra ul li a#id_254,
	#extra ul li a#id_255 { color: #333; font-size: 1.1em; font-weight: bold; padding: 0 0 0 12px; width: 177px; height: 40px; line-height: 40px; background: url(../upload/css_img/button.jpg) no-repeat 0 50%; }


/*///// Header //////////////////////////////////////////////////////////////////*/ 

#header #topnavi { border-left-color: #5583BD; color: #fff; background-color: #4EA7D3; }
	#header #topnavi h1 { color: #fff; }
	#header #topnavi a { color: #000; }
	#header #topnavi a:hover { color: #808080; }
	#header #topnavi p img { border-color: #e8e8e8; }


/*///// Suche ////////////////////////////////////////////////////////////////// */
		
#suche { border-left-color: #3F6AA0; background: #5583BD; }	
	#suche li { color: #fff; }
	#suche a { color: #fff; }
	#suche a:hover,
	#suche a#current { color: #eee; }


/*///// Iconize 0.3 ////////////////////////////////////////////////////////////////// */

a[href$='.doc'], a[href$='.rtf'] { padding: 2px 20px 2px 0; background: transparent url(../upload/icons/icon_doc.gif) no-repeat center right; }
a[href$='.txt'] { padding: 5px 20px 5px 0; background: transparent url(../upload/icons/icon_txt.gif) no-repeat center right; }
a[href$='.rss'], a[href$='.atom'] { padding: 5px 20px 5px 0; background: transparent url(../upload/icons/icon_feed.gif) no-repeat center right; }
a[href$='.pps'], a[href$='.ppt'] { padding: 2px 20px 2px 0; background: transparent url(../upload/icons/icon_pps.gif) no-repeat center right; }
a[href$='.pdf'] { padding: 2px 20px 2px 0; background: transparent url(../upload/icons/icon_pdf.gif) no-repeat center right; }
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { padding: 2px 20px 2px 0; background: transparent url(../upload/icons/icon_archive.gif) no-repeat center right; }
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { padding: 5px 20px 5px 0; background: transparent url(../upload/icons/icon_pic.gif) no-repeat center right; }
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] {  padding: 2px 20px 2px 0; background: transparent url(../upload/icons/icon_film.gif) no-repeat center right; }

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 2px 20px 2px 0; background: transparent url(icons/icon_music.gif) no-repeat center right; }
a[href$='.exe'] { padding: 2px 20px 2px 0; background: transparent url(../upload/icons/application.png) no-repeat center right; }

/* email */
a[href ^="mailto:"] { padding: 1px 20px 1px 0; background: transparent url(../upload/icons/icon_mailto.gif) no-repeat center right; }

/* making sure images don't get icons */

.imageLink,
.xtcSlimboxPicCell a { padding-right: 0px !important; background: none !important; }