/*
Basisvorlage CSS / Druck
www.apfelarzt.de
Start: 15.06.2009
Last modified: 03.07.2009
*/


/* Globals 
--------------------------------------------------------------------------------------- */
* {
	background-color: #fff !important;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 16pt;
	color: #000;
	
	/* in der deutschen Sprache */
	quotes:"\201E" "\201C" "\201A" "\2018";
	/*
	in der englischen Sprache:
	quotes:"\201C" "\201D" "\2018" "\2019";
	*/
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
	float: none !important;
	width: auto !important;
	margin: 0 5%;
	padding: 0;
	background: transparent none;
	border: 0;
}

#wrapper:after {
	content: "Alle Rechte vorbehalten. Copyright 2009 www.apfelarzt.de";
	color: #666;
	font-size: 0.85em;
}


/* Header */
#header {
	float: left;
	width: 100%;
	margin-bottom: 18pt;
	padding-bottom: 2pt;
	border-bottom: 1px solid #609200;
}

#header h1 span {
	display: none;
}

#header h1 a {
	text-decoration: none;
	border: 0;
}

#header h1 a:not([href^= '#']):after {
	content: "";
}

#logo {
	float: left;
}

#claim {
	float: right;
}


/* Navigation
--------------------------------------------------------------------------------------- */
#skip,
#navigation,
#login {
	display: none;
}


/* Meta-Info
--------------------------------------------------------------------------------------- */
#meta-info {
	display: none;
}


/* Content
--------------------------------------------------------------------------------------- */
#content [title]:after {
	content: " ("attr(title)") ";
	color: #eee;
	font-style: italic;
	font-size: 0.85em;
}


/* Links
--------------------------------------------------------------------------------------- */
a,
a:link,
a:visited,
a:hover,
a:active {
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dotted #00f;
}

a:not([href^= '#']):after {
	content: " (" attr(href) ") ";
	font-size: 0.85em;
	color: #ccc;
	font-style: italic;
}


/* Typografische Elemente
--------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 16pt 0;
	padding: 2pt 0;
}

h1 {
	font-size: 20pt;
	font-weight: normal;
}

h2 {
	font-size: 18pt;
	font-weight: bold;
}

#service h2, h3 {
	font-size: 15pt;
	font-weight: bold;
}

#home-categories li h3 {
	margin: 16pt 0 0;
}

h4, h5, h6 {
	margin: 0;
	font-size: 12pt;
	font-weight: bold;
}

p {
	margin: 16pt 0;
}

#home-categories li p {
	margin: 0;
}

.content-column p {
	margin: 0 0 16pt 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

hr {
	/*width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #333;
	border-bottom: 0px solid #333;*/
	page-break-before: always;
	color: #fff;
	margin-bottom: 3em;
	text-align: left;
}

hr:after {
	content: "Original:\www.apfelarzt.de/.";
}

q:before,
blockquote:before {
	content: open-quote;
}

q:after,
blockquote:after {
	content: close-quote;
}

#home-categories,
#service,
#main,
.content-column {
	border-bottom: 1px solid #609200;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

#content img[alt]:after {
	content: "\A ("attr(alt)")";
}

.signature {
	display: none;
}

#teaserImg,
#flashTeaser {
	display: none;	
}


/* Tables
--------------------------------------------------------------------------------------- */
table {
	width: 100%;
	margin: 16pt 0;
	border-spacing: 2px;
}

caption {
	caption-side: top;
	float: left;
	font-weight: bold;
	text-align: left;
}

th, td {
	padding: 0 2pt 2pt;
}


/* Listen 
--------------------------------------------------------------------------------------- */
ul {
	list-style-type: disc;
	margin: 16pt 0;
	padding: 0 0 16pt 12pt;
}

ol {
	padding: 0 0 0 20pt;
}

li {
	margin: 0;
	padding: 0;
}


/* Formulare
--------------------------------------------------------------------------------------- */
textarea, input[type=text] {
	border: none;
	border-bottom: 2px #000 dashed;
}

#callButton {
	margin: 0;
	padding: 0;
	border: 0;
}

#skypeButton,
#ichatButton,
#supportButton {
	display: none;
}


/* Blog
--------------------------------------------------------------------------------------- */
#blog-header {
	margin: 0 0 6pt;
	font-weight: bold;
	border-bottom: 1px solid #609200;
}

#content.blog .post,
ol.commentlist {
	border-bottom: 1px solid #609200;
}

#content.blog .post .postmetadata,
#content.blog .post .post-links {
	font-size: 10pt;
}

#content.blog #respond {
	display: none;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
