/* this is set to zero because dd and dl were improperly used in the site design for indentation that now needs to be removed */

dd,dl,dt {margin: 0px;}

body 
{
    background: -3px 0 url(images/bg_body.gif) #313131;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	color: #333333;
}
body #wrapper {font-size: 0.7em;}

* html body #wrapper {font-size: 0.86em;}

ul, ol, li li, li p,td p, blockquote p, p 	{line-height: 1.4em;}

h1 {font: 1.8em "Arial Black", Arial, Georgia, "Times New Roman", serif; text-transform: lowercase; color: #3366CC; padding-top: 10px; margin: 0 0 0 0; }
h1#pgtitle { margin: 1.5em 0 1em 0; }
h2 {font: 1.3em Tahoma,Arial,sans-serif; letter-spacing: 1px; color: #3366CC; margin: 3em 0 1em 0; line-height: 1em; font-weight:bold;}
h3,em {font: 1.1em Verdana,Tahoma,Arial,sans-serif; color: #666666;  margin: 3em 0 0 0; line-height: 1.5em; font-weight:bold;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px; margin: .75em 0 .5em 0; }

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #3366CC}
html body a:hover {color: #ff0000; text-decoration:underline;}


/*ul, ol {list-style: none;} */
ul.none, ol.none {list-style: none;}

.img {margin-right:20px; margin-bottom:20px; padding-right:0; border:1px solid #CDCDCD;}



/* bugfixes section */

/* IE-Win CSS Bug Fixes
----------------------------------------------- */
/* Hides from IE5-mac \*/
* html body{font-size: 0.8125em;}

* html #wrapper{line-height:1.2;}

* html #nav-wrapper #nav a{width: .1em;white-space: nowrap;}

* html #nav-wrapper #nav{font-size: 12px;}

* html #content ul{	/*margin-left: 0;*/}

* html .article-summary dl{margin-top: 5px;}

* html #steps-wrapper{width: auto;}

/* End hide from IE5-mac */
/* end bugfixes */


/* Begin Site Design */
/* form wrapper required by ASP.net */

form#aspnetform{
	margin: 0;
	padding: 0;
	width: 100%;
}

#wrapper{
	background: url(images/bg_wrapper.gif) repeat-x;
	/* min-width: 957px;*/
	width: 100%;
}

#container{margin: 0 5px;padding: 0 10px;min-width:924px;}

img{border: none;}

.clear{clear: both;height: 0;}

/* header
----------------------------------------------- */
#header{
	background: url(images/bg_header.gif) no-repeat left bottom;
	height: 111px;
	margin-bottom: 4px;
	padding-left: 17px;
	position: relative;
}

#header2{
	background: url(images/bg_header.gif) #FFFFFF no-repeat right bottom;
	height: 100%;
	padding-right: 17px;
}

#header3{
	background: url(images/bg_header.gif) #FFFFFF repeat-x -17px bottom;
	height: 100%;
}

#logo{left: 0;position: absolute;top: 0;}

#header #header2 #header3 #useroptions{
    float:right;
    margin-top: 0;
	color: #999999;
	text-align: right;
	padding-top: 4px;
	padding-left:30px;
    margin-bottom:0;
    padding-bottom:0;
}
#header #header2 #header3 #user-point-info{
	display:block;
}

#header #header2 #header3 #useroptions a,#header #header2 #header3 #useroptions a:visited{
	color: #999999;
}
#header #header2 #header3 #useroptions a:hover{
	color: #666666;
	text-decoration: underline;
}
#header #header2 #header3 #simplelogo{
    padding-top:0;margin-top:0;padding-left:10px;
}

#header #header2 #header3 #simplifiedlogo{
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
    padding-top: 26px;
    padding-left:30px;
}

#headerTable {
    border: 0;
    width: 100%;
}

#headerLinks {
    width: 200px;
}

#headerMitte {
    width: 100%;
    font-size:xx-large;
    text-align: center;    
}

#headerRechts {
    width: 200px;
}

/* Abstand zwischen Navi-Punkten für klassische Themes */
#navWrapper td {
	padding: 0 4px !important;
}

/* content box
----------------------------------------------- */
#content{
	margin-right: 0px;
}

#content-top{
	background: url(images/al-background-top.gif) no-repeat 0 0;
	padding: 0 0 0 17px;
}

#content-top div div{
	background: url(images/al-background-top.gif) #FFFFFF repeat-x -17px 0;
	height: 17px;
}

#content-top div{
	background: url(images/al-background-top.gif) no-repeat right top;
	padding: 0 17px 0 0;
}

#content-middle{
	background: url(images/al-background-middle.gif) #FFFFFF repeat-y left -17px;
	padding-left: 17px;
}

/* content-middle2 is actually where all the content goes;it is the innermost wrapper div */
#content-middle2{
	background: url(images/al-background-middle.gif) repeat-y right -17px;
	padding: 1px 17px 1px 0px;
}

#content-bottom{
	background: url(images/al-background-bottom.gif) no-repeat left bottom;
	padding: 0 0 0 17px ! important;
}

#content-bottom div div{
	background: url(images/al-background-bottom.gif) no-repeat -17px bottom;
	height: 17px;
}

#content-bottom div{
	background: url(images/al-background-bottom.gif) no-repeat right bottom;
	padding: 0 17px 0 0;
}

/* footer
----------------------------------------------- */
#footer {clear:both;padding:5px;color:#fff;}
#footer a {color:#fff;}


/* End site design */







.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* INHALT */

