/* CSS DE */

body {
background-color:#302d2b;
background-image:url(http://uniquegraphics.ch/images/content/bg.jpg);
/*background-attachment:fixed;*/
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto 10px auto;
padding:0;
text-align:left;
}

* {
z-index:1;
}

a {
color:#FFF;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

a:active {
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

img, img a {
border:0 none;
}

.icon {
vertical-align:-3px;
}

input, textarea {
color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#404040;
border:1px solid #222;
margin:0 0 5px 0;
padding:3px 4px;
-moz-border-radius:4px;
}

.textarea-kontakt {
width:470px;
}

input:hover, textarea:hover {
background:#363636;
}

input:focus, textarea:focus {
color:#FFF;
background:#363636;
border:1px solid #000;
}

input[type=text]:focus,
input[type=password]:focus {
outline: 0 none;
}

form {
margin:0;
padding:0;
}

.form_1 
{
clear:both;
margin:0 0 5px 0;
}

.form_1 p {
width:120px;
float:left;
padding:0;
margin:0;
}

.form_1 input {
width:470px;
}

.information {
color:#FFF;
font-weight:bold;
padding:8px;
background:#222;
border:1px solid #555;
margin:0 0 15px 0;
}

.information-error {
color:#999;
padding:8px;
background:#222;
border:1px solid #FFF;
margin:0 0 15px 0;
}

.information-error strong {
color:#FFF;
}

blockquote {
width:500px;
color:#c6c6c6;
margin:10px 10px;
padding: 20px 40px;
border: 0;
font-size:16px;
font-weight:bold;
font-style:italic;
background-image:url(http://uniquegraphics.ch/images/content/blockquote.png);
background-repeat:no-repeat;
}

.blockquote-team {
width:350px;
color:#c6c6c6;
margin:10px 10px;
padding: 20px 40px;
border: 0;
font-size:16px;
font-weight:bold;
font-style:italic;
background-image:url(http://uniquegraphics.ch/images/content/blockquote.png);
background-repeat:no-repeat;
}

.font-white {
color:#FFF;
}

.description-justify {
text-align: justify;
margin:10px 0 20px 0;
}

.description-justify-startseite {
text-align: justify;
margin:10px 0 0 0;
}

.description-justify-startseite a {
color:#7e7e7e;
text-decoration:none;
font-weight:bold;
}

.description-justify-startseite a:hover {
text-decoration:underline;
}

.description-kontakt {
width:100%;
text-align:left;
padding:0 0 0 10px;
margin:10px 0 20px 0;
}

.kontaktadresse-left {
float:left;
width: 50%;
text-align:left;
}

.kontaktadresse-right {
float:left;
width: 50%;
text-align:left;
}

.list-tick {
font-weight:bold;
margin:10px 20px;
padding:0;
padding-left:20px;
}

.list-tick li, .list-tick-web li, .list-tick-team li, .list-tick-kontakt  {
color:#FFF;
padding:0 0 0 5px;
list-style-image:url(http://uniquegraphics.ch/images/icons/content/tick-black.png);
vertical-align:-2px;
}

.list-tick li:hover {
color:#86cc7c;
}

.list-tick-web {
margin:0 20px 20px 20px;
padding:0;
padding-left:3px;
}

.list-tick-team {
margin:0 20px 20px 20px;
padding:0;
padding-left:3px;
}

.list-tick-kontakt {
font-size:11px;
font-weight:normal;
margin:10px 20px;
padding:0;
padding-left:20px;
}

#all {
margin:0 auto 0 auto;
padding:0px;
width:933px;
}

#header {
width:933px;
height:159px;
}

#header-left {
float:left;
width:657px;
height:159px;
}

#header-right {
float:left;
width:276px;
height:159px;
}

#top-title {
clear:left;
width:657px;
height:48px;
}

#menu {
width:657px;
height:38px;
margin:0;
}

#menu span, #feed span {
visibility:hidden;
display:none;
}

#menu ul {
padding:0;
margin:0;
}

#menu li {
float:left;
display:inline;
list-style:none;
}

