Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* RESET */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- background: transparent;
- }
- /* HTML5 display-role reset for older browsers */
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- a{
- text-decoration: none;
- color: black;
- }
- a:hover {
- text-decoration: underline;
- }
- /* MAIN STYLES */
- #logo_out {
- overflow: hidden;
- background: #000000;
- height: 100px;
- width: 100%;
- }
- #logo_out img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- #logo_in {
- width: 960px;
- margin: 0 auto;
- }
- #header_out {
- overflow: hidden;
- background: #121212;
- height: 65px;
- width: 100%;
- }
- #header_in {
- width: 960px;
- margin: 0 auto;
- }
- /*drop down*/
- #menu {
- font-size:13px;
- position:absolute;
- }
- #menu ul {
- list-style-type:none;
- list-style-image:none;
- margin:0px;
- padding:0px;
- }
- #menu li.topmenu {
- float:left;
- }
- .topmenu a {
- float:left;
- padding:26px 20px;
- /* width:130px; */
- text-align:center;
- }
- .topmenu li{
- position: absolute;
- }
- .submenu li{
- position:relative;
- }
- .topmenu ul{
- display:none;
- }
- .topmenu a, .submenu a{
- color:#9e9e9e;
- font-weight:bold;
- text-decoration:none;
- background-color:#121212;
- margin:0;
- font-family: Arial;
- }
- .submenu a{
- font-size:12px;
- padding:10px 5px;
- width:140px;
- /* position:relative; */
- clear:both; /* special IE6 */
- }
- #menu a:hover, .topmenu.on a {
- color:#ffed00;
- background-color:#121212 !important;
- font-family: Arial;
- }
- .topmenu:hover ul {
- display:block;
- z-index:500;
- }
- #header_out a#active {
- color: #ffed00;
- }
- /*#header_out ul#nav {
- float: right;
- font-size: 13px;
- font-family: Arial;
- position: relative;
- font-weight: bold;
- padding: 26px 20px 0px 0px;
- }
- #header_out a, #header_out a:link, #header_out a:visited {
- padding: 13px;
- color: #9e9e9e;
- }
- #nav li {
- display: inline;
- }*/
- #featured_out {
- background: #000000;
- height: 390px;
- font-family: Arial;
- }
- #featured_in {
- width: 960px;
- margin: 0 auto;
- }
- #featured_out img{
- padding: 43px 0 0 0;
- float: left;
- }
- #featured_out h2 {
- float: right;
- padding: 70px 25px 0 0;
- font-size: 36px;
- color: #bab7b7;
- line-height: 140%;
- text-align: center;
- }
- #content_out {
- min-height: 630px;
- background: #e7e7e7;
- font-family: Arial;
- }
- #content_in {
- width: 960px;
- margin: 0 auto;
- }
- #content_out h2{
- position: relative;
- display: inline-block;
- padding: 12px 0pt;
- color: #343637;
- font-size: 26px;
- font-weight: 300;
- letter-spacing: 1.1px;
- text-align: center;
- background-color: #ffed00;
- width: 200px;
- border-radius: 6px 6px 6px 6px;
- }
- #content_out h2 span {
- position: absolute;
- width: 100%;
- height: 13px;
- bottom: 0pt;
- left: 0pt;
- margin: 0pt 0pt -13px;
- background: url("../images/pfeil.png") no-repeat scroll 50% 0pt transparent
- }
- #content_out p#welcome {
- font-size: 12px;
- color: #20201c;
- line-height: 150%;
- }
- #content_out small{
- font-size: 11px;
- }
- #content_out small a{
- color: black;
- }
- #content_out iframe{
- border-width:1px;
- border-style:solid;
- border-color: #a8aba6;
- }
- #info {
- float: right;
- width: 260px;
- height: 220px;
- position: relative;
- background-color: #ffed00;
- margin: 20px 100px 20px 20px;
- border-width:1px;
- border-style:solid;
- border-color: #929392;
- border-radius: 6px 6px 6px 6px;
- }
- #info p#firstp {
- font-size: 24px;
- color: #343637;
- padding: 20px 0 15px 20px;
- line-height: 110%;
- }
- #info p#secondp {
- font-size: 14px;
- color: #343637;
- padding: 0 0 15px 20px;
- line-height: 130%;
- }
- #info p#wetter{
- font-size: 14px;
- color: #20201c;
- padding: 50px 0 0px 40px;
- line-height: 130%;
- }
- #info img#wetter{
- float: left;
- padding: 50px 0 0 0;
- }
- #footer_out {
- overflow: hidden;
- background: #000000;
- height: 65px;
- width: 100%;
- font-family: Arial;
- font-size: 12px;
- }
- #footer_in {
- width: 960px;
- margin: 0 auto;
- }
- #footer_out ul {
- color: #9e9e9e;
- float: left;
- padding: 25px 0px 0px 0px;
- }
- #footer_out a {
- color: #9e9e9e;
- }
- #footer_out p {
- color: #9e9e9e;
- float: right;
- padding: 25px 0px 0px 0px;
- }
- #footer_out p#tel {
- color: #9e9e9e;
- float: left;
- padding: 25px 0px 0px 140px;
- }
- #footer_out a#footera, #footer_out a:link#footera, #footer_out a:visited#footera {
- padding: 9px;
- }
- #navf li {
- display: inline;
- }
- #accordion {
- width: 900px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement