/*
25. okt. 2011
von: www.DavidRingsdorf.de
*/
/*---------------------*/
/*--Grundaufbau--*/
body {
background-attachment: fixed;
background-color: #ccc;
background-image: url(bilder/hintergrund-4.jpg);
background-position: right top;
background-repeat: no-repeat;
color: #333;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight:100;
/**/line-height: 15px;
margin: 0;
padding: 0;
text-align: center;
}
#alles {
background-color: #fff;
border: 6px solid #fff;
box-shadow: 3px 3px 10px #333333;
height: auto;
margin: 20px auto 0;
text-align: left;
width: 400px;
}
#logo {
background-attachment: scroll;
background-color: #aacb58;
background-image: url(bilder/quadrat-logo-kleiner.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
border: 0;
height: 400px;
width: 400px;
}
#menu {
border: 0;
margin: 0;
padding-top: 0;
}
#inhalt {
border: 0px dotted blue;
}
#fuss {
background:#aacb58;
border-top: 0px solid #aacb58;
border-bottom: 0px dotted #999;
color: #fff;
margin: 0;
margin-top: 6px;
}
.fuss2 {
height: 20px;
}
.info {
border-bottom: 1px dotted #f00;
border-top: 1px dotted #f00;
color: #f00;
padding: 2px;
text-align: center;
}
/* Helfer */
.links {
float: left;
}
.rechts {
float: right;
}
.klar {
clear: both;
}
.nein {
display: none;
}
/*--Grundaufbau ENDE--*/
/* menu */
#menu ul {
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
list-style-type: none;
margin: 0;
margin-bottom: 6px;
margin-top: 6px;
padding: 0;
text-align: center;
}
#menu li {
border: 0px solid green;
float: none;
display:inline;
margin: 0;
padding: 0;
}
#menu li a {
border: 0;
color: #999;
display: inline;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
line-height: normal;
}
#menu li a:hover {
border-bottom: 2px solid #aacb58;
}
#menu li a.hier {
color: #aacb58;
}
/*Inhalt*/
#inhalt img {
border: 0;
margin: 0;
padding: 0;
}
#inhalt h1, #inhalt h2, #inhalt h3 {
margin: 0;
padding: 0;
}
#inhalt h1 {
color: #aacb58;
}
#inhalt h2 {
margin-top:2px;
}
#inhalt p {
margin: 0;
margin-bottom: 6px;
padding: 0;
}
#inhalt b {
font-weight:bold;
}
#inhalt ul {
margin-bottom: 3px;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
list-style-type: square;
}
/*Fuss*/
#fuss a {
color: #fff;
text-decoration: none;
}
#fuss a:hover {
text-decoration: underline;
}
#fuss:hover {
background: #999;
}
#fuss p {
border: 0px solid red;
border-left: 1px dotted #fff;
display: inline;
float: left;
font-size: 14px;
margin: auto;
margin-bottom: 5px;
margin-top: 5px;
overflow: visible;
padding: 5px;
padding-bottom: 0;
padding-top: 0;
/*width: 155px;*/
}
#fuss #p1 {
border-left: 0;
margin-left: 5px;
padding-left: 0;
text-align: right;
}
#fuss #p2 {
text-align: center;
}
#fuss #p3 {
padding-right: 0;
}
/*Inhalt ENDE*/
/*--Seiten--*/
/*home*/
#home .kasten {
border: 0px solid red;
background-image: url(fotos/laden-innen-vorschau.jpg);
background-position: 0 -300px;
background-repeat: no-repeat;
color: #fff;
height: 300px;
overflow: hidden;
text-align: right;
}
#home .kasten:hover {
background-position: 0 0;
}
#home .kasten  h1 {
font-size: 40px;
line-height: 47px;
margin: 190px 6px -10px auto;
}

#home .kasten span {
font-size: 16px;
font-weight:bold;
background: #aacb58;
padding: 0 6px;
line-height: 19px;
}
/*team*/
#team #inhalt {
color: #fff;
}
#team #inhalt span {
background: #aacb58;
padding: 0 3px;
}
#team #inhalt b {
font-size: 20px;
display: block;
line-height: 21px;
margin: 150px auto 0 0;
}
#team .kasten {
background-position: 0 -197px;
background-repeat: no-repeat;
width: 197px;
height: 197px;
float: left;
margin-bottom: 6px;
}
#team .kasten:hover {
background-position: 0 0;
}
#team .kasten p {
display: block;
}
#team .kasten:hover p {
display: none;
}
#team .uwe {
background-position: 0 -207px;
height: 207px;
width: 400px;
}
#team .uwe:hover {
background-position: 0 0;
}
#team #inhalt .uwe b {
font-size: 20px;
display: block;
margin: 100px auto 0 0;
}
#team .uwe .zitat {
font-style: italic;
font-size: 14px;
font-weight:bold;
line-height: 15px;
}
#team .k1, #team .k2 {
width: 197px;
}
#team #fuss {
margin-top: 0;
}
/*service*/
#service #inhalt {
font-size: 14px;
line-height: 22px;
text-align: justify;
}
#service #inhalt h1, #service #inhalt h2, #service #inhalt h3 {
text-align: left;
}
#service #inhalt p b.erst {
font-size: 20px;
line-height: 22px;
text-align: justify;
}
#service #inhalt .mak {
display: block;
width: 25%;
padding:0 2px;
margin:3px;
color:#aacb58;
border:1px solid #aacb58;
font-size: 16px;
font-weight: bold;
line-height: 20px;
text-align:center;
}
#service #inhalt .mak small {
color:#999;
display: block;
font-size: 12px;
font-weight: normal;
line-height: 14px;
}
/* marken */
#marken {
}
#marken ul.markenlogos, #marken ul.markenlogos li {
list-style-type: none;
margin:0;
padding:0;
}
#marken ul.markenlogos li {
width: 100%;
height: 56px;
overflow: hidden;
margin: 6px 0 0;
background-attachment: scroll;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
}
#marken ul.markenlogos a{
display: block;
border: 1px 0;
width: 100%;
height: 54px;
padding-left:3000px;
background-color: transparent;
}
#marken ul.markenlogos a:hover {
border-top: 1px dotted #AACB58;
border-bottom: 1px dotted #AACB58;
}
	/* logos */
#marken ul.markenlogos li.schwalbe {
background-image: url("haendler/schwalbe.jpg");
}
#marken ul.markenlogos li.ortlieb {
background-image: url("haendler/ortlieb.jpg");
}
#marken ul.markenlogos li.axabasta {
background-image: url("haendler/axa.jpg");
}
#marken ul.markenlogos li.newlooxs {
background-image: url("haendler/newlooxs.jpg");
}
#marken ul.markenlogos li.continental {
background-image: url("haendler/continental.jpg");
}
#marken ul.markenlogos li.selleroyal {
background-image: url("haendler/selleroyal.jpg");
}
#marken ul.markenlogos li.buschundmueller {
background-image: url("haendler/bum.jpg");
}
#marken ul.markenlogos li.velodeville{
background-image: url("haendler/vdv.jpg");
}
#marken ul.markenlogos li.sks{
background-image: url("haendler/sks-60.jpg");
}
#marken ul.markenlogos li.basil{
background-image: url("haendler/basil.jpg");
}
#marken ul.markenlogos li.abus{
background-image: url("haendler/abus.jpg");
}


/*impressum*/
#impressum #inhalt {
text-align:justify;
}
#impressum #inhalt a {
color:#333;
text-decoration: none;
}