/* master */

.google_clear
    {
       clear:both;
    }
.google_ad
   {
       margin-left:3px; 
       margin-top:10px;
    }

html, body {

	margin: 0px; padding: 0px; 

	background-color: #FFF;

	text-align: center;

}

body {

	width: 766px;

	margin: auto;

	color: #333333;

	text-align: left;

	font: 10px/12px Verdana, Helvetica, Arial, sans-serif;

}

body * {

	overflow: hidden;

}





/* header */



#head {

	position: relative;

	height: 83px;

	border-bottom: 1px solid #808080;

}

#head * {

	position: absolute;

	padding: 0px; margin: 0px;

}



#head #logo {

	top: 30px; left: 0px;

	width: 165px;	height: 53px;

	background: url(../images/base-20050807.gif) no-repeat -372px 0px;

	cursor: pointer;

}

#head #logo a {

	display: block; visibility: hidden;

	height: 100%;

}



#head #tabs {

	top: 63px; left: 199px;

	width: 372px;	height: 20px;

	background: url(../images/base-20050807.gif) no-repeat 0px 0px;

	list-style: none;

}

#head #tabs li {

	position: static; float: left;

	width: 122px; height: 20px;

	margin-right: 2px;

}

#head #tabs li a {

	display: block;

	width: 104px; height: 14px;

	padding: 5px 1px 1px 17px;

	color: #414141;

	font-weight: bold;

	text-align: center;

}

#head #tabs li.active {

	background: url(../images/base-20050807.gif) no-repeat;

}

#head #tabs li.active a {

	width: 120px; height: 14px;

	padding: 5px 1px 1px 1px;

}

#head #help {

	display: block;

	left: 175px; top: 29px;

	width: 587px;

	padding-right: 3px;

	text-align: right;

	color: #414141;

}

#head #help * { position: static; }

#head #help a { text-decoration: underline; }





/* body */



#body {

	width: 765px;

	border-left: 1px solid #808080;

}



/* footer */



#foot {

	clear: both;

	height: 23px;

	text-align: center;

}

#foot #footLeft, #foot #footCenter, #foot #footRight { float: left; }

#foot #footLeft {

	width: 126px; height: 21px;

	border-top: 1px solid #808080;

	border-right: 1px solid #808080;

	border-bottom: 1px solid #808080;

}

#foot #footCenter {

	width: 546px; height: 16px;

	border-top: 1px solid #808080;

	border-bottom: 1px solid #808080;

	padding: 5px 5px 0px 5px;

	text-align: right;

	font-size: 9px;

}

#foot #footRight {

	width: 31px; height: 23px;

	background: url(../images/base-20050807.gif) no-repeat -737px 0px;

}



/* navigation links */



/* level 0 */



#navLeft {

	width: 126px; /* höhe passt sich via javascript #content an. */

	margin: 0px;

	padding: 23px 0px 0px 0px;

	background: url(../images/navbg.png) no-repeat 0px bottom;

	list-style: none;

	float: left;

}



#navLeft li:first-child {

	border-top: 1px solid #808080;

}

#navLeft li {

	overflow: hidden;

	border-bottom: 1px solid #808080;

	background: #FFF;

	font-weight: bold;

	color: #414141;

}

#navLeft li a {

	display: block;

	padding: 5px 5px 0px 5px;

	height: 13px;

}



/* level 1 */



#navLeft ul.navSub, #navLeft ul.navSub2 { /* gilt auch für level 2 */

	/* display: none; */

	margin: 0px;

	padding: 0px;

	list-style: none;

}



#navLeft ul.navSub li:first-child {

	background: none;

	border-top: 1px solid #808080;

}

#navLeft .navSub li {

	background: url(../images/base-20050807.gif) no-repeat 0px -57px;

	border-bottom: none;

	color: #666;

}	

#navLeft ul.navSub li a {

	padding: 4px 5px 2px 5px;

	height: 12px;

}



/* level 2 */



#navLeft ul.navSub2 {

	padding: 4px 0px 5px 0px;

	background: #FFF url(../images/base-20050807.gif) no-repeat 0px -57px;

}



#navLeft ul.navSub2 li:first-child {

	border-top: none;

}

#navLeft ul.navSub2 li {

	background: #FFF;

	font-weight: normal;

	color: #666;

}

