body {
margin : 0;
padding : 0;
text-align : center;
color : #333;
background : #fff;
font : normal 62.5% "Arial", Verdana;
}
#container {
width : 1010px;
text-align : left;
margin : 0 auto;
background : #ffffff no-repeat;
overflow : hidden;
}
.enavi {
padding-right : 10px;
padding-left : 8px;
font-size : 11px;
color : #444444;
float : right;
padding-bottom : 2px;
width : auto;
padding-top : 2px;
background-color : #ffffff;
}
.enavi A:link {
color : #666666;
text-decoration : none;
}
.enavi A:visited {
color : #666666;
text-decoration : none;
}
.enavi A:hover {
color : #ff9900;
text-decoration : none;
}
.unavi {
padding : 0;
margin-top : 20px;
margin-left : 43px;
width : 900px;
border-bottom : 1px dotted #555;
}
#header {
height : 99px;
background : url(https://www.artinfo24.com/pictures/logo93.jpg) no-repeat;
margin-top : 5px;
margin-left : 6px;
}
#header1 {
margin-top : 5px;
text-align : center;
}
#header1 a {
color : #D14836;
text-transform : none;
font-size : 1.3em;
text-decoration : none;
}
#top {
margin : 0 50px;
border : 0 solid #555;
}
#mainContent {
float : left;
color : #333;
margin-top : 20px;
margin-bottom : 20px;
background : #fff;
width:670px
}
.unavi {
padding-left : 0;
float : left;
margin-bottom : 20px;
}
.feature {
padding : 5px 5px 0 5px;
float : left;
background : #fff;
width : 650px;
}
.feature1 img {
background : #eeeeee none repeat scroll 0% 0%;
border : 1px solid #cccccc;
float : left;
height : 100px;
margin : 0 20px 10px 0;
padding : 4px;
width : 100px;
}
.feature-first {
padding : 0;
float : left;
width : 350px;
background : #fff;
}
.feature-first ul {
margin-left : 0;
margin-bottom : 20px;
padding : 0;
list-style-type : none;
}
.feature-first li {
margin-bottom : 20px;
font-size : 1.2em;
}
.feature-first li a {
color : #D14836;
padding-left : 0;
font : normal 1.3em Georgia, Times New Roman;
text-decoration : none;
}
.feature-first ul li {
color : #555;
font: 1.4em Arial;
line-height : 1.6em;
background : #fff;
width: 350px
}
.feature-first img {
background : #eeeeee none repeat scroll 0% 0%;
border : 1px solid #cccccc;
float : left;
margin : 0 20px 10px 0;
padding : 4px;
width : 345px;
}
.feature-first1 {
padding : 0;
float : right;
width : 280px;
background : #fff;
}
.feature-first1 ul {
margin-left : 0;
margin-bottom : 20px;
padding : 0;
list-style-type : none;
}
.feature-first1 li {
margin-bottom : 8px;
font-size : 1.2em;
}
.feature-first1 li a {
color : #333;
padding-left : 0;
font : normal 1.3em Georgia, Times New Roman;
text-decoration : none;
}
.feature-first1 ul li {
color : #555;
line-height : 1.4em;
background : #fff;
}
.feature-first1 img {
background : #eeeeee none repeat scroll 0% 0%;
border : 1px solid #cccccc;
float : left;
margin : 0 20px 10px 0;
padding : 4px;
width : 250px;
}
.feature1 {
padding : 0;
float : left;
width : auto;
background : #fff;
}
.feature1 ul {
margin-left : 0;
margin-bottom : 20px;
padding : 0;
list-style-type : none;
}
.feature1 li {
margin-bottom : 20px;
font-size : 1.2em;
}
.feature1 ul li {
color : #555;
border-bottom : 1px solid #ccc;
line-height : 1.5em;
background : #fff;
}
.feature2 {
padding : 0;
float : left;
font-size : 14px;
width : 550px;
background : #fff;
}
.feature2 img {
width : 530px;
}
.feature5 {
color : #fff;
height : 65px;
width : 525px;
margin-top : -65px;
padding-left : 5px;
background : #444;
}
.feature2 ul li {
color : #000;
}
.feature6 {
text-align : left;
font-size : 0.9em;
color : #fff;
height : 65px;
width : 530px;
position : relative;
padding-left : 5px;
margin-top : -60px;
margin-right : 4px;
}
.feature6 a {
color : #fff;
padding-left : 5px;
font : 1.5em "Garamond", Georgia, Times New Roman;
text-decoration : none;
}
.feature6 a:hover {
color : #333;
background : #ffffff;
padding-left : 0;
font-weight : normal;
text-decoration : underline;
}
.feature3 {
padding : 0;
float : left;
font-size : 12px;
width : 510px;
background : #fff;
}
.feature3 a {
color : #333;
font-size : 1.2em;
padding-left : 0;
font-weight : normal;
}
.feature3 img {
float : left;
margin : 0 0 0 0;
width : 510px;
}
.feature a {
text-decoration : none;
padding : 1px 1px;
font-weight : normal;
}
.feature a:hover {
color : #9e1114;
text-decoration : none;
}
.feature span {
font-weight : normal;
font-size : 1.2em;
color : #555;
}
.feature span a {
font-weight : normal;
color : #D14836;
font: 1.5em Georgia;
}
.feature ul {
margin-left : 0;
margin-bottom : 2px;
padding : 0;
list-style-type : none;
}
.feature ul li {
/*width : auto;*/
color : #333;
}
.feature li a {
padding-left : 0;
/*font : normal 1.2em Georgia, Times New Roman;*/
text-decoration : none;
}
.feature li span.title{
color : #333;
padding-left : 0;
font : normal 0.9em Georgia, Times New Roman;
text-decoration : none;
font-weight:bold
}
.feature li a:hover {
color : #333;
background : #ffffff;
padding-left : 0;
font-weight : normal;
text-decoration : underline;
}
.blogfeature {
padding : 40px;
margin-left : 30px;
margin-bottom : 20px;
color : #555;
font-size : 12px;
}
.date {
border-top : 1px dotted #555;
font: 1.2em Georgia,Times New Roman;
line-height: 1.8em;
}
.date a{
color:#D14836;
text-decoration:underline;
padding:3px
}
#bookm {
width : 250px;
text-align : right;
margin-top : 0;
padding : 5px 0 0 5px;
background : #ffffff;
overflow : hidden;
float : right;
}
.bookmark {
font-size : 12px;
color : #555;
font-weight : normal;
float : left;
margin-top : 10px;
border-bottom: 2px solid;
width:100%
}
.bookmark a {
padding : 0;
}
.bookmark a:hover {
color : #555;
text-decoration : underline;
}
.date1 {
font-size : 1.5em;
color : #990000;
font-weight : bold;
line-height : 2.1em;
width : 550px;
}
.feature .top a {
font-size : 0.85em;
color : #666;
padding : 1px 2px 1px 18px;
background : url(/images/top.gif) no-repeat left center;
font-weight : normal;
}
.feature .top a:hover {
background : url(/images/top.gif) no-repeat left center;
padding : 1px 2px 1px 18px;
color : #444;
border-bottom : none;
font-weight : normal;
}
.feature .back a {
font-size : 0.85em;
color : #666;
padding : 1px 2px 1px 18px;
background : url(/images/in_back.gif) no-repeat left center;
font-weight : normal;
}
.feature .back a:hover {
background : url(/images/in_back.gif) no-repeat left center;
padding : 1px 2px 1px 18px;
color : #444;
border-bottom : none;
font-weight : normal;
}
.content {
float : left;
padding : 10px 20px 20px;
}
#wrapper .content a {
font-size : 1.25em;
text-decoration : none;
display : block;
width : 140px;
background : url(/images/link.gif) no-repeat right center;
}
#wrapper .content a:hover {
color : #ff9900;
text-decoration : none;
}
.portfolioFeature {
padding : 10px 0 0 50px;
width : 570px;
float : left;
}
.image {
float : left;
margin : 5px 0;
}
.image img {
border : 1px solid #ccc;
padding : 2px;
margin : 10px 0;
}
.thumbList {
margin : 0;
padding : 0;
}
.thumbList li {
list-style : none;
line-height : 1.8em;
font-size : 1em;
color : #999;
padding-left : 2px;
}
#wrapper {
width : 335px;
background : #f5f5f5;
margin-top : 25px;
margin-bottom : 10px;
margin-left : 5px;
float : right;
padding : 0;
}
.sitefeature {
text-align : left;
width : 320px;
margin-bottom : 5px;
margin-left : 5px;
padding : 5px 0 5px 5px;
float : left;
background : #fff;
border-top:2px solid #444
}
.sitefeature span {
color: #000000;
float: left;
font: bold 1.4em Arial;
text-align: left;
width:100%;
margin:0px 0px 10px 0px;
}
.sitefeature1 {
text-align : left;
width : 320px;
margin-bottom : 5px;
margin-left : 5px;
padding : 5px 0 5px 5px;
float : left;
background : url(https://www.artinfo24.com/pictures/bg9.1.gif) repeat-x left top;
}
#quote {
padding : 5px 10px 10px;
}
#quote img {
float : right;
border : 1px solid #afaaa2;
margin : 5px 0 0 10px;
}
#wrapper2 {
background : #fff;
margin-top : 10px;
margin-bottom : 10px;
float : left;
padding : 0 5px 0 0px;
}
.sitefeature2 {
text-align : left;
margin-bottom : 5px;
border-left : 1px dotted #333;
padding : 0 5px 10px 10px;
width : 220px;
float : left;
background : #fff;
}
.sitefeature3 {
text-align : left;
margin-bottom : 5px;
margin-left : 5px;
padding : 0 5px 10px 0;
width : 290px;
float : left;
background : #fff;
}
#quote {
padding : 5px 10px 10px;
}
#quote img {
float : right;
border : 1px solid #afaaa2;
margin : 5px 0 0 10px;
}
.fav_links, .fav_links2, .fav_links3, .fav_links5 {
padding : 5px 0 5px 0;
float : left;
color : #990000;
}
.fav_links ul, .fav_links2 ul, .fav_links3 ul, .fav_links5 ul, .fav_links6 ul, .fav_links7 ul {
padding : 0;
margin : 0;
list-style-type : none;
}
.fav_links ul li, .fav_links2 ul li {
width : 135px;
color : #555;
}
.fav_links a {
display : block;
text-decoration : none;
color : #555555;
font-size : 1.2em;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links a hover {
display : block;
text-decoration : underline;
color : #555555;
}
.fav_links1 {
display : block;
color : #fff;
font-size : 1.1em;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links1 a {
display : block;
text-decoration : none;
font-weight : normal;
font-size : 1.1em;
color : #fff;
}
.fav_links1 a:hover {
display : block;
text-decoration : underline;
color : #fff;
}
.fav_links1 h2 {
font : 1.5em "Garamond", Georgia, Times New Roman;
color : #fff;
font-weight : bold;
text-transform : none;
}
.fav_links2 a {
display : block;
text-decoration : none;
color : #555555;
font-size : 1.2em;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links2 a:hover {
display : block;
text-decoration : underline;
color : #555555;
}
.fav_links3 ul li {
width : 275px;
}
.fav_links3 a {
display : block;
text-decoration : none;
color : #333;
font-size : 1.2em;
line-height : 1.25em;
padding : 0 0 5px 0;
}
.fav_links3 a:hover {
display : block;
text-decoration : underline;
color : #333;
}
.fav_links4 ul li {
width : 275px;
}
.fav_links4 a {
display : block;
text-decoration : underline;
color : #9e1114;
font-size : 14px;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links5 ul li {
width : 310px;
}
.fav_links5 li {
border-bottom : 1px dotted #333;
height : 55px;
padding-top : 3px;
padding-bottom : 5px;
}
.fav_links5 img {
padding-right : 3px;
float : left;
width : 60px;
height : 60px;
}
.fav_links5 {
display : block;
color : #333;
font-size : 1.1em;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links5 a {
display : block;
text-decoration : none;
font-weight : normal;
font-size : 1.1em;
color : #333;
}
.fav_links6 ul li {
width : 150px;
}
.fav_links6 {
display : block;
text-decoration : none;
color : #D14836;
font-size : 1.1em;
line-height : 1.25em;
padding : 0 0 0 0;
}
.fav_links6 a {
display : block;
text-decoration : none;
color : #333;
font-size : 1.2em;
line-height : 1.25em;
padding : 0 0 5px 0;
}
.fav_links6 a:hover {
display : block;
text-decoration : underline;
color : #9e1114;
}
.fav_links6 img {
padding-right : 3px;
float : left;
}
.fav_links7 {
display : block;
color : #333;
font-size : 1.1em;
line-height : 1.25em;
padding : 4px 0 0 0;
}
.fav_links7 a {
display : block;
text-decoration : none;
font-weight : normal;
font-size : 1.1em;
color : #333;
}
.fav_links7 ul li {
width : 310px;
}
.fav_links7 li {
padding-top : 3px;
padding-bottom : 5px;
}
.fav_links7 img {
padding-right : 3px;
float : left;
width : 60px;
height : 60px;
}
.fav_ad-300 {
margin :0 0 0 2px;
padding : 0;
width : 300px;
float : left;
background : #fff;
}
.fav_ad-300 img {
padding : 0;
}
.fav_ad-290 {
margin : 5px 0px 5px 2px;
padding : 0;
width : 300px;
background : #fff;
text-align:center
}
.fav_ad-290 img {
padding : 0px;
}
.fav_ad-125 {
margin : 5px 5px 5px 5px;
padding : 0;
width : 145px;
height : 145px;
float : left;
background : #fff;
border : 1px solid #ccc;
}
.fav_ad-125 img {
padding : 5px 8px 2px;
}
.fav_ad1-125 {
margin : 5px 5px 5px 5px;
padding : 0;
width : 145px;
height : 145px;
float : left;
background : #fff;
border : 1px solid #666;
}
.fav_ad1-125 img {
padding : 10px 5px 5px 5px;
}
#subWrapper {
background : url(https://www.artinfo24.com/pictures/bg9.1.gif) repeat-x left top;
padding : 0;
clear : both;
margin : 10px 0 0 0;
}
#features {
width : 850px;
margin : 0;
overflow : hidden;
padding : 0 0 5px;
}
#featwrapper {
margin : 10px 0 0 40px;
text-align : left;
}
.listitems {
float : left;
margin-left : 8px;
height : 100px;
font-size : 1.2em;
letter-spacing : 0.1em;
color : #ffffff;
}
.featureMenu {
margin : 0;
padding : 0;
font-size : 1em;
letter-spacing : 0.1em;
list-style-type : none;
display : inline;
}
.featureMenu li {
height : 15px;
line-height : 15px;
width : 140px;
padding-left : 10px;
display : inline;
}
.featureMenu a {
width : 160px;
height : 26px;
line-height : 26px;
text-decoration : underline;
color : #ffffff;
}
.featureMenu a:hover {
color : #ffffff;
width : 160px;
text-decoration : underline;
}
.featureMenu .outlink {
background : url(/images/out_link.gif) no-repeat left center;
}
#wrapper .featureMenu a {
padding : 0;
border-bottom : 1px solid #555;
background : url(none);
}
#footer {
background : #ffffff repeat-x;
border-top : 1px solid #d6d6d6;
}
#hcard {
padding : 5px 0;
margin : 0 auto;
width : 1024px;
color : #888;
overflow : hidden;
}
.vcard {
font-size : 1em;
float : left;
margin : 10px 48px;
width : 800px;
}
.vcard a {
text-decoration : none;
color : #666666;
}
.org {
padding : 0 0 5px 15px;
border : 0 solid #999999;
float : left;
margin-left : 2px;
}
.org a {
padding-left : 39px;
border : 0 solid #999999;
float : left;
color : #666666;
}
.org1 {
padding : 0 0 5px 15px;
border : 0 solid #999999;
float : left;
margin-left : 2px;
width : 1020px;
}
.org1 a {
padding-left : 39px;
border : 0 solid #999999;
float : left;
color : #666666;
}
.street-address, .postal-code, .tel, .n, .fn {
display : none;
}
.vcard .photo {
float : left;
}
.getvcard {
float : left;
width : 150px;
padding : 4px 0 4px 30px;
background : url(/images/vcard.png) no-repeat 6px center;
text-align : left;
}
#showcase {
float : right;
margin-right : 110px;
}
#showcase img {
border-style : none;
}
#showcase a {
float : left;
}
* h1, h2, h3, h4, h5, p {
padding : 3px 0;
margin : 0;
}
h1, h2, h4 {
text-transform : uppercase;
font-weight : normal;
letter-spacing : 0.1em;
}
#mainContent p {
font-size : 12px;
color : #444;
line-height : 1.6em;
text-align : justify;
}
#mainContent h1 {
font-size : 20px;
color : #9e1114;
font-family : Georgia, Times New Roman;
}
#mainContent h2 {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
font: bold 1.2em Georgia,Times New Roman;
text-transform: none;
}
#mainContent h3 {
background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px dotted #555555;
    border-top: 1px dotted #555555;
    color: #333333;
    font: bold 1.2em Georgia,Times New Roman;
    text-transform: none;
}
.portfolioFeature p {
font-size : 1em;
}
h1 {
color : #993300;
font-size : 14px;
line-height : 1.5em;
letter-spacing : 0.1em;
}
h2 {
font-size : 18px;
color : #333;
line-height : 2em;
}
#wrapper p {
font-size : 0.95em;
line-height : 1.3em;
color : #d5d2cd;
text-align : justify;
}
#wrapper h2 {
font : 1.2em Georgia, Times New Roman;
color : #333;
font-weight : bold;
text-transform : none;
background : #fff;
border-bottom: 1px dotted #555555;
border-top: 1px dotted #555555;
}
#wrapper2 h2 {
font : normal 1.2em Georgia, Times New Roman;
color : #333;
text-transform : none;
font-weight : bold;
border-top : 1px dotted #666666;
border-bottom : 1px dotted #666666;
}
#leftMenu h3 {
margin-left : 4px;
}
#features h3 {
font-size : 1.3em;
color : #ff6600;
letter-spacing : 0.3em;
line-height : 1em;
}
#menu {
height : 35px;
width : auto;
margin-left : 5px;
margin-right : 5px;
text-transform : uppercase;
background-color : #666666;
}
#menu ul {
margin : 0 0 0 0;
padding : 0;
list-style-type : none;
}
#menu li {
float : left;
}
#menu ul a {
display : block;
padding-top : 8px;
padding-bottom : 5px;
padding-left : 25px;
padding-right : 25px;
background : url(https://www.artinfo24.com/pictures/hauptmenu_trenner.gif) no-repeat right center;
text-decoration : none;
font-size : 1.2em;
color : #ffffff;
text-align : center;
letter-spacing : 0.1em;
}
#menu .contact a {
}
#menu a:hover {
color : #ffffff;
text-decoration : underline;
}
#menu1 {
height : 20px;
width : auto;
margin-top : 25px;
margin-left : 50px;
margin-right : 50px;
text-transform : uppercase;
background-color : #ffffff;
}
#language {
padding : 0 10px;
height : 18px;
}
.choose {
color : #ccc;
width : 100px;
float : left;
padding-top : 3px;
}
.lang {
float : right;
display : block;
padding : 3px 15px 0 0;
width : 80px;
}
.lang a {
color : #ccc;
font-size : 1em;
text-decoration : none;
}
.lang img {
float : left;
border : none;
padding-right : 8px;
}
#map {
height : 300px;
width : 500px;
border : 1px solid #666666;
}
#marker {
width : 160px;
line-height : 1.5em;
}
#marker h1 {
font-size : 1.2em;
color : #333333;
}
.multicolumn {
float : left;
padding-right : 20px;
}
#contactForm {
padding : 5px 0;
border-top : 1px solid #eee;
border-bottom : 1px solid #eee;
}
#contactForm #message {
height : 100px;
}
fieldset {
border : none;
font-size : 1em;
color : #333;
}
label {
display : block;
padding : 10px 0;
}
pre {
width : 500px;
background : #fafafa;
border : 1px solid #ccc;
padding : 15px;
}
.feature #commentform {
margin : 25px 10px;
border : none;
}
.feature #commentform p {
font-size : 1em;
}
.feature #commentform label {
width : 100px;
display : block;
float : left;
font-size : 1em;
color : #fff;
}
.feature #commentform p span {
font-size : 1em;
color : #666;
}
.feature #commentform .input {
border : 1px solid #7695b7;
width : 250px;
color : #333;
font-size : 1em;
padding : 2px 0 2px 2px;
}
.feature #commentform textarea {
border : 1px solid #333;
width : 400px;
height : 200px;
}
#mainContent .feature .tools {
color : #aaa;
font-size : 1em;
}
.blogfeature {
color : #ccc;
padding : 5px 0 5px 20px;
}
.blogfeature input {
margin : 5px 100px 5px 0;
}
.blogfeature p {
font-size : 1em;
}
.blogfeature p {
padding-left : 5px;
}
.comment {
border : 1px solid #ccc;
background-color : #fafafa;
padding : 20px;
margin : 5px 0 10px;
}
.nav_categories {
margin : 0;
padding : 0;
}
.nav_categories li {
list-style : none;
font-size : 1em;
}
.nav_categories a:link {
display : block;
height : 26px;
line-height : 26px;
width : 170px;
background : url(/images/in_link.gif) no-repeat right center;
text-decoration : none;
color : #555;
border-bottom : 1px solid #555;
}
.nav_categories a:visited {
display : block;
height : 26px;
line-height : 26px;
width : 170px;
background : url(/images/in_link.gif) no-repeat right center;
text-decoration : none;
color : #555;
border-bottom : 1px solid #555;
}
.tablefeature {
float : left;
}
.tablehead {
float : left;
font-size : 1.125em;
text-transform : uppercase;
color : #555;
}
.tablehead table {
border : none;
width : 530px;
border-collapse : collapse;
background-color : #fcfdfe;
margin : 10px 0 0;
}
.tablefeature table {
width : 530px;
border-collapse : collapse;
background-color : #fcfdfe;
margin : 10px 0 0;
}
.tablefeature td {
padding : 6px;
border : 1px solid #666;
}
.tablefeature .coloured {
background-color : #ccc;
}
.tablefeature a {
font-size : 1em;
color : #999;
text-decoration : none;
}