* body {
		font-family : Arial, Verdana, Georgia, "Times New Roman", Serif;
		color : #000;
		font-size : 0.9em;
		margin : 0;
		padding : 0;
		background-color : #e6e6e6;
		line-height:1.3em;
}


#center {
		position : relative;
		text-align : center;
		margin : auto;
		z-index : 1;
}


* strong {
		color : #848457;
		font-size : 1em;
}


* h1 {
		font-family : Arial;
		position : relative;
		font-size : 1.1em;										
		color : #809044;
		top : -20px;										
		margin-bottom : 5px;
		padding:4px;
		border-top:0px solid #809044;
		border-left:0px solid #809044;
		border-right:0px solid #809044;
		border-bottom:1px solid #809044	
}


* h2 {
		font-family : Arial;
		font-size : 1em;
		color : #809044;
		padding : 3px;
		border-top:0px solid #809044;
		border-left:0px solid #809044;
		border-right:0px solid #809044;
		border-bottom:1px solid #809044;
		margin-top : 45px;
		margin-bottom : 25px;
}


* h3 {
		font-size : 0.9em;
		color : #999967;
		padding : 0;
}


* a {
		text-decoration : underline;
		color : #000;
		border : 0px;
}

#content {
		position : relative;
		margin : auto;
		top : 52px;
		background-image : url(img/c_back.jpg);
		background-repeat : repeat-y;
		width : 766px; 
		text-align : justify;
		
		
}

#inhalt {
		position : relative;
		text-align : left;
		top : 32px;
		left : 25px;
		width : 710px; 
		margin-right:55px;
		text-align: justify;
		word-spacing:0.2em;
		line-height:1.3em;
		z-index : 3;

		
}


#inhalt a{
		text-decoration:underline;
}

#inhalt a:hover{
		text-decoration:none;
}

#inhalt_index {
		position : relative;
		text-align : left;
		top : 17px;
		left : 25px;
		width : 710px; 
		margin-right:55px;
		text-align: justify;
		word-spacing:0.2em;
		line-height:1.3em;
		margin-bottom:-435px;
		
}


#inhalt_index a{
		text-decoration:none;
}

#inhalt_index a:hover{
		text-decoration:none;
}


.kasten {
		position : relative;
		width : 289px;
		height : 179px;
		left : 115px;
		font-size : 1em;
		background-image : url(img/kasten.gif);
		background-repeat : no-repeat; 
		overflow:hidden;
}


.kasten a {
		position:relative;
		text-decoration:none;
		display:block;
		color : #7c9c04;
		left : 25px;
}


.kasten ul {
		margin : 0;
		padding : 0;
		list-style : none;
}


.kasten li {
		margin : 0;
		padding : 0;
}


.kasten ol {
		margin : 0;
		padding : 0;
		list-style : none;
}

* blockquote {
		position : relative;										
		padding-left:0px;
		margin-left:0px;
		text-align:justify;
		line-height:1.3em;									
}


* preeee {
		font-size : 0.9em;
		border-width : 1px;
		border-style : dashed;
		border-color : #c1c1c1;
		padding : 3px;
		background-color: #e2e2e2;
}


#banner {
		position : relative;
		top : -45px;
		left : -222px;
}


#balken_top {
		position : relative;
		text-align : center;
		margin : auto;
		top : 65px;
		background-image : url(img/balken_top.jpg);
		background-repeat : no-repeat;
		width : 766px;
		height : 40px;
		/*
		z-index : 5;
		*/
}






.link a {
		color : #65651a;
		text-decoration : none;
}


.link a:hover {
		color : #65651a;
		text-decoration : none;
}


.link a:active {
		color : #65651a;
		text-decoration : underline;
}


.link a:visited {
		color : #65651a;
		text-decoration : underline;
}


#grundlagen {
		position : absolute;
		top : 32px;
		left : -42px;
		background-image : url(img/grundlagen.jpg);
		background-repeat : no-repeat;
		width : 158px;
		height : 179px;
		z-index : 2;
}


#grundlagen_small {
		position : absolute;
		top : 1px;
		left : 764px;
		background-image : url(img/grundlagen_small.jpg);
		background-repeat : repeat-y;
		width : 12px;
		height : 177px;
		z-index : 2;
}


#visuelles {
		position : absolute;
		top : 243px;
		left : -42px;
		background-image : url(img/visuelles.jpg);
		background-repeat : no-repeat;
		width : 158px;
		height : 179px;
}


