/* oestyle1.css M. Oettinger
   06/2016 
   general stuff for all css-capable browsers (maybe :))
*/
body, html {
	background-color:#ffffff;
	margin:0px;
	border:0px;
}
body {
	color: #434343;
	font-family: Verdana, Arial, sans-serif;
	line-height:1.4em;
}
h1, h2, h3, h4, h5, h6 { color: #333; }
a {
	color: #0E8EAB;
	font-weight: normal;
}
a:visited {color: #888888; }
h3, h4 {margin-bottom:9px;}
dd { margin-left: 10px; }
/* img { border: 0; } */

/* 
 * General text style - 
 * bg/fg color, 1em size normal
 */
.maincontent, .blocktext, .caption, .none {
	background-color: #fcfcfc;
	color:#434343;
	font-weight: normal;
	font-size:1em;
}
.maincontent li {list-style-position: inside;}

/* blocktext for paragraphs or divs */
.blocktext {
	text-align: justify;
	margin-right: 20px;
	margin-left: 0px;
}
/* captions used for images or tables */
.caption {
	text-align: left;
	font-size: 80%;
	font-style: italic;
	margin-right: 40px;
	margin-left: 40px;
}

.fullwidth { width: 100% }

.convlist { list-style-position:outside; }

/* Special text cases */
.lighttext { color:#777777; }
.striked { text-decoration: line-through; }
/* math text in a serif font */
.math, .FPmath {
	font-weight:normal;
	font-style:normal;
	font-size:1.1em;line-height: 1.3em;
	color: #222222;font-family: "Times New Roman", serif;
}
/* Quotations in italic bold with a top margin */
#quote {
	font-size:70%;
	font-style:italic;
	font-weight:bold;
	color: #BBBBBB;
	margin-top:50px;
}
.centertext {text-align: center;}
.centerblock {display: block;margin-left: auto !important;margin-right: auto !important;}
#unittable {float:right; margin-left:15px; margin-bottom:6px; margin-top:15px; background-color:#CCCCCC; border: 1px solid #CCCCCC;}
#convtable { font-size: 0.9em; background-color: #FFFFFF; }
.margin15 { margin-left:15px; }
.margin10 {margin-right:10px; }
.fs80 { font-size:80%; }
.ib { display:inline-block; }
.floatleft { float:left; }
.piwikbox { border:1px solid #CCCCCC; height:200px; width:600px; }

/* picture and icons on the family page */
#thepic-container{width:40%;margin-left:auto;margin-right:auto;padding-top:20px;}
#thepic{width:100%;height:auto;}
@media screen and (max-device-width: 800px) {
  #thepic{width:100%;height:auto;margin-left:auto;margin-right:auto;}
  #thepic-container{width:90%;}
}
#oebookicon { width:18px;margin-left:10px;margin-right:0px;vertical-align:text-top; }
#infoicon { margin-left:0px;margin-top:3px;vertical-align:text-top; }


.numinput input[type="text"] {
	padding: 10px;
	border: solid 1px #fff;
	box-shadow: inset 1px 1px 2px 0 #707070;
	transition: box-shadow 0.3s;
}
.numinput input[type="text"]:focus,
.numinput input[type="text"].focus {
	box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}

.sidemargin {background-color: #fcfcfc; margin: 0px;border: 0px;}


/* files on download page 
 * ======================
 */
.filelist {border-width:0px;padding:10px;}
.filelist_centered {text-align:center;}
.filelist_right {text-align:right;}
.filelist_error {color:#cc0000; font-weight:bold;font-size:150%;}
.filelist_entry {font-weight: normal;font-size: 0.8em;line-height: 1.1em;
color: #222222;font-family: "Arial", sans-serif;border-width:0;padding:4px;}

/* sitemap 
 * =======
 */
.oesitemap {margin-top: 25px; background-color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;color: #7A7A7A;font-weight: normal;}
.oesitemap_details {background-color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight: normal;color: #666666;}
.oesitemap_gen {background-color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;font-weight: normal;color: #666666;}


.div-centered { display:block; max-width:700px; margin: 0 auto; }
.inlineblock { display: inline-block; }
.table1 { margin-left:auto; margin-right: auto; }

.errtxt { color:#ff0000;font-weight:bold; }

@import url(http://lib.familie-oettinger.net/sitewide/oestyle2.css);