#navLeft ul.navSub2 li a {

	background: url(../images/base-20050807.gif) no-repeat -545px -46px;

	padding: 2px 5px 2px 12px;

	height: 12px;

}



/* sichtbarkeits-schalter */



#navLeft li.active ul.navSub, #navLeft li.active li.active ul.navSub2 { 	display: block;

}

#navLeft li.active ul.navSub li.active ul.navSub2 li.active {

	background-color: #EBEBEB;

	color: #414141;

}



/* navigation rechts, eingeloggt und nicht eingeloggt */



#navRight {

	float: left;

	width: 127px; /* höhe passt sich via javascript #content an. */

	min-height: 265px;

	background: url(../images/navbg.png) no-repeat -126px bottom;

}



#navRight #login, #navRight #loginStatus {

	width: 125px;

	border-bottom: 1px solid #808080;

	border-top: 1px solid #FFF;

	background: #FFF;

	color: #414141;

}

#navRight #login {

	width: 114px;

	padding: 26px 0px 4px 11px;

}

#navRight #loginStatus {

	font-size: 11px;

	line-height: 13px;

	color: #414141;

	padding-bottom: 4px;

}



#navRight #login h2 { display: none; }

#navRight #loginStatus h2 {

	height: 11px;

	margin: 0px 0px 5px 0px;

	border-bottom: 1px solid #808080;

	padding: 6px 18px 2px 5px;

	background: url(../images/base-20050807.gif) no-repeat -611px -47px;

	font-size: 10px;

	line-height: 10px;

}



#navRight label {

	display: block;

	width: 100px; 

	text-align: left;

	margin-bottom: -7px; /* bug? */

	font-weight: bold;

}

#navRight input {

	overflow: auto;

	width: 93px; height: 17px;

	margin-top: 0px;

	margin-bottom: 10px;

	padding: 2px;

	border: 1px solid #808080;

	background: #FFF;

}

#navRight .button {

	width: 100px; height: 25px;

	border: none;

	background: none;

	background: url(../images/base-20050807.gif) no-repeat -637px 2px;

	color: #01A64F;

	font-weight: bold;

	font-size: 10px;

}

#navRight #login #loginForgot {

	display: block;

	width: 121px;

	margin: 0px 0px 0px -9px;

	border: none;

	color: #414141;

	font-size: 9px;

	cursor: pointer;

}



#navRight #loginStatus #logout { margin: 14px 0px 7px 0px; }

#navRight #loginStatus #logout .button { margin: 0px 13px; }

#navRight p { margin: 3px 6px 4px 6px; }

#navRight .hr { height: 1px; margin: 0px 5px; background: url(../images/base-20050807.gif) no-repeat 0px -57px; }

#navRight #loginStatus #logout p { margin: 0px; }

#navRight strong { color: #323232; }



/* content */



#content {

	float: left;

	width: 493px; min-height: 528px; 	

                /* via javascript auf maximal 1500 pixel höhe limitiert, da sonst die schraffur der navigation aufhört */

	border-left: 1px solid #808080;

	border-right: 1px solid #808080;

	padding: 8px 9px 16px 8px;

	font-size: 11px;

	line-height: 13px;

}

#content { overflow: visible; }



#content #navPos {

	margin: 1px 0px 4px 0px;

	font-size: 10px;

	line-height: 12px;

}

#content #navPos a { text-decoration: underline; font-weight: normal; }



#content #contentHead {	margin: 9px 0px; }



#content #teaser { margin-bottom: 20px; }



/* boxen */



#content .box {

	position: relative; overflow: visible;

	width: 493px;

	margin-top: 21px;

	color: #414141;

}



#content .box .ledge { float: left; }

#content .box .redge { float: right; }



#content .box h2 { /* boxen-reiter */

	display: block;

	height: 15px; width: 125px;

	margin: 0px 0px 0px 6px;

	font-size: 10px;

	line-height: 16px;

	background: url(../images/base-20050807.gif) no-repeat -34px -40px;

	color: #414141;

}

#content .box h2 .ledge { width: 34px; height: 15px; background: url(../images/base-20050807.gif) no-repeat 0px -40px; }