#inhalt .rounded {
	padding: 0 0 0 11px;
	margin: 5px 5px 10px 5px;
	background: url(images/tsr-l.gif) top left no-repeat;
}
#inhalt .rounded h1 {
	background: transparent url(images/tsr-r.gif) top right no-repeat;
	margin: 10px 0 0 0;
	padding: 0.4em 0 0 0;
	line-height: 1.1em;
	text-transform: none;
}
#inhalt .rounded h2 {
	background: transparent url(images/tsr-r.gif) top right no-repeat;
	margin:0;
	padding: 0.4em 0 0 0;
	line-height: 1.1em;
	text-transform: none;
}
#inhalt .rounded p, #inhalt .rounded div.p, #inhalt .rounded table.p {
	margin:0 0 0 -11px;
	padding:0 11px 0.5em 11px;
	background:#fff;
	border-left: solid 1px #d8d8d8;
}
#inhalt .rounded .roundedMain {
    border-style: solid;
	border-color: #d8d8d8;
	border-width:0 1px 0 0;
}
#inhalt .rounded .roundedEnd {
	margin:0 0 0 -11px;
	padding-left:11px;
	background: url(images/tsr-l.gif) bottom left no-repeat;
}
#inhalt .rounded .roundedEnd div {
	padding:0 10px 0px 0;
	background: url(images/tsr-r.gif) bottom right no-repeat;
	height: 6px;
}
#inhalt div p.separator{
    padding-top: 30px;
    background: #fff url(images/tsr-separator.gif) no-repeat top left;
    margin: 0 0 0 -11px;
    padding-left: 11px;
}

/* ============================================================
   styles_fix_v2.css
   
   NUR minimale Korrekturen für den Inhaltsblock.
   Der Header wird NICHT angefasst – original styles.css bleibt
   vollständig erhalten, diese Datei wird danach eingebunden:
   
   <link href="styles.css" rel="stylesheet" type="text/css" />
   <link href="styles_fix_v2.css" rel="stylesheet" type="text/css" />
   ============================================================ */


/* ----------------------------------------------------------
   FIX 1: ASP.NET form-ID Gross/Kleinschreibung
   Das Form-Tag rendert als id="aspnetForm" (grosses F),
   der original Selektor "form#aspnetform" griff nie.
   -> unerwartete Body-Abstände durch Browser-Defaults.
   ---------------------------------------------------------- */
form#aspnetForm {
	margin: 0;
	padding: 0;
	width: 100%;
}


/* ----------------------------------------------------------
   FIX 2: Rechter Rand - tsr-r.gif Sprite im h1
   
   Das h1 trägt den rechten Ecken-Sprite (tsr-r.gif) als
   Hintergrundbild. Da .rounded padding-left: 11px hat,
   ist h1 um 11px schmaler als der Container — der Sprite
   wird deshalb 11px zu weit links gezeichnet.
   margin-right: -11px dehnt h1 bis zum Container-Rand.
   ---------------------------------------------------------- */
#inhalt .rounded h1 {
	margin-right: -1px;
}

#inhalt .rounded h2 {
	margin-right: -1px;
}

#inhalt .rounded {
	margin: 5px 5px 10px 5px !important;
}

	/* .roundedMain: overflow visible damit border-left der p-Elemente
   (die mit margin-left: -11px nach links ragen) sichtbar bleibt */
	#inhalt .rounded .roundedMain {
		overflow: visible;
	}


	/* ----------------------------------------------------------
   FIX 3: Untere Rundung (roundedEnd / tsr-l.gif + tsr-r.gif)
   
   Das Problem: .roundedEnd hat margin-left: -11px um den
   linken Sprite bündig zu setzen. Aber der rechte Sprite
   in .roundedEnd div braucht padding-right: 0 wenn der
   aeussere Container bereits den Rand vorgibt.
   Ausserdem: height: 6px reicht nicht wenn der Browser
   das Sprite nicht genau positioniert – auf 11px erhöht
   damit beide Ecken vollständig sichtbar sind.
   ---------------------------------------------------------- */
	#inhalt .rounded .roundedEnd div {
		padding: 0 0 0px 0; /* war: 0 10px 0px 0 – rechts-padding entfernt */
		height: 11px; /* war: 6px – erhöht damit Sprite vollständig sichtbar */
	}


/* ----------------------------------------------------------
   FIX 4: h3 und em getrennt
   em-Tags im Fliesstext bekamen durch "h3,em { margin: 3em ... }"
   einen massiven Block-Abstand. Nur h3 soll diesen Margin haben.
   ---------------------------------------------------------- */
em {
	margin: 0;
	font: inherit; /* em erbt vom Elternelement, kein eigener Block-Stil */
	font-style: italic;
	color: inherit;
}

/* ── Tabelle: exakt wie GridView im SkinFile.skin ── */
table.grid {
	border-collapse: collapse;
	width: 98%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	border: 1px solid #cccccc;
	margin: 0 auto;
}

	table.grid th {
		background-color: #3366CC;
		color: #ffffff;
		font-weight: bold;
		padding: 3px 4px;
		text-align: left;
		border: 1px solid #cccccc;
		white-space: nowrap;
	}

	table.grid td {
		padding: 3px 4px;
		border: 1px solid #cccccc;
		vertical-align: middle;
	}

	table.grid tbody tr:nth-child(odd) {
		background-color: #F7F6F3;
		color: #333333;
	}

	table.grid tbody tr:nth-child(even) {
		background-color: #ffffff;
		color: #333333;
	}

	table.grid tbody tr:hover {
		background-color: #E2DED6;
	}
	/* Gesperrte Zeile */
	table.grid tbody tr.eg-row-locked,
	table.grid tbody tr.eg-row-locked:hover {
		background-color: #f0f0f0;
		color: #999999;
	}