#menu-anfang,
#menu-anfang-active,
#menu-startseite,
#menu-startseite-active,
#menu-leistungen,
#menu-leistungen-active,
#menu-ueber-uns,
#menu-ueber-uns-active,
#menu-portfolio,
#menu-portfolio-active,
#menu-kontakt,
#menu-kontakt-active {
background-repeat:no-repeat;
display:block;
height:38px;
}

#menu-anfang {
background-image:url(http://uniquegraphics.ch/images/content/menu-01.png);
width:35px;
}

#menu-startseite, #menu-startseite-active {
background-image:url(http://uniquegraphics.ch/images/content/menu-02.png);
width:125px;
}

#menu-leistungen, #menu-leistungen-active {
background-image:url(http://uniquegraphics.ch/images/content/menu-03.png);
width:122px;
}

#menu-ueber-uns, #menu-ueber-uns-active {
background-image:url(http://uniquegraphics.ch/images/content/menu-04.png);
width:123px;
}

#menu-portfolio, #menu-portfolio-active {
background-image:url(http://uniquegraphics.ch/images/content/menu-05.png);
width:123px;
}

#menu-kontakt, #menu-kontakt-active {
background-image:url(http://uniquegraphics.ch/images/content/menu-06.png);
width:129px;
}

#menu-startseite:hover,
#menu-leistungen:hover,
#menu-ueber-uns:hover,
#menu-portfolio:hover,
#menu-kontakt:hover {
background-position:0 -38px;
}

#menu-startseite-active,
#menu-leistungen-active,
#menu-ueber-uns-active,
#menu-portfolio-active,
#menu-kontakt-active {
background-position:0 -76px;
}

#content {
background-image:url(http://uniquegraphics.ch/images/content/content-bg.png);
background-repeat:repeat-y;
}

#content-left {
float:left;
width:243px;
}

