@charset "UTF-8";

/*  CASESTUDY   *******************************************************************************************************************/

.title a {
color : #986699;
font-size : 13px;
font-weight : bold;
text-align : justify;
text-decoration : none;
}
.title a:hover {
text-decoration : underline;
}
.date {
color : #666666;
font-size : 10px;
font-style : normal;
font-weight : bold;
}
.summary {
color : #666666;
font-size : 10px;
margin-left : 160px;
text-align : justify;
}
.body {
margin : 10px;
}
.list {
margin-bottom : 50px;
margin-left : 10px;
margin-top : 25px;
}
.list-element {
margin-bottom : 5px;
}
.list-element a {
font-size : 10px;
float : right;
margin-top : 10px;
}
.list-element .next {
color : #cccccc;
}
.list-element .prev {
color : #cccccc;
}
.list .logo {
float : left;
margin-right : 10px;
text-align : center;
width : 150px;
}
.list .logo img {
border : medium none;
margin-bottom : 10px;
}
.list .logo a {
color : #666666;
font-family : Arial;
font-size : 11px;
text-align : justify;
text-decoration : none;
}
.list .logo a:hover {
text-decoration : underline;
}
.body .logo {
float : left;
margin-bottom : 20px;
margin-right : 10px;
text-align : center;
width : 150px;
}
.body .logo img {
border : medium none;
margin-bottom : 10px;
}
.body .logo a {
color : #666666;
font-family : Arial;
font-size : 11px;
text-align : justify;
text-decoration : none;
}
.body .logo a:hover {
text-decoration : underline;
}
#cases {
margin : 10px;
}
#cases .title {
font-size : 11px;
margin : 0;
text-align : left;
}
#cases > .title {
color : #333333;
font-family : Arial;
font-size : 16px;
margin : 0 0 0 10px;
width : 180px;
}
#cases .body {
color : #666666;
text-decoration : none;
text-align : center;
}
#cases a {
font-size : 10px;
text-align : center;
text-decoration : none;
}
#cases a:hover {
text-decoration : underline;
}
#cases .date {
font-size : 10px;
color : #888888;
text-decoration : none;
}
#cases .cases-main {
border : 0;
padding : 10px;
}
#cases .cases-element {
margin-bottom : 20px;
}
#cases .cases-element img {
float : left;
margin : 0 auto 0 35px;
}

#cases .cases-element .case-narrow img {
border: 2px solid #CFCECE;
}

#cases .back-to-list {
color : #986699;
text-align : right;
text-decoration : none;
}
#cases .back-to-list a {
color : #986699;
font-size : 12px;
font-style : italic;
font-weight : bold;
text-decoration : none;
}
#cases .back-to-list a:hover {
text-decoration : underline;
}


/***********************************************************************************************************************************/