/*	-------------------------------------------------------------
	Praxisbuch Web 2.0, 2-Col Fluid Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         Vitaly Friedman
	.version       1.0
	.url       praxisbuch-web20.de
	.timestamp       15/08/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
               }

/*	-------------------------------------------------------------
	2. ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               body {
               	font:normal 0.6em/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
               	min-width:800px;
                    background-color: #fff;
               }
               
               ol, ul {
                    padding: 0.5em 0 1em 3em;
                    margin: 0.5em 0 0 0;
               }
               
               blockquote {
                    font-family: Helvetica, Arial, sans-serif;
                    padding: 1em 1.5em;
                    font-size: 2.4em;
                    line-height: 1.3em;
               }
               p {
                    font-size: 1.1em;
                    line-height: 1.6em;
                    margin: 0.8em 0;
               }
               
               p.intro {
                    background-color: rgb(239, 246, 253);
                    border: 1px dashed rgb(217, 231, 237);
                    padding: 12px;
               }
               p.kritik {
/*
                    padding-left: 10px;
                    border-left: 7px solid #E9F4C8; 
*/
                    position: relative;
                    top: -10px;
               } 
/*	-------------------------------------------------------------
	3. VERWEISE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               a {
               	text-decoration:underline;
                    color:#1F7ED3;
                    font-weight: bold;
               }
             
               a:hover {
               	text-decoration:none;
               }
               
               a:visited { 
                    color: #4197E3;
               }

               a img {
                    border: none;
               }
               
/*	-------------------------------------------------------------
	4. ÜBERSCHRIFTEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               h1 {
                    font-family: Georgia, "Times New Roman", Times, serif;
                    font-size:1.8em;
                    letter-spacing:-1px;
                    font-weight:normal;
                    color:#444;
                    margin:15px 0 0 0;
                    padding-bottom:5px;
                    clear:both;
               }
               
               #rechtespalte h2 {
                    font-family:Georgia, "Times New Roman", Times, serif;
                    font-size:20px;
                    letter-spacing:-1px;
                    font-weight:normal;
                    padding: 5px;
               }
               
               h2 {
                    font-family: "Lucida Sans Grande", "Helvetica", Arial, sans-serif;
                    font-size: 3.8em;
                    line-height: 1.1em;
                    margin: 0 0 4px 0;
               }


               
               h2.gliederung {
                    margin: 0.5em 0;
               }
               
/*
               #linkespalte h2 {
                    color: #99CC00;
               }
*/
               #linkespalte h2 {
                    padding: 0;
                    margin: 0 0 15px 0;
					font: normal 4.3em Helvetica;
					color: #86B300;
               }
               #linkespalte h2 a {
                    /* background-color: #99CC00; */
					  color: #8CBD00;
                    text-decoration: none;
                    display: block;
                    font-weight: normal;
               }

               #linkespalte h3 {
						border-bottom: 1px solid #ddd;
						padding: 0 0 3px 0;
						font-weight: bold;
						font-size: 1.2em;
						margin: 2em 0 0 0;
						color: #333;
               }
               #linkespalte h3.first {
               		margin: 1em 0 0 0;	
              }

               #linkespalte h2.linkcode {
                    font-size: 1.5em;
                    line-height: 1.3em;
               }

