/* basicstyle.css Reiseberichte 221125 */
/* without Style External Links */

@media screen {

html, body {
	min-width: 47em;
	margin: 0;
	background-color: #DCDCDC;
	font-family: verdana, helvetica, sans-serif;
	font-size: 1em;
	color:#000000;
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
}

a {background: transparent;}
a:active, a:hover { outline: 0;}
a:link    { border-bottom: 0.2em blue; border-bottom-width: 0.3em; font-weight:normal; color:#0000FF; hyphens:none;}
a:visited { border-bottom: 0.2em blue; font-weight:normal; color:#483D8B;}
a:hover   { font-weight:normal; background-color:#FFCC99;}


h1 {font-family: Garamond, Georgia, Verdana, sans-serif;
	font-size: 1.5em;
	color:#CC3333;
	text-align: center;
	font-style: normal;
}

h2 {font-family: Garamond, Georgia, Verdana, sans-serif;
	font-size: 1.5em;
	color:#CC3333;
	text-align: center;
	font-style: normal;
	font-weight: normal;
}

h3 {font-family: Garamond, Georgia, Verdana, sans-serif;
	font-size: 1.25em;
	padding: 0.5em 0 0 0;
	color:#990066;
	font-weight: normal;
	text-align: left;
	font-style: normal;
}

footerh3 {font-family: Verdana, Arial, Georgia, sans-serif;
	font-size: 1.125em;
	padding: 0.5em 0 0 0;
	color:#990066;
	font-weight: normal;
	text-align: left;
	font-style: normal;
}

h4 {font-family: Verdana, Georgia, sans-serif;
	font-size:0.875em;
	color:#660099;
	text-align: left;
	font-style: italic;
}
h5 {font-family: Verdana, Georgia, sans-serif;
	font-size:1.25em;
	color:#660099;
	text-align: center;
	font-style: italic;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header,
nav,
section,
footer {
	display: block;
}

header {
	padding: 1.75em 0 0 0;
	background: url(jpg/logo.jpg) top left no-repeat;
}

footer {
	clear: both;
	border-top: 1px solid #CC3333;
	text-align: left;
}

header, footer, .tablewrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 64em;
	_background-color:#FFF3DD;
	background-color:#FFF6E9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.tablewrapper {
	display: table;
	border-collapse: separate;
}

section  {
	margin: 0;
	padding: 0;
}

.maincontent {
	display: table-cell;
	padding:0 1em 0 0.5em;
	font-family: Verdana, Georgia, "Segoe UI", sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
}

.singlecontent {
	margin: 0;
	padding:0 3em 0 3em;
	font-family: Verdana, Georgia, "Segoe UI",sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
}

p {
clear: both;
	font-family: Verdana,Georgia,sans-serif;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
}


p#mailinv::after, span#displayMail::before
{_background-color:#DDD; _color:#199;}
p#mailinv::after {content: "ar\40lothars-reiseberichte.de";}
p#telinv::after, span#displaytel::before
{_background-color:#DDD; _color:#999;}
p#telinv::after {content: " 943888";}
p#namimpre::after, span#displaytel::before
{_background-color:#DDD; _color:#999;}
p#namimpre::after {content: "anski";}
p#strimpre::after, span#displaytel::before
{_background-color:#DDD; _color:#999;}
p#strimpre::after {content: "nhof 68";}
p#towimpre::after, span#displaytel::before
{_background-color:#DDD; _color:#999;}
p#towimpre::after {content: "derborn";}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++ Begin responsive screen  1023px +++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 1023px) {

header {
	margin: 0 auto;
	height: 9.5625em; /* height: auto bei responsive: verschiebt den main Bereich nach unten*/
}
 
.maincontent  {
	padding:0 0.5em 0em 0.5em;
	font-family: "Segoe UI", Georgia, "Times New Roman", sans-serif;
	font-size: 2em;
}

.singlecontent {
	margin: 0;
	padding:0 1.5em 0.5em 1.25em;
	font-family: verdana, helvetica, sans-serif;
	font-size: 1.875em; 
}

p {
	font-family: verdana, helvetica, sans-serif;
}

h1 {font-size: 1.125em;}
h2 {font-size: 1em;}
h3 {font-size: 1em;}
h4 {font-size: 0.9125em;}
h5 {font-size: 1em;}

}