/*  
Theme Name: Kaune-Hardwig
Description: Theme für kaune.hardwig.com
Version: 2.0
Author: Kaune & Hardwig
Author URI: http://kaune.hardwig.com/
*/

/* Basic */
body,
div,
ul,
li,
p,
h1,
h2,
h3,
blockquote {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
q::before,
q::after {
	content: "";
}
body {
	font: 11px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
	padding: 0 10px 30px 23px;
	color: #000;
	background: #fff;
}
*::-moz-selection {
	background-color: #000;
	color: #E4FF00;
}
*::selection {
	background-color: #000;
	color: #E4FF00;
}
h1,
h2,
h3 {
	font-weight: bold;
	font-size: inherit;
	font-size: 1em; /* IE 7 */
}
a img {
	border: none;
}
.nobr {
	white-space: nowrap;
}
.sp {
	word-spacing: -1px;
	white-space: nowrap;
}
blockquote {
	border-left: 1px solid #000;
	padding-left: 9px;
}

/* Header, Footer, Navi */
#header {
	padding: 30px 0 0 7px;
	overflow: auto;
}
a#name {
	display: block;
	width: 237px;
	height: 29px;
	overflow: hidden;
	text-indent: -9998px;
	background: transparent url(images/Kaune-und-Hardwig.png) no-repeat 0 0; 
	padding-bottom: 40px;
}
.navi {
	display: block;
	overflow: auto;
	padding-left: 1px;
}
.navi li {
	float: left;
	display: block;
}
#header .navi a {
	display: block;
	float: left;
	padding: 2px 10px 3px;
}
#footer {
	clear: left;
	padding: 10px 43px 10px 7px;
	font-size: 9px;
}
#footer ul {
	background: transparent url(images/footer.gif) no-repeat 0 0;
	padding-top: 10px;
}
#footer .tel {
	display: block;
	float: left;
	padding: 2px 1px;
}
#footer .kontakt a {
	margin-right: 1em;
}
#footer .navi li {
	float: left;
	overflow: auto;
	padding-right: 1px;
}
#footer .navi a {
	display: block;
	float: left;
	padding: 2px;
}

/* Content */
#content {
	clear: left;
	overflow: hidden;
	padding: 20px 0 20px 7px;
}	
#kontakt,
.ddfmwrap,
.info div,
div.image { /* Kontakt-Seite, Info und Bilder auf Single */
	margin: 0 9px 9px 0;
	float: left;
}
.info {
	padding: 9px 0 18px;
	overflow: auto;
	width: 100%; /* IE 6 */
}
.info div {
	width: 320px;
	padding-right: 20px;
}
.info p, .info img {
	margin-bottom: .75em;
}
.image {
	max-width: 729px;
}
.image p {
	min-height: 4em;
	padding-right: 100px;
}
* html .image p {  /* IE 6 */
	width: 629px;
	height: 4em;
}
#content div.clear {
	clear: left;
}

/* Index */
#index {
	clear: left;
	overflow: hidden;
	padding: 20px 0 40px;
	width: 100%; /* IE 6 */
}
#index li {
	float: left;
	display: block;
	width: 237px;
	margin-right: 9px;
	height: 277px;
}
* html #index li { /* IE 6 */
	margin-right: 0;
	display: inline;
}
* html #index li#banner { /* IE 6 */
	margin-right: 18px;
}
#index li#banner {
	width: 729px;
	height: 545px;
}
#index img {
	margin-bottom: 7px;
/* nur falls mit falschen Bildmaßen eingestellt: */
	width: 237px;
	height: 200px;
	display: block;
	overflow: hidden;
}
#index li#banner img {
	width: 729px;
	height: 477px;
}
#index li a {
	display: block;
	width: 100%;
	height: 268px;
	padding: 9px 9px 0;
	text-decoration: none;
	line-height: 1.2;
}
#index li#banner a {
	height: 100%;
}
#index li a:focus,
#index li a:hover {
	background-color: #ddd;
}
#index li a:active {
	background-color: #aaa;
}
#index li.news a:active {
	background-color: #F9FFBF;
}
.titel {
	margin: 0 .4em 0 0;
	font-weight: bold;
	font-size: inherit;
}
.datum {
	word-spacing: -2px;
	white-space: nowrap;

}
.news p.datum {
	margin-bottom: 0;
}
strong.datum {
	margin: 0 .4em 0 0;
	font-weight: bold;
	font-size: inherit;
}
.label {
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 1px;
	color: #728000;
}
a:hover .label {
	color: #000;
}
/* News */
.news h1 {
	margin-bottom: 18px;
	font-weight: normal;
}
.news h1 strong {
	margin-right: .4em;
}
.news h2 {
	padding-top: 18px;
}
.news h3 {
	padding-top: 54px;
	clear: both;
}
.news p {
	width: 340px;
	margin-bottom: 9px;
}
.news ul {
	width: 340px;
	margin: 9px 0;
}
.news li {
	margin-bottom: 9px;
}
.news img {
	display: block;
}
.news #index {
	position: relative;
	left: -9px;
}
.news #index a:active {
	background-color: #F9FFBF;
}
.abreast {
	max-width: 729px;
	overflow: auto;
}
.abreast img, .abreast p {
	float: left;
	margin-right: 9px;
}

/* Links */
a {
	padding: 1px 1px 3px;
}
a:link,
a:visited,
a:focus,
a:hover,
a:active {
	text-decoration: underline;
	color: #000;
	outline: none;
	border: none;
	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}
