First Commit
This commit is contained in:
378
html/webseiten/css/cool.css
Executable file
378
html/webseiten/css/cool.css
Executable file
@@ -0,0 +1,378 @@
|
||||
|
||||
|
||||
.header {
|
||||
|
||||
width: 900px;
|
||||
|
||||
|
||||
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
background-color: #000;
|
||||
border: 1px solid #fff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-family: Verdana, Helvetica, Geneva, sans-serif;
|
||||
font-size: 80%;
|
||||
margin: 5px 0 5px 0;
|
||||
padding: 0;
|
||||
background-color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
img{
|
||||
|
||||
border:0;}
|
||||
|
||||
|
||||
ul.navifooter {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 150px;
|
||||
list-style-type: none;
|
||||
|
||||
overflow: hidden;
|
||||
background-color: #ff8314;
|
||||
}
|
||||
|
||||
ul.navifooter li{
|
||||
float:right;
|
||||
}
|
||||
|
||||
ul.navifooter a{
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 2px 5px;
|
||||
font-size:100%;
|
||||
}
|
||||
#nav_footer {
|
||||
padding-left: 800px;
|
||||
background-color: #ff8314;
|
||||
width: 150px;
|
||||
}
|
||||
.floatrechts {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
ul.navimessen {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
ul.navimessen li{
|
||||
float:left;
|
||||
display: block;
|
||||
padding: 0px 5px 2px 15px;
|
||||
font-size:110%;
|
||||
width:155px;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
ul.navimessen li a{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 2px 5px 2px 5px;
|
||||
font-size:110%;
|
||||
width:160px;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
#besucher #navbesucher a,
|
||||
#aussteller #navaussteller a{
|
||||
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 2px 5px 2px 5px;
|
||||
font-size:110%;
|
||||
width:140px;
|
||||
background-color:#ccc;
|
||||
color:#000;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.content {
|
||||
width: 900px;
|
||||
margin-top: auto;
|
||||
margin-right: 0px;
|
||||
margin-bottom: auto;
|
||||
margin-left: 0px;
|
||||
overflow:hidden;
|
||||
background-image: url(../bilder/bg_wrap.gif);
|
||||
text-align: left;
|
||||
border: 1px solid #fff;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
.content .primary {
|
||||
display: inline;
|
||||
float: right;
|
||||
width: 680px;
|
||||
padding:5px 10px 5px 10px;
|
||||
|
||||
|
||||
}
|
||||
.content .secondary {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 195px;
|
||||
padding-right: 5px;
|
||||
padding-left: 0px;
|
||||
padding-top:3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bild {
|
||||
float: left;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.content .primary h1 {
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
margin-right: 10px;
|
||||
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navlinks {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 10px 0px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.content .secondary .navlinks li {
|
||||
padding: 3px 5px 3px 15px;
|
||||
|
||||
color: #000;
|
||||
|
||||
|
||||
}
|
||||
.content .secondary .navlinks li a{
|
||||
|
||||
color: #fff;
|
||||
text-decoration:none;
|
||||
|
||||
}
|
||||
.content .secondary .navlinks li a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.navhaupt
|
||||
{ width:162px;
|
||||
background-color:#FFD014;
|
||||
padding:3px 10px 3px 10px;
|
||||
color:#ff8314;
|
||||
font-weight:bold;
|
||||
font-size:120%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.first {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
#ort #navort a,
|
||||
#anfahrt #navanfahrt a,
|
||||
#ausstell #navausstell a,
|
||||
#vortrag #navvortrag a,
|
||||
#rahmen #navrahmen a,
|
||||
#foto #navfoto a,
|
||||
#magazin #navmagazin a,
|
||||
#ansprech #navansprech a,
|
||||
#ausstattung #navausstattung a,
|
||||
#download #navdownload a,
|
||||
#ortaus #navortaus a,
|
||||
#kontakt #navkontakt a,
|
||||
#aufabbau #navaufabbau a,
|
||||
#presse #navpresse a,
|
||||
#werbung #navwerbung a
|
||||
|
||||
{
|
||||
color: #c00;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.titelstrichk {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
width: 565px;
|
||||
margin-bottom: 5px;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid #009BD9;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.clear{ clear:both;
|
||||
|
||||
}
|
||||
|
||||
.trenner
|
||||
{
|
||||
clear:both;
|
||||
margin-top:10px;
|
||||
margin-bottom:10px;
|
||||
width:100%;
|
||||
height:1px;
|
||||
border: 0px solid #06b07c;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
h1 a {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
h1 a:hover {
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
|
||||
.weiter
|
||||
{
|
||||
color: #C00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.bu
|
||||
{
|
||||
font-size: 80%;
|
||||
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.bilddpa {
|
||||
margin:0px 5px 2px 0px;
|
||||
padding: 4px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
dl.meImgLeft {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
dl.meImgLeft dt { margin-bottom: 0; }
|
||||
dl.meImgLeft dd {
|
||||
margin: 0;
|
||||
font-size: 70%;
|
||||
padding-right: 0px;
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
#formular label, #formular input, #formular select { /* Alle Labels UND Formularelemente auswhlen */
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div#formular form br { /* Alle Zeilenumbrche in Formularen auswhlen */
|
||||
clear: left; /* das floating der labels und inputs aufheben */
|
||||
}
|
||||
|
||||
.labeltext {
|
||||
text-align: left;
|
||||
width: 130px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.labeltext200 {
|
||||
text-align: left;
|
||||
width: 200px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.labeltextbreit {
|
||||
text-align: left;
|
||||
width: 350px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.textfeld200 {
|
||||
width: 200px;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #666666;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.textfeld {
|
||||
width: 400px;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #666666;
|
||||
margin-bottom: 2px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.textfeldh70 {
|
||||
width: 400px;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #666666;
|
||||
margin-bottom: 2px;
|
||||
height: 70px;
|
||||
}
|
||||
.titelstrich {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
width: 585px;
|
||||
margin-bottom: 5px;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid #000;
|
||||
margin-top: 5px;
|
||||
}.textklein {
|
||||
font-size: 90%;
|
||||
}
|
||||
dl.meImgansprech {
|
||||
float: left;
|
||||
margin-right: 60px;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
dl.meImgansprech dt { margin-bottom: 0;
|
||||
font-size: 85%; }
|
||||
dl.meImgansprech dd {
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
padding-right: 0px;
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user