head	1.5;
access;
symbols;
locks; strict;
comment	@# @;


1.5
date	2017.02.01.14.42.51;	author cvs;	state Exp;
branches;
next	1.4;

1.4
date	2017.01.10.14.27.23;	author cvs;	state Exp;
branches;
next	1.3;

1.3
date	2017.01.10.07.40.18;	author cvs;	state Exp;
branches;
next	1.2;

1.2
date	2016.12.21.13.27.55;	author cvs;	state Exp;
branches;
next	1.1;

1.1
date	2016.09.27.07.10.53;	author cvs;	state Exp;
branches;
next	;


desc
@@


1.5
log
@layout anpassungen
@
text
@body,html{margin:0;padding:0;font-family:sans-serif,arial;background-color:#eee}

.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.topNav{height:32px;background-color:#171717}
.topNav ul{list-style:none;margin:0;padding:0}
.topNav ul li:first-child{border-left:1px solid #555}
.topNav ul li{float:left}
.topNav ul li a{text-decoration:none;color:#eee;display:block;font-size:.9em;padding:3px 8px 6px;border-right:1px solid #555}
.topNav ul li a i{display:inline-block;font-size:1.3em;margin-right:3px;color:#bbb}
.topNav ul li a:hover{background:#4d4d4d;color:#fff}
.topNav ul li a:hover i{color:#fff}
.topNav ul.rightTop li a{padding-top:8px}
.mainNav ul{margin:0;padding:0;list-style:none;z-index: 999;}
.mainNav ul li:first-child a{border-left:1px solid #fff}
.mainNav ul li{float:left}
.mainNav ul li a{display:block;width:135px;text-align:center;color:#fff;font-size:.95em;text-decoration:none;padding:12px 0 11px;border-right:1px solid #fff}
.mainNav ul li a i{margin-right:2px}
.mainNav ul li a:hover,.mainNav ul li a.active{background-color:#fff;color:#0088cb}
.mainNav ul li a:hover i,.mainNav ul li a.active i{color:#0088cb}
a.logo{display:inline-block;margin-top:13px;padding-left: 15px;}
ul.infoBox{list-style:none;margin:0;margin-left:20px;position:absolute;background-color:#fff;padding:0 2px 2px;left:245px;z-index:5;width: 40%;}
ul.infoBox li{display:block;width:100%;overflow:hidden;height:24px;font-size:.75em;padding:8px 8px 0 0;background-color:#eee;margin-top:2px;color:#555;position:relative;padding-left:28px;line-height:160%}
//ul.infoBox li a{position:absolute;top:5px;right:7px;background:#333;color:#fff;margin-left:3px;border-radius:4px;padding:2px 8px;text-decoration:none}
//ul.infoBox li a:hover{background-color:#fff!important;color:#555}
ul.infoBox li i{display:inline-block;padding:8px 8px 6px 6px;font-size:1.6em;margin-right:8px;position:absolute;left:0;top:0}
ul.infoBox li.orange{background-color:#6eac2c;color:#fff;}
ul.infoBox li.orange i{color:#b2b200}
//ul.infoBox li.orange span a{background-color:#b2b200;}
ul.infoBox li.blue{background-color:#6acfff}
ul.infoBox li.blue i{color:#0088cb}
//ul.infoBox li.blue span a{background-color:#0088cb}
ul.infoBoxNav{list-style:none;margin:0;padding:0;margin-left:60px}
ul.infoBoxNav li{background-color:#eee;margin-top:2px;display:block;height:12px;width:12px;padding:10px;text-align:center;margin-left:2px;cursor:pointer}
ul.infoBoxNav li.infoBoxClose i{color:red}
ul.infoBoxNav li:hover{background-color:#0088cb}
ul.infoBoxNav li:hover i{color:#fff}
ul.userNav{margin:0;padding-right:15px;list-style:none;margin-left:20px}
ul.userNav li:first-child a{border-left:1px solid #ddd}
ul.userNav li{display:block;float:left;border-right:1px solid #ddd}
ul.userNav li a{display:block;width:110px;text-decoration:none;position:relative;height:66px;text-align:center;padding-top:4px}
ul.userNav li a i{display:block;font-size:2.2rem;color:#0088cb;margin:auto;margin-bottom:5px}
ul.userNav li a span{display:block;background-color:#eee;text-align:center;color:#555;font-size:.8em;padding:3px 0}
ul.userNav li a:hover{background-color:#eee}
ul.userNav li a:hover span{background-color:#555;color:#fff}
ul.userNav li.user_logout i{color:red}
.infoBar{height:80px;background-color:#fff;position:relative}
.mainNav{height:40px;background-color:#08c}
.mainNav ul li ul{position:absolute;width:200px;background-color:#f8f8f8;text-align:left;padding:2px;display:none}
.mainNav ul li ul li{float:none;width:auto;border:0}
.mainNav ul li ul li a{width:auto;font-size:13px;border:0;color:#08c;height:auto;border-bottom:1px solid #ddd;padding:8px 10px;text-align:left}
.mainNav ul li ul li a:hover{background-color:#eee;border-bottom-color:#08c}
.contentHolder{width:100%;margin:auto}





@@media screen and (min-width: 600px) and (max-width: 699px) {
.hide-for-small {
    display: none !important;
}
}


@@media screen and (max-width: 1185px) {
.show-for-large {
    display: none !important;
}
}

@@media screen and (max-width: 1280px) {
.mainNav ul li a{display:block;width:130px;text-align:center;color:#fff;font-size:.95em;text-decoration:none;padding:12px 0 11px;border-right:1px solid #fff}
}

@@media screen and (max-width: 1185px) {
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
}


@@media screen and (max-width: 1090px) {
ul.userNav li a {
    display: block;
    height: 66px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width:85px;

}
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}
ul.userNav li:first-child a {
    border-left: none;
}
ul.userNav li {
    border-right: none;
    display: block;
    float: left;
}
}

@@media screen and (min-width: 930px) and (max-width: 1024px) {
ul.userNav li a {
    display: block;
    height: 66px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width:75px;

}
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
}


@@media screen and (min-width: 800px) and (max-width: 929px) {
ul.userNav li a {
    display: block;
    height: 66px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width:50px;

}
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 85px;
}
}

@@media screen and (min-width: 700px) and (max-width: 799px) {
ul.userNav li a {
    display: block;
    height: 66px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width:35px;

}
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 75px;
}
}

@@media screen and (min-width: 500px) and (max-width: 699px) {
ul.userNav li a {
    display: block;
    height: 44px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width:40px;

}
.mainNav ul li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.95em;
    padding: 12px 0 11px;
    text-align: center;
    text-decoration: none;
    width: 65px;
}

ul.infoBox {
    background-color: #fff;
    left: 240px;
    list-style: outside none none;
    margin: 0 0 0 15px;
    padding: 0 2px 2px;
    position: absolute;
    width: 28%;
    z-index: 5;
}

ul.userNav {
    list-style: outside none none;
    margin: 0 0 0 20px;
    padding-right: 10px;
}
ul.infoBoxNav {
    list-style: outside none none;
    margin: 0 0 0 45px;
    padding: 0;
}
}
@


1.4
log
@neues menu
@
text
@d27 1
a27 1
ul.infoBox li i{display:inline-block;background-color:#fff;padding:8px 8px 6px 0;font-size:1.6em;margin-right:8px;position:absolute;left:0;top:0}
@


1.3
log
@neuer header.php
@
text
@d28 1
a28 1
ul.infoBox li.orange{background-color:#6cff6c}
d50 1
a50 1
.mainNav ul li ul{position:absolute;width:200px;background-color:#fff;text-align:left;padding:2px;display:none}
@


1.2
log
@neuer header
@
text
@d15 1
a15 1
.mainNav ul{margin:0;padding:0;list-style:none}
@


1.1
log
@neues menu - html 5
@
text
@d1 235
a235 1
body,html{margin:0;padding:0;font-family:sans-serif,arial;background-color:#eee}.float-left{float:left}.float-right{float:right}.clear{clear:both}.topNav{height:32px;background-color:#171717}.topNav ul{list-style:none;margin:0;padding:0}.topNav ul li:first-child{border-left:1px solid #555}.topNav ul li{float:left}.topNav ul li a{text-decoration:none;color:#eee;display:block;font-size:.9em;padding:3px 8px 6px;border-right:1px solid #555}.topNav ul li a i{display:inline-block;font-size:1.3em;margin-right:3px;color:#bbb}.topNav ul li a:hover{background:#4d4d4d;color:#fff}.topNav ul li a:hover i{color:#fff}.topNav ul.rightTop li a{padding-top:8px}.mainNav ul{margin:0;padding:0;list-style:none}.mainNav ul li:first-child a{border-left:1px solid #fff}.mainNav ul li{float:left}.mainNav ul li a{display:block;width:121px;text-align:center;color:#fff;font-size:.95em;text-decoration:none;padding:12px 0 11px;border-right:1px solid #fff}.mainNav ul li a i{margin-right:2px}.mainNav ul li a:hover,.mainNav ul li a.active{background-color:#fff;color:#0088cb}.mainNav ul li a:hover i,.mainNav ul li a.active i{color:#0088cb}a.logo{display:inline-block;margin-top:13px}ul.infoBox{list-style:none;margin:0;margin-left:20px;position:absolute;background-color:#fff;padding:0 2px 2px;left:548px;z-index:5}ul.infoBox li{display:block;width:494px;overflow:hidden;height:24px;font-size:.75em;padding:8px 8px 0 0;background-color:#eee;margin-top:2px;color:#555;position:relative;padding-left:28px;line-height:160%}ul.infoBox li a{position:absolute;top:5px;right:7px;background:#333;color:#fff;margin-left:3px;border-radius:4px;padding:2px 8px;text-decoration:none}ul.infoBox li a:hover{background-color:#fff!important;color:#555}ul.infoBox li i{display:inline-block;background-color:#fff;padding:8px 8px 6px 0;font-size:1.6em;margin-right:8px;position:absolute;left:0;top:0}ul.infoBox li.orange{background-color:#6cff6c}ul.infoBox li.orange i{color:#b2b200}ul.infoBox li.orange a{background-color:#b2b200}ul.infoBox li.blue{background-color:#6acfff}ul.infoBox li.blue i{color:#0088cb}ul.infoBox li.blue a{background-color:#0088cb}ul.infoBoxNav{list-style:none;margin:0;padding:0;margin-left:544px}ul.infoBoxNav li{background-color:#eee;margin-top:2px;display:block;height:12px;width:12px;padding:10px;text-align:center;margin-left:2px;cursor:pointer}ul.infoBoxNav li.infoBoxClose i{color:red}ul.infoBoxNav li:hover{background-color:#0088cb}ul.infoBoxNav li:hover i{color:#fff}ul.userNav{margin:0;padding:0;list-style:none;margin-left:20px}ul.userNav li:first-child a{border-left:1px solid #ddd}ul.userNav li{display:block;float:left;border-right:1px solid #ddd}ul.userNav li a{display:block;width:110px;text-decoration:none;position:relative;height:66px;text-align:center;padding-top:4px}ul.userNav li a i{display:block;font-size:2.2rem;color:#0088cb;margin:auto;margin-bottom:5px}ul.userNav li a span{display:block;background-color:#eee;text-align:center;color:#555;font-size:.8em;padding:3px 0}ul.userNav li a:hover{background-color:#eee}ul.userNav li a:hover span{background-color:#555;color:#fff}ul.userNav li.user_logout i{color:red}.infoBar{height:70px;background-color:#fff;position:relative}.mainNav{height:40px;background-color:#08c}.mainNav ul li ul{position:absolute;width:200px;background-color:#fff;text-align:left;padding:2px;display:none}.mainNav ul li ul li{float:none;width:auto;border:0}.mainNav ul li ul li a{width:auto;font-size:13px;border:0;color:#08c;height:auto;border-bottom:1px solid #ddd;padding:8px 10px;text-align:left}.mainNav ul li ul li a:hover{background-color:#eee;border-bottom-color:#08c}.contentHolder{width:1100px;margin:auto}@