#content .box h2 .redge { width: 11px; height: 15px; background: url(../images/base-20050807.gif) no-repeat -361px -40px; }

#content .box h2.w100 { width: 100px; }

#content .box h2.w125 { width: 125px; }

#content .box h2.w150 { width: 150px; }

#content .box h2.w175 { width: 175px; }

#content .box h2.w200 { width: 200px; }



#content .box .head {  position: relative; height: 27px; margin-bottom: -27px; } /* obere ecken */

#content .box .head .ledge { position: absolute; display: none; }

#content .box .head .redge { position: absolute; left: 462px; width: 31px; height: 27px; background: url(../images/base-20050807.gif) no-repeat -737px -23px; }



#content .box .body {	position: static; overflow: hidden; min-height: 25px; border: 1px solid #808080; padding: 12px 10px 3px 10px; }



#content .box .foot { position: relative; overflow: visible; height: 0px; } /* untere ecken */

#content .box .foot .ledge, #content .box .foot .redge { height: 15px; width: 15px; margin-top: -15px; }

#content .box .foot .ledge { position: absolute; background: url(../images/base-20050807.gif) no-repeat -768px 0px; }

#content .box .foot .redge { position: absolute; left: 478px; background: url(../images/base-20050807.gif) no-repeat -768px -15px; }



/* modifikatoren */



#content .fix .body { height: 104px; } /* fixe höhe, z.b. für bgI(mage) */

#content .fix .body p { margin: 4px 0px; }



#content .w50l, #content .w50r { float: left; width: 241px; } /* mehrere boxen nebeneinander */

#content .w50l { margin-right: 10px; }

#content .w50l .box, #content .w50r .box { width: 241px; }

#content .w50l .box .head .redge, #content .w50r .box .head .redge { left: 210px; }

#content .w50l .box .foot .redge, #content .w50r .box .foot .redge { left: 226px; }



#content .w100l { 



  float: left; width: 482px; 

  height: 18px; 

  margin: 0;

  padding:0;

} /* nur 1 input element in einer Zeile */

#content .w100l .box { width: 482px; }

#content .w100l .box .head .redge { left: 210px; }

#content .w100l .box .foot .redge { left: 226px; }



#content .box .body .w100l { float: left; width: 460px; } /* mehrspaltig in der box */



#content .box .neu { position: absolute; left: 430px; width: 55px; height: 55px; margin-top: -37px; }

#content .w50l .box .neu, #content .w50r .box .neu { left: 178px; }



#content .box .body .w50l, #content .box .body .w50r { float: left; width: 200px; } /* mehrspaltig in der box */





#content .box .body .w50l { margin-right: 0px; }

#content .box .body .w33a, #content .body .w33b, #content .body .w33c { width: 130px; float: left; }

#content .box .body .w33a, #content .body .w33b { margin-right: 10px; }



#content .bgI .body { height: 104px; background: no-repeat top right; }

#content .topI img.top { width: 491px; margin: -12px -10px 10px -10px; }



.boxfloaterleft {

  float: left;

}





/* boxenreiterfarben überall verfügbar */



#content .box h2.neu_anmelden { background: url(../images/neu_anmelden.png) no-repeat -34px 0px; }

#content .box h2.neu_anmelden .ledge { background: url(../images/neu_anmelden.png) no-repeat 0px 0px; }

#content .box h2.neu_anmelden .redge { background: url(../images/neu_anmelden.png) no-repeat -361px 0px; }



#content .box h2.sammeln { background: url(../images/sammeln.png) no-repeat -34px 0px; }

#content .box h2.sammeln .ledge { background: url(../images/sammeln.png) no-repeat 0px 0px; }

#content .box h2.sammeln .redge { background: url(../images/sammeln.png) no-repeat -361px 0px; }



#content .box h2.einloesen { background: url(../images/einloesen.png) no-repeat -34px 0px; }

#content .box h2.einloesen .ledge { background: url(../images/einloesen.png) no-repeat 0px 0px; }

#content .box h2.einloesen .redge { background: url(../images/einloesen.png) no-repeat -361px 0px; }



/* standards */



h3 { /* überschrift in boxen */

	margin: 0px 0px 7px 0px;

	font-size: 12px;

	line-height: 15px;

}

