Guest User

Untitled

a guest
May 27th, 2018
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.32 KB | None | 0 0
  1. @charset "utf-8";
  2. a {outline:none;}
  3.  
  4. * {
  5. margin:0;
  6. padding:0;
  7. }
  8.  
  9. body {
  10. margin-top:0px;
  11. background-repeat:repeat-x;
  12. background-image:url('Sitrion-Background.png');
  13. }
  14.  
  15. li {
  16. font-size:12px;
  17. font-family:Arial, Helvetica, sans-serif;
  18. line-height:21px;
  19. list-style:none;
  20. text-align:left;
  21. }
  22.  
  23. ul {
  24. font-size:12px;
  25. font-family:Arial, Helvetica, sans-serif;
  26. line-height:21px;
  27. list-style:none;
  28. text-align:left;
  29. }
  30.  
  31. .clear {
  32. clear:both;
  33. }
  34.  
  35. #Wrapper {
  36. width:1000px;
  37. height:auto;
  38. }
  39.  
  40. #Header {
  41. width:1000px;
  42. height:72px;
  43. }
  44.  
  45. #Sitrion-Logo{
  46. width:152px;
  47. height:52px;
  48. float:left;
  49. margin-left:62px;
  50. margin-top:9px;
  51. background-image:url('Sitrion-Logo.png');
  52. }
  53.  
  54. #Sitrion-Topbar {
  55. width:368px;
  56. height:24px;
  57. float:left;
  58. margin-top:9px;
  59. margin-left:339px;
  60. }
  61.  
  62. .Topbar-Trennstrich{
  63. width:1px;
  64. height:18px;
  65. float:left;
  66. margin-left:11px;
  67. margin-top:4px;
  68. background-image:url('Sitrion-Topbar-Trennlinie.png');
  69. }
  70.  
  71. #Kontaktiere-Uns {
  72. width:82px;
  73. height:12px;
  74. margin-left:1px;
  75. margin-top:6px;
  76. float:left;
  77.  
  78. font-size:11px;
  79. color:#e9f0eb;
  80. font-family:Arial;
  81. }
  82.  
  83. #Kontaktiere-Uns:hover{
  84. color:#7ea84b;
  85. }
  86.  
  87. #Sitrion-Sprache {
  88. width:96px;
  89. height:12px;
  90. margin-left:11px;
  91. margin-top:6px;
  92. float:left;
  93.  
  94. font-size:11px;
  95. color:#e9f0eb;
  96. font-family:Arial;
  97. }
  98.  
  99. #Sitrion-Sprache:hover{
  100. color:#7ea84b;
  101. }
  102.  
  103. #Sitrion-Sprache-Dropdown{
  104. width:11px;
  105. height:7px;
  106. float:left;
  107. margin-left:6px;
  108. margin-top:10px;
  109. background-image:url('Sitrion-Drop.png');
  110. }
  111.  
  112. #Sitrion-Login {
  113. width:31px;
  114. height:12px;
  115. margin-left:13px;
  116. margin-top:6px;
  117. float:left;
  118.  
  119. font-size:11px;
  120. color:#e9f0eb;
  121. font-family:Arial;
  122. }
  123.  
  124. #Sitrion-Login:hover{
  125. color:#7ea84b;
  126. }
  127.  
  128. #Sitrion-Registrieren {
  129. width:31px;
  130. height:12px;
  131. margin-left:14px;
  132. margin-top:6px;
  133. float:left;
  134.  
  135. font-size:11px;
  136. color:#e9f0eb;
  137. font-family:Arial;
  138. }
  139.  
  140. #Sitrion-Registrieren:hover{
  141. color:#7ea84b;
  142. }
  143.  
  144. /*Navigation Begin*/
  145.  
  146. #Navigation {
  147. width:859px;
  148. height:35px;
  149. float:left;
  150. margin-left:63px;
  151. list-style:none;
  152. }
  153.  
  154. #Navigation li {
  155. float:left;
  156. display:block;
  157. position:relative;
  158. }
  159.  
  160. #Navigation li a {
  161. font-family:Arial, Helvetica, sans-serif;
  162. font-size:12px;
  163. color: #ffffff;
  164. display:block;
  165. text-align:center;
  166. outline:0;
  167. margin-top:7px;
  168. text-decoration:none;
  169. }
  170.  
  171. .dropdown_5columns {
  172. margin:4px auto;
  173. float:left;
  174. position:absolute;
  175. left:-999em;
  176. text-align:left;
  177. margin-top:7px;
  178. padding-left:1px;
  179. border:1px solid #d4d4d4;
  180. border-top:none;
  181. background-color:#ffffff;
  182. }
  183.  
  184. .dropdown_4columns {
  185. margin:4px auto;
  186. float:left;
  187. position:absolute;
  188. left:-999em;
  189. text-align:left;
  190. margin-top:7px;
  191. padding-left:1px;
  192. border:1px solid #d4d4d4;
  193. border-top:none;
  194. background-color:#ffffff;
  195. }
  196.  
  197. .dropdown_3columns {
  198. margin:4px auto;
  199. float:left;
  200. position:absolute;
  201. left:-999em;
  202. text-align:left;
  203. margin-top:7px;
  204. padding-left:1px;
  205. border:1px solid #d4d4d4;
  206. border-top:none;
  207. background-color:#ffffff;
  208. }
  209.  
  210. .dropdown_2columns {
  211. margin:4px auto;
  212. float:left;
  213. position:absolute;
  214. left:-999em;
  215. text-align:left;
  216. margin-top:7px;
  217. padding-left:1px;
  218. border:1px solid #d4d4d4;
  219. border-top:none;
  220. background-color:#ffffff;
  221. }
  222.  
  223. .dropdown_1column {
  224. margin:4px auto;
  225. float:left;
  226. position:absolute;
  227. left:-999em;
  228. text-align:left;
  229. margin-top:7px;
  230. padding-left:1px;
  231. border:1px solid #d4d4d4;
  232. border-top:none;
  233. background-color:#ffffff;
  234. }
  235.  
  236. .dropdown_1column {width: 172px;}
  237. .dropdown_2columns {width: 329px;}
  238. .dropdown_3columns {width: 420px;}
  239. .dropdown_4columns {width: 621px;}
  240. .dropdown_5columns {width: 700px;}
  241.  
  242. #Navigation li:hover .dropdown_5columns {
  243. left:-1px;
  244. top:auto;
  245. }
  246.  
  247. #Navigation li:hover .dropdown_4columns {
  248. left:-1px;
  249. top:auto;
  250. }
  251.  
  252. #Navigation li:hover .dropdown_3columns {
  253. left:-1px;
  254. top:auto;
  255. }
  256.  
  257. #Navigation li:hover .dropdown_2columns {
  258. left:0px;
  259. top:auto;
  260. }
  261.  
  262. #Navigation li:hover .dropdown_1column {
  263. left:-1px;
  264. top:auto;
  265. }
  266.  
  267. .col_5 {
  268. display:inline;
  269. float: left;
  270. position: relative;
  271. margin-left: 5px;
  272. margin-right: 5px;
  273. }
  274.  
  275. .col_4 {
  276. display:inline;
  277. float: left;
  278. position: relative;
  279. margin-left: 5px;
  280. margin-right: 5px;
  281. }
  282.  
  283. .col_3 {
  284. display:inline;
  285. float: left;
  286. position: relative;
  287. margin-left: 5px;
  288. margin-right: 5px;
  289. }
  290.  
  291. .col_2 {
  292. display:inline;
  293. float: left;
  294. position: relative;
  295. margin-left: 5px;
  296. margin-right: 5px;
  297. }
  298.  
  299. .col_1 {
  300. display:inline;
  301. float: left;
  302. position: relative;
  303. margin-left: 5px;
  304. margin-right: 5px;
  305. }
  306.  
  307. .col_1 {width:130px;}
  308. .col_2 {width:270px;}
  309. .col_3 {width:410px;}
  310. .col_4 {width:550px;}
  311. .col_5 {width:690px;}
  312.  
  313. .Navigation-Trennlinie{
  314. width:2px;
  315. height:35px;
  316. float:left;
  317. background-image:url('Sitrion-Navigation-Trennlinie.png');
  318. }
  319.  
  320. #Lösungen{
  321. width:106px;
  322. height:35px;
  323. float:left;
  324. background-image:url('Sitrion-Navigation-Background.png');
  325. }
  326.  
  327. #Lösungen:hover{
  328. background-image:url('Sitrion-Navigation-Overlay.png');
  329. }
  330.  
  331. #Produkte{
  332. width:104px;
  333. height:35px;
  334. float:left;
  335. background-image:url('Sitrion-Navigation-Background.png');
  336. }
  337.  
  338. #Produkte:hover{
  339. background-image:url('Sitrion-Navigation-Overlay.png');
  340. }
  341.  
  342. #Navigation-Kunden{
  343. width:105px;
  344. height:35px;
  345. float:left;
  346. background-image:url('Sitrion-Navigation-Background.png');
  347. }
  348.  
  349. #Navigation-Kunden:hover{
  350. background-image:url('Sitrion-Navigation-Overlay.png');
  351. }
  352.  
  353. #Community{
  354. width:107px;
  355. height:35px;
  356. float:left;
  357. background-image:url('Sitrion-Navigation-Background.png');
  358. }
  359.  
  360. #Community:hover{
  361. background-image:url('Sitrion-Navigation-Overlay.png');
  362. }
  363.  
  364. #Partners{
  365. width:92px;
  366. height:35px;
  367. float:left;
  368. background-image:url('Sitrion-Navigation-Background.png');
  369. }
  370.  
  371. #Partners:hover{
  372. background-image:url('Sitrion-Navigation-Overlay.png');
  373. }
  374.  
  375. #Resources{
  376. width:109px;
  377. height:35px;
  378. float:left;
  379. background-image:url('Sitrion-Navigation-Background.png');
  380. }
  381.  
  382. #Resources:hover{
  383. background-image:url('Sitrion-Navigation-Overlay.png');
  384. }
  385.  
  386. #Support{
  387. width:96px;
  388. height:35px;
  389. float:left;
  390. background-image:url('Sitrion-Navigation-Background.png');
  391. }
  392.  
  393. #Support:hover{
  394. background-image:url('Sitrion-Navigation-Overlay.png');
  395. }
  396.  
  397. #Unternehmen{
  398. width:126px;
  399. height:35px;
  400. float:left;
  401. background-image:url('Sitrion-Navigation-Background.png');
  402. }
  403.  
  404. #Unternehmen:hover{
  405. background-image:url('Sitrion-Navigation-Overlay.png');
  406. }
  407.  
  408. /* Navigation Ende */
  409.  
  410. #Slideshow {
  411. width:859px;
  412. height:288px;
  413. float:left;
  414. margin-left:63px;
  415. background-color:#efefef;
  416. border:1px #c2c3c4 solid;
  417. border-top:none;
  418. }
  419.  
  420. /* Contentslider Ende */
  421.  
  422. #Dropbox{
  423. width:859px;
  424. height:158px;
  425. float:left;
  426. margin-top:3px;
  427. margin-left:63px;
  428. background-color:#f7f7f7;
  429. border:1px #c2c3c4 solid;
  430. }
  431.  
  432. .Dropbox-Trennlinie{
  433. width:1px;
  434. height:125px;
  435. float:left;
  436. margin-top:21px;
  437. background-image:url('Sitrion-Dropbox-Trennlinie.png');
  438. }
  439.  
  440. #Dropbox-Feld1{
  441. width:204px;
  442. height:156px;
  443. float:left;
  444. margin-left:1px;
  445. margin-top:1px;
  446. }
  447.  
  448. #Dropbox-Feld2{
  449. width:239px;
  450. height:156px;
  451. float:left;
  452. margin-left:1px;
  453. margin-top:1px;
  454. }
  455.  
  456. #Dropbox-Feld3{
  457. width:199px;
  458. height:156px;
  459. float:left;
  460. margin-left:1px;
  461. margin-top:1px;
  462. }
  463.  
  464. #Dropbox-Feld4{
  465. width:199px;
  466. height:156px;
  467. float:left;
  468. margin-left:1px;
  469. margin-top:1px;
  470. }
  471.  
  472. #Dropbox-Überschrift1{
  473. width:204px;
  474. height:18px;
  475. float:left;
  476. margin-top:14px;
  477.  
  478. color:#869a3e;
  479. font-size:18px;
  480. font-family:Arial;
  481. }
  482.  
  483. #Dropbox-Erläuterung1{
  484. width:204px;
  485. height:12px;
  486. float:left;
  487.  
  488. color:#7e6666;
  489. font-size:12px;
  490. font-family:Arial;
  491. }
  492.  
  493. #Dropbox-Bild1{
  494. width:204px;
  495. height:104px;
  496. float:left;
  497. margin-top:8px;
  498. background-image:url('Sitrion-Special-Bild1.png');
  499. }
  500.  
  501. #Dropbox-Überschrift2{
  502. width:239px;
  503. height:18px;
  504. float:left;
  505. margin-top:14px;
  506.  
  507. color:#869a3e;
  508. font-size:18px;
  509. font-family:Arial;
  510. }
  511.  
  512. #Dropbox-Erläuterung2{
  513. width:239px;
  514. height:12px;
  515. float:left;
  516.  
  517. color:#7e6666;
  518. font-size:12px;
  519. font-family:Arial;
  520. }
  521.  
  522. #Dropbox-Bild2{
  523. width:239px;
  524. height:104px;
  525. float:left;
  526. margin-top:8px;
  527. background-image:url('Sitrion-Special-Bild2.png');
  528. }
  529.  
  530. #Dropbox-Überschrift3{
  531. width:199px;
  532. height:18px;
  533. float:left;
  534. margin-top:14px;
  535.  
  536. color:#869a3e;
  537. font-size:18px;
  538. font-family:Arial;
  539. }
  540.  
  541. #Dropbox-Erläuterung3{
  542. width:199px;
  543. height:12px;
  544. float:left;
  545.  
  546. color:#7e6666;
  547. font-size:12px;
  548. font-family:Arial;
  549. }
  550.  
  551. #Dropbox-Bild3{
  552. width:199px;
  553. height:104px;
  554. float:left;
  555. margin-top:8px;
  556. background-image:url('Sitrion-Special-Bild3.png');
  557. }
  558.  
  559. #Dropbox-Überschrift4{
  560. width:199px;
  561. height:18px;
  562. float:left;
  563. margin-top:14px;
  564.  
  565. color:#869a3e;
  566. font-size:18px;
  567. font-family:Arial;
  568. }
  569.  
  570. #Dropbox-Erläuterung4{
  571. width:199px;
  572. height:12px;
  573. float:left;
  574.  
  575. color:#7e6666;
  576. font-size:12px;
  577. font-family:Arial;
  578. }
  579.  
  580. #Dropbox-Bild4{
  581. width:199px;
  582. height:104px;
  583. float:left;
  584. margin-top:8px;
  585. background-image:url('Sitrion-Special-Bild4.png');
  586. }
  587.  
  588. /* Dropbox Ende */
  589.  
  590. #Sitrion-Demo{
  591. width:859px;
  592. height:198px;
  593. float:left;
  594. margin-left:63px;
  595. margin-top:3px;
  596. background-color:#f7f7f7; border:1px #c2c3c4 solid;
  597. }
  598.  
  599. .Sitrion-Überschrift{
  600. color:#696969;
  601. font-family:Arial;
  602. font-size:15px;
  603. float:left;
  604. margin-top:9px;
  605. margin-left:10px;
  606. font-weight:bold;
  607. }
  608.  
  609. .Plus-Icon{
  610. width:8px;
  611. height:8px;
  612. float:left;
  613. margin-left:14px;
  614. margin-top:14px;
  615. background-image:url('Sitrion-Plus-Icon.png');
  616. }
  617.  
  618. /* Ditrion Demo Ende */
  619.  
  620. #Sitrion-Kunden{
  621. width:859px;
  622. height:129px;
  623. float:left;
  624. margin-top:3px;
  625. margin-left:63px;
  626. background-color:#ffffff; border:1px #c2c3c4 solid;
  627. }
  628.  
  629. #Kunden{
  630. width:859px;
  631. height:63px;
  632. margin-top:35px;
  633. }
  634.  
  635. .Kundenfeld{
  636. width:150px;
  637. height:63px;
  638. float:left;
  639. }
  640.  
  641. .Kunden-Trennlinie{
  642. width:1px;
  643. height:63px;
  644. float:left;
  645. background-image:url('Sitrion-Kunden-Trennlinie.png');
  646. }
  647.  
  648. .slideshow img{
  649. width:113px;
  650. height:23px;
  651. }
  652.  
  653. #Kunden-Button{
  654. width:65px;
  655. height:23px;
  656. margin-left:786px;
  657. margin-top:4px;
  658. background-image:url('Sitrion-Kleiner-Button.png');
  659. }
  660.  
  661. #Kunden-Button:hover{
  662. background-image:url('Sitrion-Kleiner-Button-Hover.png');
  663. }
  664.  
  665. #Button-Überblick{
  666. color:#fff8f8;
  667. font-family:Arial;
  668. font-size:11px;
  669. padding-top:4px;
  670. }
  671.  
  672. /*Sitrion Kunden Ende */
  673.  
  674. #Footer{
  675. width:861px;
  676. height:209px;
  677. float:left;
  678. margin-left:63px;
  679. margin-top:3px;
  680. background-color:#f7f7f7; border:1px #c2c3c4 solid;
  681. }
  682.  
  683. .Footer-Überschrift {
  684. color:#614242;
  685. font-size:12px;
  686. font-family:Arial;
  687. float:left;
  688. margin-left:17px;
  689. margin-top:15px;
  690. font-weight:bold;
  691. }
  692.  
  693. .Footer-Trennlinie{
  694. width:128px;
  695. height:5px;
  696. float:left;
  697. margin-left:16px;
  698. margin-top:2px;
  699. background-image:url('Sitrion-Footer-Trennlinie.png');
  700. }
  701.  
  702. .Footer-Punkt{
  703. width:8px;
  704. height:8px;
  705. float:left;
  706. margin-top:3px;
  707. margin-left:4px;
  708. background-image:url('Sitrion-Footer-Kreis.png');
  709. }
  710.  
  711. .Footer-Spalte{
  712. width:180px;
  713. height:10px;
  714. float:left;
  715. margin-left:17px;
  716. margin-top:5px;
  717. clear:both;
  718. }
  719.  
  720. #Footer-Feld1{
  721. width:159px;
  722. height:86px;
  723. float:left;
  724. margin-left:32px;
  725. margin-top:1px;
  726. }
  727.  
  728. #Footer-Feld2{
  729. width:174px;
  730. height:118px;
  731. float:left;
  732. margin-left:59px;
  733. margin-top:1px;
  734. }
  735.  
  736. #Footer-Feld3{
  737. width:140px;
  738. height:61px;
  739. float:left;
  740. margin-left:63px;
  741. margin-top:1px;
  742. }
  743.  
  744. #Footer-Feld4{
  745. width:146px;
  746. height:79px;
  747. float:left;
  748. margin-left:54px;
  749. margin-top:1px;
  750. }
  751.  
  752. #Footer-Feld2-Facebook{
  753. width:14px;
  754. height:14px;
  755. float:left;
  756. background-image:url('Sitrion-Fb.png');
  757. }
  758.  
  759. #Footer-Feld2-Twitter{
  760. width:14px;
  761. height:14px;
  762. float:left;
  763. background-image:url('Sitrion-Twitter.png');
  764. }
  765.  
  766. #Footer-Feld2-Youtube{
  767. width:14px;
  768. height:14px;
  769. float:left;
  770. background-image:url('Sitrion-Youtube.png');
  771. }
  772.  
  773. .Footer-Schrift{
  774. color:#614242;
  775. font-family:Arial;
  776. font-size:11px;
  777. float:left;
  778. margin-left:13px;
  779. }
  780.  
  781. .Footer-Schrift:hover{
  782. text-decoration:underline;
  783. }
  784.  
  785. #Footer-Button{
  786. width:65px;
  787. height:23px;
  788. float:left;
  789. margin-left:1px;
  790. margin-top:82px;
  791. background-image:url('Sitrion-Kleiner-Button.png');
  792. }
  793.  
  794. #Footer-Plus{
  795. width:8px;
  796. height:8px;
  797. float:left;
  798. margin-top:16px;
  799. margin-left:3px;
  800. background-image:url('Sitrion-Plus-Icon.png');
  801. }
  802.  
  803. #Folow-Schrift{
  804. color:#7f6767;
  805. font-family:Arial;
  806. font-size:10px;
  807. margin-left:20px;
  808. margin-top:8px;
  809. text-align:left;
  810. }
Add Comment
Please, Sign In to add comment