@charset "utf-8";

/* Define general styles
==================================== */
@media all {
	* {
		font-family:Georgia,Palatino,"Palatino Linotype",FreeSerif,serif;
		font-size: 100.01%;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;		
		margin: 0; 
		padding: 0; 
	}
	html {
		color:#222;
		font-size:16px;
		line-height: 1.5;
		height: 100%;
		width: 100%;
		background:#fff;
	}
	body{
		padding:30px;
	}
	img{
		border:0;
	}
	a{
		color:#865324;
		text-decoration:none;
		border-bottom:1px solid #865324;
	}
	b{
		font-weight:bold;
	}
	h1, h2, h3, h4, .h2, .h3, .h4{
		font-style:italic;
		font-weight:bold;
		font-size:2em;
		color:#865324;
		line-height: 2.5;
	}
	h2, .h2{
		font-size:1.2em;
	}
	h3, .h3{
		font-size:2em;
	}
	h4, .h4{
		font-size:2em;
	}
	p {
		padding-bottom:16px;
	}
}

/* Define screen styles
==================================== */
@media screen, projection, print {
	#side{
		width:280px;
		float:left;
		text-align:right;
		padding-right:30px;
	}
	#logo{
		width:300px;
		height:180px;
		padding-top:40px;
		overflow:hidden;
	}
	#logo a{
		border:0;
		position:relative;
		margin:0;
		background:transparent url(../images/stadt.werk-logo.png) 5px 100px no-repeat;
		padding:130px 140px;
	}
	#text{
		margin-top:116px;
		width:530px;
		margin-left:310px;
	}
	#impressum{
		position:absolute;
		width:100px;
		height:30px;
		left:780px;
		bottom:40px;
		
	}
}