a:focus,
a:hover {
	background: #E4FF00;
}
a:active {
	background: #CAE200;
}
#header .navi a {
	color: #fff;
	background: #000;
	font-weight: bold;
	margin-right: 5px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
 }
#header .navi a:hover {
	background: #E4FF00; 
	color:#000;
}
#header .navi a:focus {
	background: #E4FF00; 
	color:#000;
}
#header .navi a:active {
	background: #CAE200; 
	color:#000;
}

/* Pages */
#studio {
	max-width: 708px;
	font-size: 19px;
	line-height: 1.48;
	font-family: Georgia, serif;
	padding: 0 21px 27px 0;
}
#malte,
#florian,
#auftraggeber,
#leistungen {
	width: 346px;
	float: left;
	line-height: 1.7;
	padding: 0 14px 27px 0;
	margin: 0 9px 9px 0;
}
#leistungen,
#malte {
	clear: left;
}
#studio h2,
#malte h3,
#florian h3 {
	float: left;
	padding-right: .3em;
	word-spacing: -1px;
}
#leistungen p {
	margin-bottom: 1em;
}
#leistungen h3,
#auftraggeber h3 {
	line-height: 1.3;
	padding-bottom: .4em;
	word-spacing: -1px;
}
#auftraggeber li {
	margin-bottom: .1em;
}
#studio h2 {
	word-spacing: -1px;
}
* html #post-2, /* Studio */ 
* html #post-28 { /* Kontakt */ 
	width: 740px; /* IE 6 */
}
*+html #post-2, /* Studio */ 
*+html #post-28 { /* Kontakt */ 
	width: 740px; /* IE 7 */
}
#kontakt {
	width: 330px;
}
#impressum {
	width: 483px;
}
#impressum h2,
#impressum h3 {
	margin-top: 1em;
}
#kontakt p,
impressum p {
	margin-bottom: .8em;
}
#kontakt img { /* Lageplan */
	padding-top: 30px;
}
.success {
	padding-left: 100px;
}
.tel a {
	text-decoration: none;
}
.tel span, .ts {
	padding-right: .25em;
}
.page-404 img {
	display: block;
	padding: 20px 0;
}
/* Single */
.posts-nav {
	float: none;
	font-size: 27px;
	line-height: 1;
	text-align: right;
}
.posts-nav.top {
	position: absolute;
	width: 129px;
	left: 630px;
}
.posts-nav.bottom {
	width: 729px;
	clear: left;
}
.posts-nav a {
	display: block;
	float: right;
	text-decoration: none;
	padding: 0 8px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.posts-nav a:link,
.posts-nav a:visited {
	text-decoration: none; /* IE 6 */
}
.posts-nav .prev a {
	padding: 0 6px 4px 9px;
}

/* Kontaktformular */
form.ddfm .required,
.ddfmerrors,
.errorlist {
	color: #C92A00;
}
#content div.ddfmwrap {
	width: 390px;
	position: relative;
	top: -2px;
}
form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}
form.ddfm legend {
	padding: 0 6px;
	margin: 0 0 0 10px;	 
}
form.ddfm label {
	display: block; 
	float: left; 
	width: 95px; 
	text-align: right;
	margin: 0 5px 0 0; 
	padding: 3px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 200px; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 270px;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 275px;
	margin-bottom: 15px;
	padding: 3px;
	border: none;
	resize: vertical;
	font: 11px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 130px;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 130px;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 275px;
	margin-bottom: 9px;  
	padding: 3px;
	border: none;
}
form.ddfm input.fmfile,
form.ddfm input.fmtext,
form.ddfm textarea {
	background: #F9FFBF;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	transition: background .3s ease;
}

form.ddfm input.fmfile:hover, form.ddfm input.fmfile:focus,
form.ddfm input.fmtext:hover, form.ddfm input.fmtext:focus,
form.ddfm textarea:hover, form.ddfm textarea:focus {
	background: #DFFFAD;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	display: none;
}

form.ddfm .submit {
	margin-top: 15px;
	margin-right: 0;
	text-align: right;
	clear:both;
	width: 98%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 95px; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	font-weight: bold;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 270px;
	margin-bottom: 15px;  
	padding: 0 3px 3px 10px;
	text-align: left;
	border-left: 1px solid #C92A00;
	color: #000;
}

@media only screen and (max-width: 785px) {
	
.image img, #index li#banner img {width: 100%; height: auto;}
.posts-nav.top {display: none;}
.posts-nav.bottom {width: 100%;}
#index li#banner {width: 483px; height: 361px;}


}

@media only screen and (max-width: 544px) {
body {-webkit-text-size-adjust:none; font-size: 15px;}
#index li#banner {margin-bottom: 40px;}
#footer {font-size: 11px;}
#footer .tel {display: none;}
}


@media print {
body {
	background: #fff;
	color: #000;
	padding: 1cm;
}
#index,
#content {
	width: 100%;
	padding: 0;
}
#header, 
#footer,
.posts-nav,
.news h3,
.news #index,
.ddfmwrap {
	display: none;
}
#studio {
	font-size: 1.4em;
}	
#studio,
#malte,
#florian,
#leistungen,
#auftraggeber {
	width: auto;
	padding: 0 0 .5em;
	margin: 0;
}
a:link {
	text-decoration: none;
	color: #000;
}
p,
ul {
	margin-bottom: .75em;
	max-width: 47em;
}
}