/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet styles-site.css ****/

body {
	background: url(http://innoq.com/images/q.gif) no-repeat left top white fixed;
	text-align:center;
	padding:50px 210px 30px 120px;
	margin:0;
	position:relative;
	font-family:"Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; 
	}
	
div {
		text-align:left;
		}
#articles{
        border-right:1px dashed;
	border-top:1px dashed;
	border-left:1px dashed;
	border-bottom:1px dashed;
        width:160px;
	position:absolute;
	right:20px;
	top:160px;
        font-size:11px;
        padding:10px;
        }
               #articles a {
				text-decoration:none;
				}
		#articles  a:hover {
				text-decoration:underline;
				}
               #articles p{
                                font-size:10px;
               }
               #articles h3 {
                                 font-weight:bold;
                                 color:#4F7180;
              }
	
#kopf {
		width:80%
		margin:30px;
		}
		
		#kopf img {
			float:right;
			}			
			
#content {
		margin:0 0 50px 190px;
		}	
		/*
		#content ul, #content li {
				margin:0;
				padding:0;
				}		
		*/
		#content li {
				/* list-style-type:none; */
				font-size:12px;
				line-height:18px;
		color:#333;
				}
					
#nav {
		width:140px;
		position:absolute;
		left:140px;
		top:160px;		

		}
		
		#nav ul {
				padding:0;
				margin:0 0 10px 0;
				}

		#nav li {
				font-size:11px;	
				list-style-type:none;	
				margin:0;
				padding:0;
				line-height:18px;
				}
		
				#nav li a {
						text-decoration:none;
						}
		
						#nav li a:hover {
						text-decoration:underline;
						}

		#nav h2 {
				font:11px bold "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
				font-weight:bold;
				padding:0;
				margin:0 0 5px 0;
				}
				
			
label {
				font-size:11px;
				color:#333;
				padding:5px 0;
				margin:0;
				}
				
				#nav label {display:block;}
				
h1 {
		font:26px bold Georgia, Times, serif;
		color:#4F7180;
		line-height:20px;
		}
		
		h1 span {
				color:#75B0CB;
				font-size:16px;
				font-weight:normal;
				display:block;
				}
				
				h1 a {
					text-decoration:none;
					color:#4F7180;
					}
					
					h1 a:hover {
							text-decoration:none;
							background:transparent;
							color:#4F7180;
							}
				
h2 {
		font:20px bold Georgia, Times, serif;
		color:#4F7180;
		margin:30px 0 10px 0;
		padding:0;
		}	

h3 {
		font:16px bold Georgia, Times, serif;
		color:#4F7180;
		margin:10px 0 10px 0;
		padding:0;
		}		

		h2 a, h3 a {
			text-decoration:none;
			color:#4F7180;
			}

			h2 a:hover, h3 a:hover {
					text-decoration:none;
					background:#4F7180;
					color:#fff;
					}	

p,td {
		font-size:12px;
		color:#333;
		line-height:18px;
		margin:10px 0;
		padding:0;
		}

		
		p.data, p.note  {
				font-size:10px;
				color:#999;
				}

		#nav p {
				font-size:10px;
				}
			
img {
		border:0;
		}
		
a {
		color:#4F7180;
		text-decoration:underline;
		}	

		a:hover {
				background:#4F7180;
				color:#fff;
				text-decoration:none;
				}	

		
hr {
		clear:both;
		visibility:hidden;
		width:100%;
		padding:0;
		margin:0;
		}



li a.feed {
		font-style:italic;
		}

blockquote {
		margin:0;
		padding:0 30px;
		border-left:2px solid #e0e0e0;
				color:#666;
				font-size:11px;
				line-height:18px;
				}
pre {
		margin:0;
		padding:0 30px;
		border:2px solid #e0e0e0;
				color:#666;
				font-size:11px;
				line-height:18px;
				}
input,textarea {
		border:1px solid #666;
		color:#666;
		margin-bottom:4px;
		font-size:11px;
		}
		
		input.knopf {
				background:#e0e0e0;
				border:1px solid #999;
				}
				
		input#search {
				width:110px;
				}

dl {
		font-size:12px;
		color:#666;
		line-height:18px;
		}

dd  {
		margin:0 0 5px 0;
		padding-left:0;
		}


body#index li#home, 
body#qlinks li#quicklinks, 
body#b-roll li#blogroll, 
body#arc li#archiv  {
		font-weight:bold;
		} 

body#index li#home a:hover, 
body#qlinks li#quicklinks a:hover, 
body#b-roll li#blogroll a:hover, 
body#arc li#archiv a:hover {
		background:transparent;
		text-decoration:none;
		color:#4F7180;
		} 

div.script {
		font-size:11px;color:#666;
		}