/*
DLRG Seligenstadt
 URl: https://dlrg-seligenstadt.de
 Author: IMSoftware.de
 URl-Author: http://IMSoftware.de
 all rights reserved -  (C) Copyright by IMSoftware - alle rechte vorbehalten
*/
* {
 font-family: Arial,Helvetica,sans-serif;
 padding: 0px;
 margin: 0px;
}
body {
 color: #555;
 text-align: center;
 background: #fff url(../images/dlrg-wasser2.jpg) center top;
}
h1 {
 background: none;
 color: #666;
 font-size: 24px;
 letter-spacing: 1px;
 font-style: italic;
}
h1 img {
}
h2 {
 font-size: 26px;
 text-decoration: none;
 height: 70px;
}
h2 img {
 float: left;
}
h2 em {
 float: left;
 font-style: normal;
 padding: 14px 0 0;
 text-decoration: underline;
}
h2 strong {
 border-bottom: 3px dotted #D7005F;
 float: left;
 font-weight: 600;
 line-height: 24px;
 text-decoration: none;
 padding: 18px 0 0;
}
h2 span {
 float: left;
 font-size: 10px;
 font-weight: normal;
 letter-spacing: normal;
}
h5, h6 {
 font-size: 12px;
}
ol {
 font-size: 14px;
 display: block;
 height: 46px;
 list-style: none;
 margin: 26px 0 14px 17px;
}
ol  li {
 float: left;
 padding: 0 2px;
}
ol li  a, ol li  a:visited {
 display: block;
 padding: 8px 4px;
}
ul {
 display: block;
 padding: 8px 0 12px;
 margin: 0 10px 20px 16px;
}
ul li {
 font-size: 13px;
 padding: 7px 3px 7px 0;
 margin: 0 0 0 20px;
}
ul li a, ul li a:visited {
 padding: 1px 0;
}

/* Layout */

#wrapper {
 color: #000;
 margin: 0px auto 0px;
 text-align: left;
 width: 930px;
}
header {
 display: block;
 margin: 6px 0 50px;
 text-align: center;
}
article {
 display: block;
 padding: 2px;
 width: 444px;
}
article p {
 display: block;
 padding: 0 24px;
 height: 26px;
}
article p a, article p a:visited {
 font-size: 14px;
 padding: 8px 20px;
}

/* a1 */

#a1 {
 float: left;
}
#a1 a h2 {
 background: url(https://dlrg-seligenstadt.de/images/bg1.png) center right no-repeat;
 color: #333;
 display: block;
 letter-spacing: 1px;
}
#a1 a h2:hover {
 color: #0072bc !important;
}
#a1 a:link { color: #000; }
#a1 a:visited { color: #000; }
#a1 a:hover { color: #fff; text-decoration:none; background: #0072bc !important; }
#a1 a:active { text-decoration:none; }
#a1 a:focus { text-decoration:none; }

#a1 p .akt {
 background: #ebf2f5;
}

#a1 ul {
 background: #ebf2f5;
}

/* a2 */

#a2 {
 float: right;
}
#a2 a h2 {
 background: url(https://dlrg-seligenstadt.de/images/bg2.png) center right no-repeat;
 color: #00497F;
 display: block;
 letter-spacing: -1px;
 text-decoration:none;
}
#a2 a h2:hover {
 color: #d7005f !important;
}
#a2 a:link { color: #00497f; }
#a2 a:visited { color: #00497f; }
#a2 a:hover { color: #d7005f; background: #a6c7e1 !important; text-decoration:none; }
#a2 a:active { text-decoration:none; }
#a2 a:focus { color: #d7005f; }

#a2 ul {
 background: #e4eef7;
}

#a2 p .akt {
 background: #e4eef7;
}

aside {
 background: #eee;
background: #fff;
 display: block;
 font-size: 13px;
 margin: 30px 2px;
}
h3 {
 color: #333333;
 font-size: 16px;
 padding: 13px 0 0;
 border-bottom: 1px solid #fff;
 border-bottom: 1px solid #ccc;
}
aside img {
 float: left;
}
aside p, footer p {
 display: block;
 float: left;
 padding: 2px 2px 0;
 width: 250px;
}
#sponsor{
 background: #0072bc;
 border: 3px solid #00497F;
 color: #fff;
 padding: 50px 0;
 text-align: center;
 text-decoration: underline;
 margin: 30px 0;
}
#sponsor:hover{
 background: #fff;
 border: 3px solid #00497F;
 color: #0072bc;
}
#wrapper footer {
 color: #666;
 display: block;
 text-align: center;
 margin: 20px 0;
 height: 280px;
}
#wrapper footer p {
 font-size: 11px;
 width: 300px;
}
img {
 border: none;
}
.clear{clear:both;}

@media (max-width: 930px) {
 #wrapper {min-width: 500px; width: 100%;} 
 #a2 { float: left; }
}