/*	-------------------------------------------------------------
	5. STRUKTUR, LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #navcontainer{
                    position:relative;
                    width:850px;
                    min-width:850px;
                    min-height:45px;
                    margin:0 auto;
                    background-color: #333;
               }
               
               #header {
                    position:relative;
                    clear: both;
                    width:880px;
                    margin:0 auto;
                    text-align:left;
                    background-color: #fff;
               }
               
               #footer {
                    width:880px;
                    height:50px;
                    text-align:center;
                    margin:0 auto;
                    margin-top:6px;
               }
               #footer #container {
                    width:850px;
                    margin:0 auto;
                    padding-top:10px;
                    padding-bottom:10px;
                    padding-left: 30px;
                    text-align:left;
               }
               
               #rechtespalte {
                    float:right;
                    padding: 50px 0;
                    width:300px;
                    height:255px;
                    text-align: center;
               }
               
               #linkcodes {
                    float: right;
                    width: 150px;
                    position: relative;
                    top: 19px;
                    right: 60px;
               }

				#linkespalte .ulivz {
				     list-style-type: none; 
				     margin: 0 0 0 6px; 
				     padding: 0;
				}
				#linkespalte .liivzone {
				    margin: 15px 0 0 0; 
				    padding: 3px 3px 3px 3px; 
				    border-top: 10px;
				    font-weight: bold;
				    font-size: 14px;
				    background-color: #cccccc;
				}
				#linkespalte .liivztwo {
				    margin: 2px 0 0 12px; 
				    padding: 1px 0 2px 0; 
				
				}
				#linkespalte .liivzthree {
				    margin: 2px 0 0 36px; 
				    padding: 0 0 2px 0; 
				}
/*	-------------------------------------------------------------
	6. OBERE NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #navcontainer {
                    background-color: #EAF2F5;
                    height: 75px;
                    border-bottom: 1px solid #D9E7ED;
                    border-left: 1px solid #D9E7ED;
                    border-right: 1px solid #D9E7ED;
               }
               
               #oberenavigation{
                    position:absolute;
                    padding-top:42px;
                    left: 25px;
                    font-size: 1.1em;
               }
               
               #oberenavigation ul {
                    list-style:none;
                    margin:0;
                    padding:0;
               }
               #oberenavigation  li {
                    float:left;
                    text-align:center;
               }
               	
               #oberenavigation ul li a {
                    height:16px;
                    display:block;
                    text-decoration:none;
                    padding:6px 10px 10px;
                    margin: 3px;	
                    float:left;
                    display: inline;
                    /* background-color: #C1DCF7; */
                    /*
                    border-left: 1px solid transparent;
                    border-top: 3px solid transparent;
                    border-right: 1px solid transparent;
                    funktioniert in IE 6 nicht
                    */
                    border-left: 1px solid #EAF2F5;
                    border-top: 3px solid #EAF2F5;
                    border-right: 1px solid #EAF2F5;
               }
               
               #oberenavigation ul li a.selected{
                    text-decoration:none;
                    /*
                    background-color: #99CC00;
                    */
                    background-color: #fff;
                    color: #5795BA;
                    font-weight: bold;
                    border-left: 1px solid #D9E7ED;
                    border-top: 3px solid #CAE2EB;
                    border-right: 1px solid #D9E7ED;
                    -moz-border-radius: 3px;
               }
               #oberenavigation ul li a:hover{
                    text-decoration:none;
                    background-color: #fff;
                    -moz-border-radius: 3px;
                    border-left: 1px solid #D9E7ED;
                    border-top: 3px solid #99CC00;
                    border-right: 1px solid #D9E7ED;
               }
               
               #oberenavigation ul li a:hover{
                    color:#333;
               }
               
               #oberenavigation ul li a {
                    font: normal 1.15em 'Trebuchet MS';
                    text-decoration:none;
                    text-transform:uppercase;
                    color:#5795BA;
               }
               
               #linkcodes p {
                    margin: 3px 0 3px 3px;
                    text-align: left;
               }

/*	-------------------------------------------------------------
	7. LINKE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #linkespalte {
                    float:left;
                    width:55%;
                    padding:40px 0 0 45px;
                    font-size: 1.2em;
                    line-height: 1.55em;
                    color:#3E3E3E;
               }	

               #linkespalte p.autor {
                    margin-bottom: 7px;
                    color: eee;
               }	

               #linkcodespalte {
                    width:800px;
                    padding:40px 0 0 45px;
                    font-size: 1.2em;
                    line-height: 1.55em;
                    color:#595959;
               }	

               #linkcodespalte ol {
                    padding:20px 0 0 45px;
                    font-size: 1.3em;
                    line-height: 1.55em;
                    color:#595959;
               }	
                            
               #linkcodespalte p img {
                    text-align: center;
               }
                              
               #linkespalte li  {
                    margin: 8px 0 0 0;
						font-size: 1.1em;
						line-height: 1.6em;
               }

#linkespalte li p {
	font-size: 1em;
	
}
/*	-------------------------------------------------------------
	8. RECHTE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #rechtespalte {
                    color:#4C4C4C;
               }

               #rechtespalte h1 {
                    padding-top:10px;
                    background:none;
                    margin-bottom:15px;
               }

               #rechtespalte h2 {
                    margin-bottom:5px;
               }

               #rechtespalte p {
                    margin-right:120px;
                    padding-bottom:20px;
               }
               
               #details {
                    text-align: left;
                    font-size: 1.1em;
                    float: left;
               }

               #details ul {
                    list-style: none;
               }
               
               #details ul li {
                    padding: 3px 3px 3px 10px;
               }
               
               #details ul li.ungerade {
                    background-color: #EFF6FD;
               }

/*	-------------------------------------------------------------
	9. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #footer {
                    border-top:5px solid #EAF2F5;
                    color: #444444;
               }

/*	-------------------------------------------------------------
	10. FORMULARE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               select, input, textarea {
                    font: 1em Georgia, "Helvetica", Arial, Georgia, sans-serif;
                    padding: 2px 4px;
                    margin: 5px;
                    font-size: 1.2em;
                    border: 1px solid #D9E7ED;
               }
               
               select {
                    padding: 1px 0 1px 2px;
               }
               
               input.submit {
                    background-color: #EAF2F5;
                    margin: 5px 5px 5px 0;
               }
               fieldset {
                    background-color: #fff;
                    border-left: 1px solid #D9E7ED;
                    border-top: 4px solid #D9E7ED;
                    border-right: 1px solid #D9E7ED;
                    border-bottom: none;
                    -moz-border-radius: 3px;
               }

/*	-------------------------------------------------------------
	9. CLEARFIX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               clear {
                    clear:both; 
                    height:1px; 
                    line-height: 1px;
               }
               
               .clearfix:after {
                    content: "."; 
                    display: block; 
                    height: 0; 
                    clear: both; 
                    visibility: hidden;
               }
               
               * html>body .clearfix {
                    display: block; 
                    width: 0;
               }
                
               * html .clearfix {
                    /* Hides from IE-mac \*/
                    height: 0;
                    /* End hide from IE-mac */
               }