h3.neu_anmelden, strong.neu_anmelden { color: #44A155; }

h3.sammeln, strong.sammeln { color: #000000; }

h3.einloesen, strong.einloesen { color: #675AAA; }



p {	margin: 10px 0px; }



a, a:visited { white-space: normal; text-decoration: none; color: inherit; }

a.u { text-decoration: underline; font-weight: normal; }



li { overflow: visible; }



/* custom-elemente */



.br {

	clear: both;

	height: 1px;

	margin-bottom: -1px;

	line-height: 0px;

}



.hr {

	clear: both;

	height: 1px;

	margin: 5px 0px;

	overflow: hidden;

	background: url(../images/base-20050807.gif) no-repeat 0px -57px;

}



.P { /* point-symbol */

	width: 16px;

	height: 16px;

	vertical-align: -4px;

}

.pklein { /* point-symbol */

	width: 13px;

	height: 13px;

	vertical-align: -2px;

}



img.A { /* linkpfeil-symbol */

	width: 8px;

	height: 7px;

}



/* modifkatoren */



#content .box .body .w50l, #content .body .w50r { float: left; width: 230px; } /* mehrspaltig in der box */

#content .box .body .w50l { margin-right: 10px; }

#content .box .body .w33a, #content .body .w33b, #content .body .w33c { width: 130px; float: left; }

#content .box .body .w33a, #content .body .w33b { margin-right: 10px; }



.small { font-size: 10px; line-height: 12px; margin: 4px 0px; }



.left { float: left; }

.right { float: right; }

.center { margin: auto; }



img { border: none; }

img.left { margin: 5px 5px 5px 0px; }

img.right { margin: 5px 0px 5px 5px; }



/* formularelemente */



form { margin: 0px; padding: 0px; }



label.left { display: block; width: 80px; height: 21px; line-height: 21px; }



.right_fire {

  float: right;

}



input, select, textarea {

	overflow: auto;

	width: 175px; height: 17px;

	margin-top: 0px;

	margin-bottom: 10px;

	border: 1px solid #808080;

	padding: 2px;

	background: #FFF;

}

select { width: 181px; height: 21px; padding: 0px; }



input.check {	width: 20px; margin: 0px; border: none; }



textarea { width: 92%; height: 60px; overflow: auto; }



.button {

	color: #01A64F;

	width: 100px;

	height: 25px;

	margin-top: -2px;

	font-weight: bold;

	font-size: 10px;

	border: none;

	background: url(../images/base-20050807.gif) no-repeat -637px 2px;

}



/* zwei- und vierspaltiges grid */



#content .grid2, #content .grid4 {



	margin: 15px -10px;

	width: 491px;

	padding-top: 1px;

	background: url(../images/grid_cell.png) repeat-x 0px -131px;

	color: #323232;

}



#content .grid4 .cell, #content .grid2 .cell {

	float: left;

	width: 121px;

	height: 109px;

	margin: 0px 0px 1px 1px;

	background: url(../images/grid_cell.png) repeat-x -129px -23px;

}

#content .grid4 .last {	width: 120px; }



#content .grid4 .cell img { width: 120px; }

#content .grid4 .cell img.A { width: 8px; float: right; margin-top: -5px; }

#content .grid4 .cell p {	margin: 0px 5px; }

#content .grid4 .cell a {	font-weight: normal; white-space: normal; }



#content .grid2 .cell {

	width: 219px;

	height: 102px;

	background-position: -6px 0px;

	padding: 10px 5px 20px 20px;

}

#content .grid2 .last {	background-position: -5px 0px; }



/* tabellen */



#content table { width: 100%;	margin: 10px 0px; }



#content table td {	vertical-align: middle; padding: 4px; }

#content table .left { float: none; text-align: left; }

#content table .right { float: none; text-align: right; }

#content table .center { text-align: center; }



#content table.lines tr { min-height: 21px; background: url(../images/base-20050807.gif) no-repeat 0px -57px; }

#content table.lines tr.noline { background: none; margin-top:-25px; }

/* Alertbox fuer Messages in Ajax-Anwendungen*/
#sms_alertBox{
		background-color: #fbfbfb;
		width: 300px;
		height: 180px;
		left:80px;
		top:200px;
		border: 1px solid #aaaaaa;
		position:absolute;
		z-index:20;
	}