/* FOR ALL SITES*/ #body { position:relative; float: none; width: 100%; height: auto; margin-left: auto; margin-right: auto; display: block; background-color: rgb(255, 255, 255); color:rgb(86, 84, 88); } .mainframe { position:relative; width: 100%; height: auto; font-family: Avenir; font-size:1.4em; text-align: center; } a { color: #7F7A74; text-decoration: none; } a:hover { color: #000000; text-decoration: none; color:#700002; } /* HEADER*/ .header1 { position: fixed; top: 1.2em; width: 100%; height:3.5em; z-index: 20; background-color:rgba(226,233,233,0.8); } .languages { float: right; margin-top:-0.5em; margin-left:auto; margin-right:1%; width: 7.3em; height:0.5em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; background-color: rgba(226,233,233,0.8); } .header-spanish { float: left; margin-top: 0.25em; margin-left:3%; margin-right:3%; width: 2.1em; height: auto; } .header-english { float: left; margin-top: 0.25em; margin-right: 3%; width: 2.1em; height: auto; } .header-german { float: left; margin-top: 0.25em; margin-right: 3%; width: 2.1em; height: auto; } .header-logo { float: left; margin-left: 1%; margin-top: 0.2%; width: 7em; height: 3em;} .header1-menu { float: right; margin-top: 1.9em; width: auto; margin-left:auto; margin-right: 1%; height: auto; letter-spacing: 0.05em; } .menu-left { float: left; width: auto; height: auto; } .menu-center { float: left; width: auto; height: auto; margin-left: 0.9em;} .menu-right { float:left; width: auto; height: auto; margin-left: 0.9em;} .telephone { position: fixed; top: 4.7em; width: 100%; height:1.8em; z-index: 20; } .header-telephone { position: relative; width: 8em; margin-left: auto; margin-right: auto; height:auto; color: rgb(255,255,255); padding-bottom: 0.1em; padding-top: 0.1em; padding-left: 0.3em; padding-right: 0.3em; background-color: #FA0008; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; } .welcome-header-img { position: relative; margin-top: 4.2em; width: 100%; height: auto; } .header-img { position: relative; margin-top: 4.7em; width: 100%; height: auto; } .header1-title { position: relative; margin-left: auto; margin-right: auto; width: 100%; height: auto; z-index: 10; font-size:2.5em; font-weight: bold; color: rgb(255, 255, 255); line-height: 1.2em; text-shadow: 2px 4px 2px #454545; margin-top: -3.8em; } .welcome-header2 { float: left; margin-top: 0em; width: 100%; height: auto; background-color: rgba(226,233,233,0.8); } .header2-title { position: relative; margin-left:auto; margin-right:auto; width: 90%; height: auto; padding-top: 1.5em; font-size:1.2em; letter-spacing:0.1em; font-weight: bold; } .header2-text { position: relative; margin-left:auto; margin-right:auto; width: 90%; height: auto; letter-spacing:0.05em; padding-top:0.8em; padding-bottom: 1em; } /* CONTENT */ .content-white { float: left; width: 100%; height: auto; } .content-grey { float: left; width: 100%; height: auto; padding-bottom:1em; background-color: rgba(226,233,233,0.8); } .content-title { position: relative; margin-left:auto; margin-right:auto; width: 90%; height: auto; color:#700002; font-size:1.2em; line-height:1.25em; font-weight: bold; letter-spacing:0.12em; padding-top:0.4em; padding-bottom:1em; } .content-text { position: relative; margin-left: auto; margin-right: auto; width: 85%; height:auto; padding-bottom:1em; } .spacing80 { float: left; width: 100%; height: 3em; } .col-spacing { float: left; width: 100%; height: 1.8em; } .spacing-40 { float: left; width: 100%; height: 1.8em; } .video-welcome { position: relative; margin-left:auto; margin-right:auto; width: 90%; height:auto; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: auto; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top:0; left:0; width: 100%; height: 100%; } .welcome-youtube-link { position: relative; margin-left: auto; margin-right: 1%; top:10px; width:auto; height: auto; font-size:0.8em; line-height:1em; text-align: right; } .col3-1 { float: left; margin-left: 3.5%; margin-right: auto; width: 31%; height:auto; padding-top: 0.5em; padding-bottom: 1em; } .col3-2 { float: left; margin-left: auto; margin-right: auto; width: 31%; height: auto; padding-top: 0.5em; padding-bottom: 1em; } .col3-3 { float: left; margin-left: auto; margin-right: 3.5%; width: 31%; height:auto; padding-top: 0.5em; padding-bottom: 1em; } .video-col3 { position: relative; margin-left: auto; margin-right: auto; width: 85%; height: auto } .col3-name { position: relative; margin-left: auto; margin-right: auto; width: 85%; height: auto; font-size:0.8em; font-weight: bold; line-height: 1.5em; } .col3-photo350x197 { position: relative; margin-left: auto; margin-right: auto; width: 85%; height: auto; } .col3-details { position: relative; top:-2.3em; margin-left: auto; margin-right: auto; width: 85%; height: auto; font-size:0.8em; line-height:1.3em; padding-top:0.3em; padding-bottom:0.3em; text-align: center; background-color: rgba(226,233,233,0.8); } .col3-details2 { position: relative; top:-1.8em; margin-left: auto; margin-right: auto; width: 85%; height: auto; font-size:0.8em; line-height:1.3em; padding-top:0.3em; padding-bottom:0.3em; text-align: center; background-color: rgba(226,233,233,0.8); } .col3-details3 { position: relative; margin-left: auto; margin-right: auto; width: 85%; height: auto; font-size: 0.8em; line-height: 1.3em; padding-top: 0.3em; padding-bottom: 0.3em; text-align: center; background-color: rgba(226, 233, 233, 0.8); } .col3-linkbutton-welcome-2 { position: relative; margin-left: auto; margin-right: auto; top: 1em; width: 9em; height: auto; font-size: 0.8em; font-weight: bold; line-height: 1.8em; background-color: rgb(250, 0, 8); border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .col3-linkbutton-welcome { position: relative; margin-left: auto; margin-right: auto; top: -2.8em; width: 9em; height: auto; font-size: 0.8em; font-weight: bold; line-height: 1.8em; background-color: #FA0008; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .col3-linkbutton { position: relative; margin-left: auto; margin-right: auto; top: -2.2em; width: 6.5em; height: auto; font-size: 0.8em; font-weight: bold; line-height: 1.8em; background-color: #FA0008; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .linkbutton-220 { position: relative; margin-left: auto; margin-right: auto; width: 11em; height: auto; background-color: #FA0008; border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .ticker-text { position: relative; margin-left: auto; margin-right: auto; width: 90%; font-style: italic; } .col4-1 { float: left; margin-left: 3.5%; margin-right: auto; width: 23.25%; height:auto; } .col4-2 { float: left; margin-left: auto; margin-right: auto; width: 23.25%; height:auto; } .col4-3 { float: left; margin-left: auto; margin-right: auto; width: 23.25%; height:auto; } .col4-4 { float: left; margin-left: auto; margin-right: 3.5%; width: 23.25%; height:auto; } .col4-name-alt { position: relative; top: -2.3em; width: 100%; height: auto; line-height: 1.2em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; background-color: rgba(255,255,255,0.90); font-size:0.8em; } .col4-photo315x285 { position: relative; margin-left: auto; margin-right: auto; width: 70%; height: auto; } /* MUSIC */ .col3-2-music { float: left; margin-left: auto; margin-right: auto; width: 31%; height: auto; padding-top: 10px; padding-bottom:10px; background-color:rgba(246,246,246,0.90); border-bottom-left-radius: 0.7em; border-bottom-right-radius:0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .media-content { float: left; width: 100%; height: auto; } .music-media-player { position: relative; margin-left: auto; margin-right: auto; width: 90%; height: auto; background-color: rgba(226,233,233,0.8); border-bottom-left-radius: 0.7em; border-bottom-right-radius: 0.7em; border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; } .music-player-text { position: relative; margin-left: auto; margin-right: auto; width: 100%; height: auto; } .music-img { float: left; width: 100%; height: auto; } /* BAND */ .col4-name { position: relative; margin-left: auto; margin-right: auto; width: 70%; height:auto; font-weight: bold; line-height: 1.5em; } .col4-details { position: relative; margin-left: auto; margin-right: auto; top: -1.8em; width: 70%; height: auto; font-size:0.8em; line-height:1.3em; text-align: center; background-color:rgba(226,233,233,0.8); } .col2-1 { float: left; margin-left: 3.5%; margin-right: auto; width: 46.5%; height: auto; padding-top: 0.3em; padding-bottom: 0.3em; } .col2-2 { float: left; margin-left: auto; margin-right: 3.5%; width: 46.5%; height: auto; padding-top: 0.3em; padding-bottom: 0.3em; } .col2-foto { position: relative ; margin-left: auto; margin-right: auto; width: 80%; height: auto } .col2-title { position:relative; margin-left: auto; margin-right: auto; width: 80%; height: auto; font-weight:bold; } .col2-text { position:relative; margin-left: auto; margin-right: auto; width: 80%; height: auto } /* BLOG */ .blog-content { float: left; margin-left: auto; margin-right: auto; width: 100%; height: auto; } .blog-title { position: relative; margin-left: auto; margin-right: auto; width: 90%; height:auto; font-weight: bold; text-align:left; line-height: 2em; padding-left: 0.2em; margin-bottom:0.5em; background-color: rgba(226,233,233,0.8); } .blog-video { float: left; margin-left: 6%; margin-right: auto; width: 35%; height: auto; } .blog-text { float: left; margin-left: auto; margin-right: 6%; width: 53%; height: auto; font-size: 0.8em; } .blog-spacing { float: left; margin-left: auto; top:5px; margin-right: auto; width: 100%; height: 2em; } /* CONTACT*/ .contact-form { position: relative; margin-left: auto; margin-right: auto; width: 80%; height: auto; text-align: left; font-size:0.8em; } /* ALL SITES = CD */ .x-CD-cover1 { float: left; margin-left: 5%; margin-right: auto; width: 15%; height: auto; } .x-CD-cover2 { float: left; margin-left: auto; margin-right: auto; width: 15%; height: auto; } .x-CD-cover3 { float: left; margin-left: auto; margin-right: auto; width: 15%; height: auto; } .x-CD-cover4 { float: left; margin-left: auto; margin-right: auto; width: 15%; height: auto; } .x-CD-cover5 { float: left; margin-left: auto; margin-right: auto; width: 15%; height: auto; } .x-CD-cover6 { float: left; margin-left: auto; margin-right: 5%; width: 15%; height: auto; } /* ALL SITES = FOOTER */ .footer-content { float: left; width: 100%; height: 11em; background-color: rgba(226,233,233,0.8); font-size: 1em; } .footer-top { position: relative; margin-top: 1em; width: 100%; height: 23%;} .footer-youtube { float: left; margin-left: 3%; top: 1em; width: 5%; min-width: 2em; max-width: 3em; height: auto ;} .footer-facebook { float: left; margin-left: 2em; width: 3.5%; min-width: 1.5em; max-width: 2.2em; height: auto; } .footer-headerR { float: right; margin-right: 3%; width: auto; height: auto; text-align: right; font-weight: bold; } .footer-left { float: left; margin-left: 3%; width: 32%; height: 6em; } .footer-textL { position: relative; margin-top: 0.5em; width: 100%; height: auto; text-align: left; } .footer-center { float: left; width: 30%; height: 6em; } .footer-fresh { position: relative; margin-left: auto ; margin-right: auto; width: 40%; min-width: 5.5em; max-width: 8em; } .footer-right { float: left; margin-right: 3%; width: 32%; height: 6em; } .footer-textR { position: relative; margin-top: 0.5em; width: 100%; height: auto; text-align: right; } .footer-TGS { position: fixed; left: 0; bottom: 0; width: 100%; height: 1.5em; background-color: #FA0008; } .text-TGS { position: relative; margin-left: auto; margin-right: auto; top: 0.2em; width: 90%; font-size: 0.9em; } /* END OF STYLE CODE */