#visuelles_small {
		position : absolute;
		top : 1px;
		left : 764px;
		background-image : url(img/visuelles_small.jpg);
		background-repeat : repeat-y;
		width : 12px;
		height : 177px;
		z-index : 1;
}


#fortgeschrittene {
		position : absolute;
		top : 454px;
		left : -42px;
		background-image : url(img/fortgeschrittene.jpg);
		background-repeat : no-repeat;
		width : 158px;
		height : 179px;
}


#fortgeschrittene_small {
		position : absolute;
		top : 1px;
		left : 764px;
		background-image : url(img/fortgeschrittene_small.jpg);
		background-repeat : repeat-y;
		width : 12px;
		height : 177px;
		z-index : 1;
}


#balken_bottom {
		position : relative;
		text-align : center;
		margin : auto;
		background-image : url(img/balken_bottom.jpg);
		background-repeat : no-repeat;
		width : 766px;
		height : 29px;
		left : -1px;
		z-index : 4;
}


#nach_oben {
		position : absolute;
		width : 94px;
		height : 29px;
		right : -1px;
}


#echse {
		position : absolute;
		width : 143px;
		height : 189px;
		top : -105px;
		right : -25px;
		z-index : 3;
}




#grayfont {
		position : relative;
		left : 0;
}


.kasten a:hover {
		position:relative;
		color : #65651a;
		text-decoration : none;
}


.kasten a:active {
		color : #65651a;
		text-decoration : underline;
}


.kasten a:visited {
		color : #7c9c04;
}

.kasten ul{
		position : relative;
		top:-7px;

}

.kasten ul li {
		position : relative;
		left : -19px;
		width : 287px;
		margin : 0;
		height:22px;
		margin-bottom : 3px;
		padding-top : 3px;
		padding-bottom : 0px;
}


.kasten ul li:hover a {
		margin : 0;
		padding : 0;
		color : #fff;
		height:22px;
		margin-bottom : -3px;
		padding-top : 0px;
		padding-bottom : 5px;
		display:block;
		width:263px; text-decoration:none;
}


.top li:hover {
		background-color : #9a8a68;
		margin : 0;
		padding : 0;
		color : #fff;
		margin-bottom : 3px; /*4*/
		padding-top : 3px; /*3*/
		padding-bottom : px; /**/
}

.mid li:hover {
		background-color : #9a9a68;
		margin : 0;
		padding : 0;
		margin-bottom : 3px; /*4*/
		padding-top : 3px; /*3*/
		padding-bottom : px; /**/
}


.bot li:hover {
		background-color : #cccc9a;
		margin : 0;
		padding : 0;
		margin-bottom : 3px; /*4*/
		padding-top : 3px; /*3*/
		padding-bottom : px; /**/
}


#einf {
		position : relative;
		left : 20px;
		top : 28px;
}


.f_kasten {
		position : absolute;
		left : -20px;
		top : -45px;
}


#text {
		position : relative;
		left : 20px;
		top : 28px;
}


#graf {
		position : relative;
		left : 20px;
		top : 28px;
}


#lay {
		position : relative;
		left : 20px;
		top : 28px;
}


#php {
		position : relative;
		left : 20px;
		top : 28px;
}


#wiss {
		position : relative;
		left : 20px;
		top : 28px;
}


#bottom {
		position : relative;
		top : 28px;
		text-align : center;
		color : #8a8a8a;
		font-size : 0.7em;
}


#bottom a {
		color : #8a8a8a;
}


#bottom a:hover {
		text-decoration : underline;
}


#bottom a:visited {
		color : #8a8a8a;
}


#bottom a:active {
		color : #8a8a8a;
}


#reiter_start {
		position : absolute;
		top : +10px;
		left : 24px;
		color : #ffffff;
		font-size : 0.8em;
		padding-top : 1px;
		padding-bottom : 1px;
		line-height:1.3em;
		z-index:1;
}


#reiter_start:hover {
		background-color : #aac057;
		color : #ffffff;
}


#reiter_start_strich {
		position : absolute;
		top : -28px;
		left : 95px;
		color : #ffffff;
		font-size : 0.8em;
		font-weight : normal;
}


#reiter {
		position : absolute;
		top : -30px;
		left : 110px;
		color : #ffffff;
		font-size : 0.8em;
		font-weight : normal;
		padding : 2px;
}


