/*
Project Name: Stadtteilarchiv Ottensen
Author: Harry Atkins

*/

::-moz-selection 	{ background-color: #666666; color: #ffffff; }
::selection 		{ background-color: #888888; color: #ffffff; }

a { outline: 0; color: #2c5999; text-decoration: none; }
a:hover { text-decoration: underline; }
p a:hover { color: #2c5999; }
a:active { outline: none; position: relative; }
.clearfix 			{ clear: both; }

abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li,
meter,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

iframe {
	width:100%;
	height:500px;margin: 0 auto;
	}
body 				{ 
	background: #2c5999;
	font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
	font-size: 110%;line-height: 1.45em; color: #333;
}
p {
	padding: 2px 10px 5px 15px;
	font-size: 120%;
}

img, img p {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	margin: 0 auto;
	padding: 10px 0 0 0 !important;text-align:center;
}
.imgsmall {
	padding:20px 20px 20px 10px !important;
	float:left;
}

#wrapper{
margin: 0px auto;
max-width: 860px; width: 100%; background: #fff; padding: 0px 0;
 }
.main { width: 100%; float: left;}
.start { width: 100%; }
#featured img { padding: 0 !important; }
#latest { padding: 0; }
#about  {
	padding: 1px;background-color: #fff; text-align:center;
;margin-top:10px;
}
footer {
	padding: 10px;font-size:12px;text-align:center;border-top:1px solid #eee
}
header {
	text-align: center; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
	margin: 20px 0 0 0;
	text-rendering: optimizeLegibility;
	color: #162f4e; font-weight: normal;padding: 0 10px 0 15px;
}
h1 	{ 
font-size: 28px;
padding: 20px 0 0 15px;    line-height: 2rem;
}
h1 a:hover { 
text-decoration: none; color: #2c5999; }

h2 { 
font-size: 25px; padding: 5px 10px 0 15px;
color: #2c5999;
}

h5 a, h5, h5 a:hover, h5 a:link,  h5 a:visited,  h5 a:active { 
    color: #fff;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    background-color: #2c5999;
    width: 70%;
    margin: 20px auto;    
	line-height: 1.45rem;
}

.websitelink, .websitelink a {
background:	 #162f4e;
color: #fff !important;
padding: 10px 0 10px 0;
margin: 50px 20px 10px 20px;width:60%; margin: 50px auto;
line-height: 1.45rem;  font-size: 16px;
}
h6 	{ 
font-size: 12px;
padding: 0 0 20px 15px;margin-top:0;line-height:1rem;
}
.zitat {
    background: #F5F5F5;
    padding: 20px;
    margin: 20px;
    font-style: italic;
    color:#2c5999;
    font-size: 17px;
}
hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;color:#fff;
}

/*----- kann alles weg? ----*/
#on {
	text-decoration: none; background: #2c5999;
}
pre					{ overflow: scroll; font-size: 10px; }
ul {
	padding: 0 5px 0 5px;
	list-style-image: url(graphics/tick.gif);
	margin: 0 5px 0 25px;
	color: #333;
	text-decoration: none;
	line-height: 1.1em;font-size:90%;

}
ol {
	list-style-image: url(graphics/tick.gif);
	margin: 6px 6px 6px 25px;
	color: #333;
	text-decoration: none;
	padding-left:2px;
}
nav 				{padding: 0; margin: 10px 0;font-size:95%;background-color:#222222;}
#navi 				{background-color: #222222;padding: 0px;}
nav a 				{ color: #F9F9F9; display: block; float: left; padding: 8px;background-color: #222222; }
nav a:visited 		{ color: #f9f9f9;background-color: #222222; }
nav a:hover			{ text-decoration: none; background-color: #2c5999; }
nav a:active		{ position: relative; top: 0;background-color: #222222; }

ul 					{ list-style: none; }
ul li 				{ padding: 0px 10px 8px 10px; }



@media screen and (min-width: 661px) {
.main 	{ 
width: 90%; float: left;padding-left: 30px;
}
p {
font-size:16px;
padding-left: 15px !important;
}
img, img p {
padding: 10px 10px 5px 15px!important;}
h6 {
		padding: 0px 10px 50px 33px!important;}
iframe {
	width:100%;
	height:500px;
	}
	
	}