.content-box-left-top {
width:243px;
height:14px;
background-image:url(http://uniquegraphics.ch/images/content/box-left-top.png);
background-repeat:no-repeat;
}

.content-box-left {
color:#7e7e7e;
font-size:12px;
width:180px;
background-image:url(http://uniquegraphics.ch/images/content/box-left-bg.png);
background-repeat:repeat-y;
padding:0 20px 0 43px;
}

.content-box-left-bottom {
width:243px;
height:16px;
background-image:url(http://uniquegraphics.ch/images/content/box-left-bottom.png);
background-repeat:no-repeat;
}

#content-right {
float:left;
width:690px;
}

.content-box-right-top {
width:690px;
height:17px;
background-image:url(http://uniquegraphics.ch/images/content/box-right-top.png);
background-repeat:no-repeat;
}

.content-box-right-bottom {
width:690px;
height:19px;
background-image:url(http://uniquegraphics.ch/images/content/box-right-bottom.png);
background-repeat:no-repeat;
}

.content-box-right {
color:#7e7e7e;
font-size:13px;
width:614px;
background-image:url(http://uniquegraphics.ch/images/content/box-right-bg.png);
background-repeat:repeat-y;
padding:0 54px 0 22px;
}

.content-box-right h1 {
padding:0;
margin:0;
}

.content-box-right h2 {
font-size:18px;
color:#b2e7ff;
background-image:url(http://uniquegraphics.ch/images/content/title-h2-background.png);
background-repeat:no-repeat;
height:32px;
font-weight:normal;
padding:8px 0 0 10px;
margin:10px 0 10px 0;
}

.content-box-right h3 {
font-size:15px;
color:#FFF;
border-bottom:1px solid #444;
font-weight:normal;
padding:0 0 0 0;
margin:10px 0 10px 0;
}

.content-box-right h3 {
font-size:16px;
color:#FFF;
margin:10px 0 10px 0;
}

.content-box-right .web-title {
margin:10px 0 0 0;
}

.web-description-box {
width:614px;
}

.web-description-box-left {
width:229px;
float:left;
}

.web-description-box-right {
background-image:url(http://uniquegraphics.ch/images/content/portfolio-webseiten-description-bg.png);
background-repeat:no-repeat;
padding:20px 15px 0 15px;
width:355px;
min-height:158px;
float:left;
}

.web-description-box-right strong {
color:#FFF;
}

.kundenmeinungen-box {
padding:0 0 10px 0;
}

.uebersicht-box-left {
float:left;
margin:13px 13px 0 0;
width:196px;
}

.uebersicht-box-center {
float:left;
margin:13px 13px 0 0;
width:196px;
}

.uebersicht-box-right {
float:left;
margin:13px 0 0 0;
width:196px;
}

.uebersicht-homepage-box-1 {
float:left;
margin:13px 12px 0 0;
width:113px;
}

.uebersicht-homepage-box-2 {
float:left;
margin:13px 12px 0 0;
width:113px;
}

.uebersicht-homepage-box-3 {
float:left;
margin:13px 12px 0 0;
width:113px;
}

.uebersicht-homepage-box-4 {
float:left;
margin:13px 12px 0 0;
width:113px;
}

.uebersicht-homepage-box-5 {
float:left;
margin:13px 0 0 0;
width:113px;
}

.listitem, .listitem ul {
list-style:none;
padding:0;
margin:0;
}

.listitem li {
list-style:none;
padding:0;
margin:0;
}

.listitem li a {
background-image:url(http://uniquegraphics.ch/images/content/listitem-bg.png);
background-repeat:no-repeat;
display:block;
height:20px;
margin:0;
padding:4px 0 0 10px;
text-decoration:none;
color:#7e7e7e;
font-weight:bold;
}

.listitem .open {
background-image:url(http://uniquegraphics.ch/images/content/listitem-bg.png);
background-repeat:no-repeat;
background-position:0 -24px;
font-weight:bold;
}

.listitem .open a {
color:#fdc857;
font-weight:bold;
}

.listitem .open li a {
color:#7e7e7e;
font-weight:normal;
}

.listitem ul li a {
background-image:url(http://uniquegraphics.ch/images/content/listitem-bg.png);
background-repeat:no-repeat;
display:block;
height:20px;
margin:0;
padding:4px 0 0 25px;
text-decoration:none;
color:#7e7e7e;
font-weight:normal;
}

.listitem li a:hover {
background-position:0 -24px;
color:#FFF;
text-decoration:none;
}

.kontakt-richtung {
color:#FFF;
unicode-bidi:bidi-override;
direction: rtl;
}

.button-kontakt-aufnehmen {
background-image:url(http://uniquegraphics.ch/images/content/button-kontakt-aufnehmen.png);
background-repeat:no-repeat;
display:block;
width:182px;
height:35px;
}

.button-kontakt-aufnehmen span {
visibility:hidden;
display:none;
}

.button-kontakt-aufnehmen:hover {
background-position:0 -35px;
}

.button-formular-absenden,.button-formular-absenden:hover, .button-formular-absenden:focus  {
color:#FFF;
font-size:13px;
padding:0;
margin:0;
background-color:transparent;
background-repeat:no-repeat;
background-image:url(http://uniquegraphics.ch/images/content/button-formular-absenden.png);
width:182px;
height:35px;
border:none;
}

.button-route-berechnen,.button-route-berechnen:hover, .button-route-berechnen:focus  {
color:#FFF;
font-size:13px;
padding:0;
margin:0;
background-color:transparent;
background-repeat:no-repeat;
background-image:url(http://uniquegraphics.ch/images/content/button-route-berechnen.png);
width:182px;
height:35px;
border:none;
}

.list-half {
margin:0;
width: 100%;
text-align:left;
}

.list-half-content {
width: 50%;
float: left;
text-align:left;
}

.team-left {
width:210px;
float:left;
margin:0 0 13px 0;
}

.team-right {
width:400px;
float:left;
}

.team-right h2 {
font-size:18px;
color:#91dcff;
background-image:url(http://uniquegraphics.ch/images/content/title-h2-background.png);
background-repeat:no-repeat;
height:32px;
font-weight:normal;
padding:8px 0 0 10px;
margin:0 0 10px 0;
}

.team-right h2 span {
color:#FFF;
font-size:13px;
}

#footer{
clear:both;
width:933px;
height:56px;
background-image:url(http://uniquegraphics.ch/images/content/footer.png);
background-repeat:no-repeat;
}

.clearall {
clear:both;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}