/* DATEI: grundformate.css der Website www.brandt-traktoren.de */

.w3-theme-l5 {color:#000 !important; background-color:#f0f5f8 !important}
.w3-theme-l4 {color:#000 !important; background-color:#cedde9 !important}
.w3-theme-l3 {color:#000 !important; background-color:#9cbbd3 !important}
.w3-theme-l2 {color:#fff !important; background-color:#6b99bd !important}
.w3-theme-l1 {color:#fff !important; background-color:#46769b !important}
.w3-theme-d1 {color:#fff !important; background-color:#2b485f !important}
.w3-theme-d2 {color:#fff !important; background-color:#264054 !important}
.w3-theme-d3 {color:#fff !important; background-color:#21384a !important}
.w3-theme-d4 {color:#fff !important; background-color:#1c303f !important}
.w3-theme-d5 {color:#fff !important; background-color:#182835 !important}

.w3-theme-light {color:#000 !important; background-color:#f0f5f8 !important}
.w3-theme-dark {color:#fff !important; background-color:#182835 !important}
.w3-theme-action {color:#fff !important; background-color:#182835 !important}

.w3-theme {color:#fff !important; background-color:#30516a !important}
.w3-text-theme {color:#30516a !important}
.w3-border-theme {border-color:#30516a !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#30516a !important}
.w3-hover-text-theme:hover {color:#30516a !important}
.w3-hover-border-theme:hover {border-color:#30516a !important}

body {
padding:0px;
margin:0px;
background: #395F7E;
background: linear-gradient(90deg, rgba(57, 95, 126, 1) 0%, rgba(52, 125, 173, 1) 58%, rgba(29, 72, 115, 1) 100%);
}

td.flags {
vertical-align:top;
padding:0px;
}

td.flags img {
border:0px;
margin-bottom:5px;
}

td.navigation {
width:200px;
padding:10px;
margin:20px 10px 20px 20px;
border:1px solid #ffcc00;
background: #30516A;
background: linear-gradient(180deg, rgba(48, 81, 106, 1) 0%, rgba(28, 47, 62, 1) 100%);
vertical-align:top;
}

.navigation {
padding:10px;
border:1px solid #ffcc00;
background: #30516A;
background: linear-gradient(180deg, rgba(48, 81, 106, 1) 0%, rgba(28, 47, 62, 1) 100%);
vertical-align:top;
}

.navigation .w3-bar-item {
font-family:Tahoma,sans-serif;
text-transform:uppercase;
text-align:right;
color:#cddee9;
text-decoration:none;
margin:3px 5px 3px 0px;
padding:0px;
}

.navigation a {
color:#cddee9;
text-decoration:none;
}

.navigation p {
margin-top:40px;
}

.horigation {
border-bottom:1px solid #ffcc00;
margin:0px;
background: #30516A;
padding:4px;
vertical-align:top;
font-family:Tahoma,sans-serif;
font-size:0.8em;
text-transform:uppercase;
color:#cddee9;
}

.horigation a {
color:#cddee9;
text-decoration:none;
}

.horigation .w3-button {
background: #30516A;
text-transform:uppercase;
color:#cddee9;
}

td.navigation p {
font-family:Tahoma,sans-serif;
font-size:12px;
text-transform:uppercase;
text-align:right;
color:#cddee9;
line-height:1.8em;
text-decoration:none;
margin-top:40px;
}

td.navigation p a {
color:#cddee9;
text-decoration:none;
}

.main {
padding:0px;
border:1px solid #1c2f3e;
background-color:#fefefe;
}

div.head {
height:110px;
background-position:0px 0px;
background-repeat:no-repeat;
background-position:bottom left;
background-size:cover;
border-bottom:1px solid #000000;
}

div.maintext {
padding:10px;
}

div.maintext p,li {
font-family:Tahoma,sans-serif;
color:#101010;
margin:10px;
line-height:1.5em;
}

div.maintext h1 {
font-family:Tahoma,sans-serif;
color:#ffbb00;
border-bottom:1px solid #888;
padding:10px;
margin:0px;
font-size:1.5em;
font-weight:bold;
}

h2 {
font-size:1.2em;
font-weight:bold;
margin:10px;
}

h2 a {
text-decoration:none;
}

h3 {
font-size:1.1em;
font-weight:bold;
margin:10px;
}

div.singleitem {
border:1px solid #808080;
margin:10px 0px;
}

td.singleitem_headline {
border-bottom:1px solid #202020;
height:30px;
padding:5px;
font-family:Tahoma,sans-serif;
font-size:14px;
font-weight:bold;
color:#cddee9;
background-color:#50718a;
}

td.singleitem_headline_link {
padding:5px;
width:150px;
font-family:Tahoma,sans-serif;
font-size:12px;
text-align:right;
background-color:#50718a;
border-bottom:1px solid #202020;
}

td.singleitem_headline_link a {
color:#fcc000;
text-decoration:none;
}

div.singleitem img {
margin:0px;
border:0px;
}

td.singleitem_description {
padding:5px;
font-family:Tahoma,sans-serif;
font-size:12px;
}

div.angebotdesmonats {
width:320px;
float:right;
border:1px solid #dfdfdf;
padding:8px;
margin-bottom:10px;
background-color:#f8f8ff;
}

div.angebotdesmonats h1 {
font-family:Tahoma,sans-serif;
font-size:18px;
color:#1c2d3e;
text-transform:uppercase;
margin:0px 0px 5px;
font-weight:normal;
border-bottom:1px solid #2c3d4e;
}

div.angebotdesmonats p {
font-family:Tahoma,sans-serif;
font-size:10px;
color:#202020;
}

div.detailansicht h1 {
border-bottom:1px solid #808080;
background-color:#f8f8ff;
padding:5px;
margin:0px;
}

div.detailansicht h2 {
margin:0px;
padding:2px 10px 10px;
font-family:Verdana,Arial,sans-serif;
font-size:14px;
}

div.detailansicht p {
margin:0px;
padding:10px;
}

div.detailansicht td.kontakttd {
border-left:1px solid #808080;
padding:5px;
background-color:#f8f8ff;
}

div.detailansicht div.singleshowoptions {
border:1px solid #808080;
background-color:#e8e8ef;
padding:3px;
font-size:12px;
text-align:right;
font-family:Tahoma, sans-serif;
}

table.galerietable {
border-collapse:collapse;
font-family:Tahoma,Verdana,sans-serif;
}

table.galerietable h1 {
margin:0px;
padding:10px;
border:1px solid #ffcc00;
background-color:#1c2f3e;
font-family:Tahoma,sans-serif;
font-size:16px;
color:#cddee9;
}

footer.footer {
border-top:1px solid #303030;
padding:5px;
background-color:#f8f8ff;
}

footer.footer p {
margin:0px;
text-align:center;
font-family:Tahoma,sans-serif;
font-size:11px;
color:#202020;
}