Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- a {outline:none;}
- * {
- margin:0;
- padding:0;
- }
- body {
- margin-top:0px;
- background-repeat:repeat-x;
- background-image:url('Sitrion-Background.png');
- }
- li {
- font-size:12px;
- font-family:Arial, Helvetica, sans-serif;
- line-height:21px;
- list-style:none;
- text-align:left;
- }
- ul {
- font-size:12px;
- font-family:Arial, Helvetica, sans-serif;
- line-height:21px;
- list-style:none;
- text-align:left;
- }
- .clear {
- clear:both;
- }
- #Wrapper {
- width:1000px;
- height:auto;
- }
- #Header {
- width:1000px;
- height:72px;
- }
- #Sitrion-Logo{
- width:152px;
- height:52px;
- float:left;
- margin-left:62px;
- margin-top:9px;
- background-image:url('Sitrion-Logo.png');
- }
- #Sitrion-Topbar {
- width:368px;
- height:24px;
- float:left;
- margin-top:9px;
- margin-left:339px;
- }
- .Topbar-Trennstrich{
- width:1px;
- height:18px;
- float:left;
- margin-left:11px;
- margin-top:4px;
- background-image:url('Sitrion-Topbar-Trennlinie.png');
- }
- #Kontaktiere-Uns {
- width:82px;
- height:12px;
- margin-left:1px;
- margin-top:6px;
- float:left;
- font-size:11px;
- color:#e9f0eb;
- font-family:Arial;
- }
- #Kontaktiere-Uns:hover{
- color:#7ea84b;
- }
- #Sitrion-Sprache {
- width:96px;
- height:12px;
- margin-left:11px;
- margin-top:6px;
- float:left;
- font-size:11px;
- color:#e9f0eb;
- font-family:Arial;
- }
- #Sitrion-Sprache:hover{
- color:#7ea84b;
- }
- #Sitrion-Sprache-Dropdown{
- width:11px;
- height:7px;
- float:left;
- margin-left:6px;
- margin-top:10px;
- background-image:url('Sitrion-Drop.png');
- }
- #Sitrion-Login {
- width:31px;
- height:12px;
- margin-left:13px;
- margin-top:6px;
- float:left;
- font-size:11px;
- color:#e9f0eb;
- font-family:Arial;
- }
- #Sitrion-Login:hover{
- color:#7ea84b;
- }
- #Sitrion-Registrieren {
- width:31px;
- height:12px;
- margin-left:14px;
- margin-top:6px;
- float:left;
- font-size:11px;
- color:#e9f0eb;
- font-family:Arial;
- }
- #Sitrion-Registrieren:hover{
- color:#7ea84b;
- }
- /*Navigation Begin*/
- #Navigation {
- width:859px;
- height:35px;
- float:left;
- margin-left:63px;
- list-style:none;
- }
- #Navigation li {
- float:left;
- display:block;
- position:relative;
- }
- #Navigation li a {
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- color: #ffffff;
- display:block;
- text-align:center;
- outline:0;
- margin-top:7px;
- text-decoration:none;
- }
- .dropdown_5columns {
- margin:4px auto;
- float:left;
- position:absolute;
- left:-999em;
- text-align:left;
- margin-top:7px;
- padding-left:1px;
- border:1px solid #d4d4d4;
- border-top:none;
- background-color:#ffffff;
- }
- .dropdown_4columns {
- margin:4px auto;
- float:left;
- position:absolute;
- left:-999em;
- text-align:left;
- margin-top:7px;
- padding-left:1px;
- border:1px solid #d4d4d4;
- border-top:none;
- background-color:#ffffff;
- }
- .dropdown_3columns {
- margin:4px auto;
- float:left;
- position:absolute;
- left:-999em;
- text-align:left;
- margin-top:7px;
- padding-left:1px;
- border:1px solid #d4d4d4;
- border-top:none;
- background-color:#ffffff;
- }
- .dropdown_2columns {
- margin:4px auto;
- float:left;
- position:absolute;
- left:-999em;
- text-align:left;
- margin-top:7px;
- padding-left:1px;
- border:1px solid #d4d4d4;
- border-top:none;
- background-color:#ffffff;
- }
- .dropdown_1column {
- margin:4px auto;
- float:left;
- position:absolute;
- left:-999em;
- text-align:left;
- margin-top:7px;
- padding-left:1px;
- border:1px solid #d4d4d4;
- border-top:none;
- background-color:#ffffff;
- }
- .dropdown_1column {width: 172px;}
- .dropdown_2columns {width: 329px;}
- .dropdown_3columns {width: 420px;}
- .dropdown_4columns {width: 621px;}
- .dropdown_5columns {width: 700px;}
- #Navigation li:hover .dropdown_5columns {
- left:-1px;
- top:auto;
- }
- #Navigation li:hover .dropdown_4columns {
- left:-1px;
- top:auto;
- }
- #Navigation li:hover .dropdown_3columns {
- left:-1px;
- top:auto;
- }
- #Navigation li:hover .dropdown_2columns {
- left:0px;
- top:auto;
- }
- #Navigation li:hover .dropdown_1column {
- left:-1px;
- top:auto;
- }
- .col_5 {
- display:inline;
- float: left;
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- }
- .col_4 {
- display:inline;
- float: left;
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- }
- .col_3 {
- display:inline;
- float: left;
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- }
- .col_2 {
- display:inline;
- float: left;
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- }
- .col_1 {
- display:inline;
- float: left;
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- }
- .col_1 {width:130px;}
- .col_2 {width:270px;}
- .col_3 {width:410px;}
- .col_4 {width:550px;}
- .col_5 {width:690px;}
- .Navigation-Trennlinie{
- width:2px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Trennlinie.png');
- }
- #Lösungen{
- width:106px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Lösungen:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Produkte{
- width:104px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Produkte:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Navigation-Kunden{
- width:105px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Navigation-Kunden:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Community{
- width:107px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Community:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Partners{
- width:92px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Partners:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Resources{
- width:109px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Resources:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Support{
- width:96px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Support:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- #Unternehmen{
- width:126px;
- height:35px;
- float:left;
- background-image:url('Sitrion-Navigation-Background.png');
- }
- #Unternehmen:hover{
- background-image:url('Sitrion-Navigation-Overlay.png');
- }
- /* Navigation Ende */
- #Slideshow {
- width:859px;
- height:288px;
- float:left;
- margin-left:63px;
- background-color:#efefef;
- border:1px #c2c3c4 solid;
- border-top:none;
- }
- /* Contentslider Ende */
- #Dropbox{
- width:859px;
- height:158px;
- float:left;
- margin-top:3px;
- margin-left:63px;
- background-color:#f7f7f7;
- border:1px #c2c3c4 solid;
- }
- .Dropbox-Trennlinie{
- width:1px;
- height:125px;
- float:left;
- margin-top:21px;
- background-image:url('Sitrion-Dropbox-Trennlinie.png');
- }
- #Dropbox-Feld1{
- width:204px;
- height:156px;
- float:left;
- margin-left:1px;
- margin-top:1px;
- }
- #Dropbox-Feld2{
- width:239px;
- height:156px;
- float:left;
- margin-left:1px;
- margin-top:1px;
- }
- #Dropbox-Feld3{
- width:199px;
- height:156px;
- float:left;
- margin-left:1px;
- margin-top:1px;
- }
- #Dropbox-Feld4{
- width:199px;
- height:156px;
- float:left;
- margin-left:1px;
- margin-top:1px;
- }
- #Dropbox-Überschrift1{
- width:204px;
- height:18px;
- float:left;
- margin-top:14px;
- color:#869a3e;
- font-size:18px;
- font-family:Arial;
- }
- #Dropbox-Erläuterung1{
- width:204px;
- height:12px;
- float:left;
- color:#7e6666;
- font-size:12px;
- font-family:Arial;
- }
- #Dropbox-Bild1{
- width:204px;
- height:104px;
- float:left;
- margin-top:8px;
- background-image:url('Sitrion-Special-Bild1.png');
- }
- #Dropbox-Überschrift2{
- width:239px;
- height:18px;
- float:left;
- margin-top:14px;
- color:#869a3e;
- font-size:18px;
- font-family:Arial;
- }
- #Dropbox-Erläuterung2{
- width:239px;
- height:12px;
- float:left;
- color:#7e6666;
- font-size:12px;
- font-family:Arial;
- }
- #Dropbox-Bild2{
- width:239px;
- height:104px;
- float:left;
- margin-top:8px;
- background-image:url('Sitrion-Special-Bild2.png');
- }
- #Dropbox-Überschrift3{
- width:199px;
- height:18px;
- float:left;
- margin-top:14px;
- color:#869a3e;
- font-size:18px;
- font-family:Arial;
- }
- #Dropbox-Erläuterung3{
- width:199px;
- height:12px;
- float:left;
- color:#7e6666;
- font-size:12px;
- font-family:Arial;
- }
- #Dropbox-Bild3{
- width:199px;
- height:104px;
- float:left;
- margin-top:8px;
- background-image:url('Sitrion-Special-Bild3.png');
- }
- #Dropbox-Überschrift4{
- width:199px;
- height:18px;
- float:left;
- margin-top:14px;
- color:#869a3e;
- font-size:18px;
- font-family:Arial;
- }
- #Dropbox-Erläuterung4{
- width:199px;
- height:12px;
- float:left;
- color:#7e6666;
- font-size:12px;
- font-family:Arial;
- }
- #Dropbox-Bild4{
- width:199px;
- height:104px;
- float:left;
- margin-top:8px;
- background-image:url('Sitrion-Special-Bild4.png');
- }
- /* Dropbox Ende */
- #Sitrion-Demo{
- width:859px;
- height:198px;
- float:left;
- margin-left:63px;
- margin-top:3px;
- background-color:#f7f7f7; border:1px #c2c3c4 solid;
- }
- .Sitrion-Überschrift{
- color:#696969;
- font-family:Arial;
- font-size:15px;
- float:left;
- margin-top:9px;
- margin-left:10px;
- font-weight:bold;
- }
- .Plus-Icon{
- width:8px;
- height:8px;
- float:left;
- margin-left:14px;
- margin-top:14px;
- background-image:url('Sitrion-Plus-Icon.png');
- }
- /* Ditrion Demo Ende */
- #Sitrion-Kunden{
- width:859px;
- height:129px;
- float:left;
- margin-top:3px;
- margin-left:63px;
- background-color:#ffffff; border:1px #c2c3c4 solid;
- }
- #Kunden{
- width:859px;
- height:63px;
- margin-top:35px;
- }
- .Kundenfeld{
- width:150px;
- height:63px;
- float:left;
- }
- .Kunden-Trennlinie{
- width:1px;
- height:63px;
- float:left;
- background-image:url('Sitrion-Kunden-Trennlinie.png');
- }
- .slideshow img{
- width:113px;
- height:23px;
- }
- #Kunden-Button{
- width:65px;
- height:23px;
- margin-left:786px;
- margin-top:4px;
- background-image:url('Sitrion-Kleiner-Button.png');
- }
- #Kunden-Button:hover{
- background-image:url('Sitrion-Kleiner-Button-Hover.png');
- }
- #Button-Überblick{
- color:#fff8f8;
- font-family:Arial;
- font-size:11px;
- padding-top:4px;
- }
- /*Sitrion Kunden Ende */
- #Footer{
- width:861px;
- height:209px;
- float:left;
- margin-left:63px;
- margin-top:3px;
- background-color:#f7f7f7; border:1px #c2c3c4 solid;
- }
- .Footer-Überschrift {
- color:#614242;
- font-size:12px;
- font-family:Arial;
- float:left;
- margin-left:17px;
- margin-top:15px;
- font-weight:bold;
- }
- .Footer-Trennlinie{
- width:128px;
- height:5px;
- float:left;
- margin-left:16px;
- margin-top:2px;
- background-image:url('Sitrion-Footer-Trennlinie.png');
- }
- .Footer-Punkt{
- width:8px;
- height:8px;
- float:left;
- margin-top:3px;
- margin-left:4px;
- background-image:url('Sitrion-Footer-Kreis.png');
- }
- .Footer-Spalte{
- width:180px;
- height:10px;
- float:left;
- margin-left:17px;
- margin-top:5px;
- clear:both;
- }
- #Footer-Feld1{
- width:159px;
- height:86px;
- float:left;
- margin-left:32px;
- margin-top:1px;
- }
- #Footer-Feld2{
- width:174px;
- height:118px;
- float:left;
- margin-left:59px;
- margin-top:1px;
- }
- #Footer-Feld3{
- width:140px;
- height:61px;
- float:left;
- margin-left:63px;
- margin-top:1px;
- }
- #Footer-Feld4{
- width:146px;
- height:79px;
- float:left;
- margin-left:54px;
- margin-top:1px;
- }
- #Footer-Feld2-Facebook{
- width:14px;
- height:14px;
- float:left;
- background-image:url('Sitrion-Fb.png');
- }
- #Footer-Feld2-Twitter{
- width:14px;
- height:14px;
- float:left;
- background-image:url('Sitrion-Twitter.png');
- }
- #Footer-Feld2-Youtube{
- width:14px;
- height:14px;
- float:left;
- background-image:url('Sitrion-Youtube.png');
- }
- .Footer-Schrift{
- color:#614242;
- font-family:Arial;
- font-size:11px;
- float:left;
- margin-left:13px;
- }
- .Footer-Schrift:hover{
- text-decoration:underline;
- }
- #Footer-Button{
- width:65px;
- height:23px;
- float:left;
- margin-left:1px;
- margin-top:82px;
- background-image:url('Sitrion-Kleiner-Button.png');
- }
- #Footer-Plus{
- width:8px;
- height:8px;
- float:left;
- margin-top:16px;
- margin-left:3px;
- background-image:url('Sitrion-Plus-Icon.png');
- }
- #Folow-Schrift{
- color:#7f6767;
- font-family:Arial;
- font-size:10px;
- margin-left:20px;
- margin-top:8px;
- text-align:left;
- }
Add Comment
Please, Sign In to add comment