#reiter:hover {
		background-color : #aac057;
		color : #ffffff;
}


.weiter {
		position : relative;
		color : #7c9c04;
		text-align : right;
}


.weiter a {
		color : #7c9c04;
}


.weiter a:hover {
		color : #65651a;
		text-decoration : underline;
}


.weiter a:active {
		color : #65651a;
		text-decoration : underline;
}


.weiter a:visited {
		color : #7c9c04;
}


.code {
		background-image : url(img/code_back.png);
		background-repeat : repeat-y;
		font-family : verdana;
		font-size : 0.7em;
}


#row_hover tr:hover{
		background-color:#eee;
}


#row_hover tr td{
		position : relative;
		padding:4px;
		line-height:1em;
}

.comment {
		width:700px;
		color : #333;
		font-size : 0.9em;
		font-weight : normal;
		padding : 3px;
		margin-top:2px;
		border:1px solid #bbb;

		line-height:1.1em;
}

.commentall{
		width:400px;
		color : #666;
		font-size : 0.9em;
		font-weight : normal;

		line-height:1.1em;
}


.commentall a{
		color : #666;
		font-size : 0.9em;
		font-weight : normal;
		line-height:1.1em;
}

.commentall a:hover{
		color : #444;
		text-decoration:underline;

}


.commentall strong{
		color : #666;
}

.info{
		position:relative;
		float:right;
		top:26px;
		height:107px;
		right:20px;
		background-color:#cdcd9b;
		padding:5px;
		font-size : 0.7em;
		font-weight : normal;
		line-height:1.1em;
		z-index:2;
}

.formular{
		position:relative;
		width:743px;
		left:-19px;
		color:#000;
		border-top:0px solid #bbb;
		border-bottom:1px solid #bbb;
		border-left:0px solid #bbb;
		border-right:0px solid #bbb;
		padding:5px;
		font-weight : normal;
		background-color:#cdcd9b;
}

.submit{
		background-color:#fff;
		border:1px solid #666;		
		
		}
		
		
.normal{
		font-weight : bolder;
		font-size:1em;
		color:#666;
}		

.kformular{
		position:relative;
		width:743px;
		left:+30px;
		color:#000;
		padding:5px;
		font-weight : normal;
}

.css_referenz {
		position : absolute;
		left:734px;

}

.bild{
		position:relative;
		text-decoration:none;
		float:right;
		padding-top:20px;
		padding-bottom:6px;
		padding-left:30px;
		padding-right:20px;
		color:#000;

}

.bild p{
		position:relative;
		top:-8px;
		text-align:center;
		font-size:0.7em;
		color:#888;
}


.querverweis{
		position:relative;
		float:right;
		text-align:center;
		right:0px;
		color:#777;
		font-size:0.8em;
		background-color:#eeeeee;
		padding:15px;
		margin-left:10px;
		margin-bottom:10px;	
		text-decoration:underline;		
}



.zurueck {
		position:relative;
		left:320px;
		top:30px;
		bottom:10px;
		text-decoration:underline;

}


.zurueck:hover{
		text-decoration:none;
}

.box{
		position:relative;
		text-align:left;
		width:300px;
		margin-bottom:15px;
		left:180px;
		font-size:0.9em;
}


.eingeboxt {
border: 1px solid #555;
padding:10px;
}


.eingeboxt2 {
border: 1px solid #aaa;
padding:10px;
}

.kacheln{
		position:relative;
		margin:auto;
		padding:5px;
		border:1px solid #aaa; 
		width:300px;
}

#row_hover{
		position : relative;
		left:230px;
}

#row_hover tr:hover{
		background-color:#eee;
}


#row_hover tr td{
		position : relative;
		padding:10px;
		line-height:1em;
}







.middle{
		position:relative;
		text-align:center;	
}


.middle a{
		position:relative;
		text-align:center;
		text-decoration:underline;
		line-height:1.6em;
		color:#424242;
}

.middle a:hover{
		position:relative;
		text-align:center;
		text-decoration:underline;
		color:#000;
}

.bild{
		position:relative;
		text-decoration:none;
		float:right;
		padding-top:10px;
		padding-bottom:6px;
		padding-left:20px;
		padding-right:10px;
		color:#000;

}

.bild p{
		position:relative;
		top:-8px;
		text-align:center;
		font-size:0.7em;
		color:#888;
}