/*********************************************/
/*        css styles for ritadesign.ch       */
/*           written and composed by         */
/*               markus erdmann              */
/*             © 2009 esense gmbh            */
/*                                           */
/*********************************************/

html, body {
width:100%;
height:100%;
font-family:Verdana, Arial, SunRegular, sans-serif;
cursor:default;
}

p, a {font-size:1.1em;color:#808080;}

a {cursor:pointer;}

/******* container *******/
.fullsizeContainer {
width:100%;
}

.mainContainer {
width:100%;
background:transparent url(../pics/stich-linie-web.gif) 0px 230px no-repeat;
}

.normalContainer {
width:100%;
/*background:transparent url(../pics/stich-linie-web.gif) 0px 180px no-repeat;*/
}

.lineTop {
width:100%;
height:7px;
background:transparent url(../pics/stich-linie-web.gif) 0 0 no-repeat;
}

.centerContainer {
width:960px;
margin:0 auto 0 auto;
float:none;
padding:0 0 0 0;
}

/******* header *******/
.header {
background:#fff url(../pics/city-sky-new2.jpg) 0 0 repeat-x;
}

.logo {
top:20px;
width:154px;
height:145px;
float:left;
z-index:1900;
}

.logo a {
top:20px;
width:154px;
height:145px;
display:block;
float:left;
/*background:transparent url(../pics/ritadesign.png) 0 0 no-repeat;*/
background-color:transparent;
z-index:2000;
}

.brand {
margin:0 0 0 122px;
}

.brand h1 {
color:#fff;
font-size:7em;
line-height:1.5em;
padding:0 0.1em 0 0;
float:left;
display:inline;
letter-spacing:2px;
font-weight:normal;
}

.black h1 {color:#000;}

#moon {
width:170px;
height:110px;
margin:20px 0 0 0;
float:right;
background-color:transparent;
}

#moon img {
width:110px;
height:110px;
margin:0;
padding:0;
line-height:0;
}

.daysContainer {
width:960px;
display:block;
margin:60px 0 0 0;
}

#daysUntilFullmoon {
float:right;
width:250px;
text-align:left;
color:#808080;
}

/******* home content *******/
.startLeftColumn {
width:420px;
padding:0 0 0 280px;
margin:-20px 0 0 0;
font-size:2em;
float:left;
}

.startLeftColumn h2 {
font-size:0.8em;
color:#FE0002;
}

.startLeftColumn h3 {
padding:5px 0 0 0;
font-size:0.8em;
font-weight:normal;
color:#FE0002;
}

.startRightColumn {
margin:20px 0 0 0;
width:250px;
float:right;
}

.startRightColumn h2 {
font-size:1.1em;
color:#FE0002;
padding:0;
margin:0;
}

/*** navigation ***/
.topNavigation a {
padding:0;
list-style-type:none;
list-style-position:outside;
font-size:1.3em;
line-height:1.2em;
color:#808080;
text-decoration:none;
}

.topNavigation a:hover {
color:#fe0002;
}

/******* titleText *******/
.titleTextContainer p a {
text-decoration:none;
color:#fe0002;
font-size:1em;
}

/******* footer *******/
.footer {
background:transparent url(../pics/stich-linie-web.gif) 0px 0px no-repeat;
padding:15px 0 0 0;
float:left;
}

.footer p a {
text-decoration:none;
color:#fe0002;
font-size:1em;
}

#languageChange {
float:right;
}

#languageChange a, #languageChange p {
float:left;
padding:10px 0 10px 0.5em;
}

#languageChange a {
color:#808080;
text-decoration:none;
}

#languageChange a:hover {
color:#fe0002;
}

#languageChange p {
color:#fe0002;
}

.label {
position:absolute;
left:878px;
top:-7px;
width:92px;
height:137px;
background:transparent url(../pics/label-fuss.jpg) 0px 0px no-repeat;
}

/***** normal content *****/
.leftColumn {
top:30px;
width:270px;
padding:0 0 1em 0;
margin:0 0 0 0;
font-size:2em;
float:left;
}

.rightColumn {
margin:37px 0 0 0;
width:682px;
float:right;
}

.rightColumn h2 {
color:#fe0002;
font-size:1.1em;
margin:0;
padding:0 0 0.5em 0;
}

/*** product ***/
.productContainer {
width:170px;
height:190px;
float:left;
}

.productContainer p {
width:140px;
text-align:center;
padding:5px 0 0 0;
float:left;
}

.productFrame {
width:140px;
height:140px;
float:left;
overflow:hidden;
}

.productFrame a img {
position:relative;
margin:-100px 0 0 -150px;
}

/*** title text ***/
.startTitleTextContainer {
width:100%;
float:left;
padding:0 0 2em 0;
}

.titleTextContainer {
width:600px;
float:left;
padding:0 0 2em 0;
}

/*** post it ***/
.startPostItContainer {
width:160px;
height:254px;
float:left;
padding:30px 40px 0 50px;
background:transparent url(../pics/post-it-small.jpg) 0 0 no-repeat;
}

.postIt {
-webkit-transform: skew(4deg, -4deg);
-webkit-transform-origin: 90% 80%;
-moz-transform: skew(4deg, -4deg);
-moz-transform-origin: 90% 80%;
font-size:11px;
font-family:Comic Sans MS;
}

.postIt p,
.postIt a {
color:#555;
padding:0 0 5px 0;
}

.postIt a:hover {
color:#fe0002;
}

/*** tell a friend ***/

.tellFriend {
position:absolute;
top:10px;
}

.tellFriend a {
color:#fe0002;
text-decoration:none;
}

/*** admin ***/
.onTop {
z-index:1000;
}
/******* end of css *******/