@import url("wrapper.css");
@import url("typo.css");

body{
	margin:0;
	padding:0;  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

img{
	border:none;
	margin:0;
	padding:0;
}

object {
    border: 0;
    outline: none;
}

.content
{
    width: 990px;
}



/* ------------ MASTHEAD ------------ */
#masthead
{
    background: url(/images/home_head_bg.jpg) no-repeat;
    height: 116px !important;
    height: 113px;
}

#art_menu
{
    color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 25px 0 0 0;
}

#art_menu .left
{
    float: left;
    width: 450px;
    margin-left: 39px;
    font-size: 10px;
}

#art_menu .left a,  #art_menu .left a:visited
{
    color: #fff;
    margin: 0 7px;
}

#art_menu .left a:hover
{
    color: #fbd903;
}

#art_menu .right
{
    text-align: right;
    float: right;
    width: 400px;
    margin-right: 48px;
    font-size: 10px;
}

#artcar_logo
{
    margin: 15px 0 0 45px !important;
    margin: 12px 0 0 45px;
    clear: both;
}

#counter
{
    position: absolute;
    top: 122px;
    left: 308px;
}


#flashEnv
{
    height: 489px;
    background-color: #000;
}


/* WINNER */

#winnerEnv
{
    background: #000 url(/images/home_winner_bg.jpg) no-repeat;
    height: 403px;
    padding: 57px 0 0 150px;
}

#winnerEnv a, #winnerEnv a:hover
{
    color: #fff;
}

#winnerEnv ul
{
    margin: 0 0 0 0;
    padding: 0;
    width: 243px;
    list-style-type: none;
}

#winnerEnv ul li
{
    height: 94px;
    margin-left: 0;
}

#winnerEnv .img
{
    position: relative;
    top: -21px;
    float: right;
    display:block;
    width: 90px;
    height: 70px;
}

#winnerEnv p
{
    width: 160px;
}

#winnerEnv #videoEnv
{
    position: absolute;
    top: 210px;
    right: 90px;
}

#videoEnv
{
    margin-left: 285px;
}

#videoEnv iframe
{
    margin-bottom: 20px;
}


/* ------------ PART2 -------------- */
#part1
{
    height: 460px;
    padding-left: 40px;
    padding-top: 1px;
    color: #fff;
    position: relative;
    background-color: #000;
}


.en
{
    background: #000 bottom left url(/images/home_part1_bg_en.jpg) no-repeat;
}

.de
{
    background: #000 bottom left url(/images/home_part1_bg_de.jpg) no-repeat;
}

.it
{
    background: #000 bottom left url(/images/home_part1_bg_it.jpg) no-repeat;
}

.fr
{
    background: #000 bottom left url(/images/home_part1_bg_fr.jpg) no-repeat;
}

.pt
{
    background: #000 bottom left url(/images/home_part1_bg_pt.jpg) no-repeat;
}

.es
{
    background: #000 bottom left url(/images/home_part1_bg_es.jpg) no-repeat;
}

.nl
{
    background: #000 bottom left url(/images/home_part1_bg_nl.jpg) no-repeat;
}

.benl
{
    background: #000 bottom left url(/images/home_part1_bg_nl.jpg) no-repeat;
}

.befr
{
    background: #000 bottom left url(/images/home_part1_bg_fr.jpg) no-repeat;
}


#part1 .flag
{
    margin: 1px;
}

#part1 ul.labels
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 645px;
}

#part1 ul.labels
{
    float: left;
    width: 280px;
    margin-right: 20px;
    text-align: center;
}

#register_button
{
    display: block;
    height: 43px;
    width: 235px;
    position: absolute;
    top: 323px;
    left: 684px;
    text-align: center;
    padding: 16px 0 0 0;
    color: #000;
    font-style: italic;
    font-weight: bold;
    font-size: 19px;
}

#part1.nl #register_button
{
    top: 393px;
}


/* ------------ PART2 -------------- */
#part2
{
    background: url(/images/home_part2_bg.jpg) no-repeat;
    height: 365px;
    padding-left: 40px;
    padding-top: 58px;
}





/* ------------- registerForm --------------- */
#registerForm
{
    padding: 1px;
    padding-left: 45px;
    padding-top: 50px;
    margin: 0;
    position: relative;
}

#registerForm .form
{
    width: 706px !important;
    width: 682px;
    background-color: #000;
    color: #fff;
    position: absolute;
    top: 50px;
    right: 25px;
    padding: 22px;
    margin: 0;
}

#registerForm .form ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#registerForm .form ul li
{
    float: left;
    width: 337px !important;
    width: 317px;
    margin: 0 0 20px 0;
    padding: 0;
}

#registerForm .form ul li.col1
{
    margin-right: 30px;
}

#registerForm .form ul label
{
    float: left;
    width: 116px;
    padding-top: 2px;
    color: #fff;
}

#registerForm .form label.error
{
    color: #f00;
}

#registerForm .form fieldset
{
    margin: 0;
    padding: 0;
    border: 0;
}

#registerForm .form ul input
{
    background: url(/images/input_bg.gif) no-repeat;
    float: right;
    width: 205px;
    height: 16px;
    margin: 0;
    padding: 3px 4px;
    border: 0;
}

#registerForm .trenner
{
    clear: both;
    background-color: #525252;
    height: 1px;
}







/* ------------- MY ACCOUNT ---------------*/
#myaccount
{
    padding: 1px;
    padding-top: 50px;
    margin: 0;
    position: relative;
    list-style-type: none;
    width: 988px;
}

#myaccount h2
{
    font-style: italic;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
}

#myaccount li
{
    padding-left: 45px;
    padding-right: 45px;
}

#myaccount .left
{
    float: left;
    width: 280px;
}

#myaccount .right
{
    float: right;
    width: 420px;
}

#myaccount .showInfos
{
    background: url(/images/icon_person.gif) no-repeat;
    padding-left: 45px;
    margin-left: 45px;
    height: 70px;
}

#myaccount .showInfos2
{
    background: url(/images/icon_addresse.gif) no-repeat;
    padding-left: 45px;
    margin-left: 45px;
    height: 70px;
}

#myaccount .showNick
{
    background: url(/images/icon_nick.gif) no-repeat;
    padding-left: 45px;
    margin-left: 45px;
    height: 70px;
}

#myaccount .uploadArt
{
    position: relative;
    clear: both;
    height: 581px;
    padding: 1px;
    padding-left: 45px;
    background: url(/images/upload_bg.jpg) no-repeat;
}

#myaccount .uploadArt.hidden
{
    height: 170px;
    overflow: hidden;
}

#myaccount .formStruk
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#myaccount .formStruk li
{
    margin: 0;
    padding: 0;
}

#myaccount .formStruk li.left
{
    float: left;
    width: 440px;
    margin: 0;
    padding: 0;
}

#myaccount .formStruk li.right
{
    float: right;
    width: 440px;
    margin: 0;
    padding: 0;
    margin-right: 40px;
}

#myaccount .formStruk li label
{
    display: block;
    margin-bottom: 4px;
}

#myaccount .uploadArt fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}

#myaccount .uploadArt .in
{
    background: url(/images/input_shadow.jpg) no-repeat;
    width: 430px;
    height: 16px;
    margin: 0;
    padding: 3px 7px;
    border: 0;
}

#myaccount .uploadArt textarea
{
    background: url(/images/input_shadow.jpg) no-repeat;
    height: 86px;
    width: 440px;
    border: 0;
    margin-top: 4px;
    padding: 4px 0 0 4px;
}

#myaccount .info
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#myaccount .info h4
{
    background: url(/images/icon_info.gif) no-repeat;
    font-size: 14px;
    font-weight: normal;
    height: 27px;
    padding: 5px 0 0 35px;
    margin-bottom: 6px;
    margin-top: 5px;
}

#myaccount .info .left
{
    width: 430px;
    margin: 0;
    padding: 0;
}

#myaccount .info .right
{
    width: 465px;
    margin: 0;
    padding: 0;
}

#myaccount .info p
{
    margin-top: 0;
}

#myaccount #upgrade
{
    background: #000 url(/images/icon_info.gif) no-repeat scroll 20px 20px;
    color: #ffdd00;
    margin: 20px;
    padding: 20px;
    clear: both;
}

#myaccount #upgrade p
{
    margin: 0;
    margin-left: 35px;
}


#upgradeEnv ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#upgradeEnv ul li
{
    float: left;
    width: 337px;
    margin: 0 0 20px 0;
    padding: 0;
}

#upgradeEnv ul li.col1
{
    margin-right: 30px;
}

#upgradeEnv ul label
{
    float: left;
    width: 116px;
    padding-top: 2px;
    color: #fff;
}

#upgradeEnv label
{
    color: #fff;
}

#upgradeEnv label.error
{
    color: #f00;
}

#upgradeEnv fieldset
{
    margin: 35px 0 0 0;
    padding: 0;
    border: 0;
}

#upgradeEnv ul input
{
    background: url(/images/input_bg.gif) no-repeat;
    float: right;
    width: 205px;
    height: 16px;
    margin: 0;
    padding: 3px 4px;
    border: 0;
}

#myaccount #upgrade #upgradeEnv .trenner
{
    clear: both;
    background-color: #525252;
    height: 1px;
    margin: 0 0 10px 0;
}


#myaccount .updatePass
{
    margin: 5px 0 40px 45px;
}

#myaccount .updatePass ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#myaccount .updatePass ul li
{
    margin: 0;
    padding: 0;
}

#myaccount .updatePass fieldset
{
    border: 0;
    margin: 8px 0 0 0;
    padding: 0;
}

#myaccount .updatePass ul input
{
    background: url(/images/input_shadow.jpg) no-repeat;
    width: 205px;
    height: 16px;
    margin: 0;
    padding: 3px 4px;
    border: 0;
}

#myaccount .updatePass ul label
{
    display: block;
    width: 150px;
}

#myaccount .updatePass ul label.error
{
    color: #ff0000;
}



/* ------------- ART GALLERY ------------------ */
#artGallery
{
    padding: 1px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 50px;
    margin: 0;
    position: relative;
    list-style-type: none;
    width: 900px;
}

#artGallery li
{
    width: 278px!important;
    width: 258px;
    height: 163px;
    padding: 10px;
    float: left;

    border-right-style: dotted;
    border-right-width: 1px;
}

#artGallery li img.tn
{
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 273px;
}

#artGallery li.nav
{
    clear: both;
    float: none;
    width: 880px!important;
    height: 20px;
    border: 0;
}


#artGallery li.nav p
{
    float: right;
    text-align: right;
    margin: 0 10px 0 0;
}

#artGallery li.nav p a
{
    color: #9c4600;
}

#artGallery li.nav p a.active
{
    color: #000;
    font-weight: bold;
}

#artGallery .tt
{
    position: relative;
}





/* --------------- POPUP WINDOWS --------------- */
.loginWin
{
    display: none;
    width: 180px !important;
    width: 130px;
    background-color: #3b2f18;
    color: #fff;
    margin: 0;
    opacity: .95;
    padding: 25px;
    border: 1px solid #fff;
    position: absolute;
    z-index: 201;
    top: 108px;
    left: 773px;
}

.loginWin fieldset, .loginWin form
{
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    width: 180px;
}

.loginWin input.in
{
    display: block;
    background: url(/images/input_shadow.jpg) no-repeat;
    width: 160px;
    height: 19px;
    border: 0;
    padding: 5px 8px 0 8px;
    margin-bottom: 13px;
}

.loginWin a
{
    font-size: 10px;
}

.loginWin .closeButton
{
     cursor: pointer;
}





.tooltip
{
    display: none;
    position: absolute;
    z-index: 200;
    width: 300px;
    background-color: #3b2f18;
    color: #fff;
    margin: 0;
    opacity: .95;
    padding: 25px;
    border: 1px solid #fff;
    letter-spacing: 1px;
}

.tooltip li
{
    width: 200px;
    height: 20px;
    margin: 0 0 13px 0;
    padding: 0;
    float: left;
    opacity: 1;
}

.tooltip strong
{
    font-size: 17px;
}

.tooltip .rating
{
    float: right;
    margin: 0;
}

.tooltip .comments
{
    background: url(/images/icon_comment.gif) no-repeat;
    padding-left: 30px;
    padding-bottom: 7px;
    width: 153px;
    margin-bottom: 0;
}



/* ------------ LE MANS GALLERY -------------- */
#lemansGallery, #agb
{
    padding: 1px;
    padding-left: 45px;
    padding-top: 50px;
    margin: 0;
    position: relative;
}

#agb
{
    min-height: 450px;
}

#galList
{
    width: 652px;
    position: absolute;
    top: 70px;
    right: 0;
    padding: 22px;
    margin: 0;
    list-style-type: none;
}

#galList li
{
    float: left;
    width: 95px;
    margin: 0 0 11px 12px;
    padding: 0;
}



/* ------- TEXT LEGAL PAGES --------- */

#agb a, #agb a:visited
{
    color: #A07200;
}

#agb p
{
    margin-right: 45px;
}

#agb h1
{
    margin-top: 22px;
    margin-bottom: 5px;
}



/* ----------- artDetail ------------ */
#artDetail
{
    padding: 1px;
    padding-left: 45px;
    padding-right: 215px;
    padding-top: 50px;
    margin: 0;
    position: relative;
    list-style-type: none;
    width: 730px;
}

#artDetail li
{
    padding-top: 1px;
    margin-bottom: 15px;
}

#artDetail .banner
{
    position: absolute;
    top: 131px;
    left: 787px;
}

#artDetail .left
{
    float: left;
    width: 130px;
}

#artDetail .right
{
    float: right;
    width: 250px;
}

#artDetail .right fieldset
{
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    top: -4px
}

#artDetail .right #submit_btn
{
    display: none;
}

#artDetail .ratingTextAnz
{
    display: block;
    float: right;
    padding-top: 4px;
    font-size: 10px;
}

#ratingEnv
{
    position: relative;
    top: -4px;
}



/* ---------- SHARING ----------- */

#shareIcons
{
    list-style-type: none;
    width: 327px;
    margin: 10px 0 0 0;
    padding: 0;
}

#shareIcons li
{
    float: left;
    height: 22px;
    width: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    padding-top: 2px;
}

#shareIcons a
{
    padding: 2px 4px;
}

.linkInput
{
    background: url(/images/input_shadow.jpg) no-repeat;
    width: 300px;
    height: 16px;
    margin: 0;
    padding: 3px 4px;
    border: 0;
}




/* ---------- COMMENTS --------------*/
#artDetail .comment
{
    background: url(/images/input_shadow_gelb.jpg) no-repeat;
    border: solid #766600 1px;
    padding: 12px 15px;
    margin-bottom: 5px;
}

.comment .datum
{
    color: #a89300;
    text-align: right;
    font-size: 10px;
    margin-top: 5px;
}

.comment a, .comment a:visited
{
    color: #6e3c00;
    font-weight: bold;
}

.comment p
{
    margin-bottom: 3px;
}


#submitComment fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}

#inputComment
{
    background: url(/images/input_shadow.jpg) no-repeat;
    width: 718px;
    height: 125px;
    padding: 5px;
    border: solid #766600 1px;
}



/* ------------ LAYOUT ALLGEMEIN ------------- */
ul.dreiSpalter
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.dreiSpalter .trenner
{
    clear: both;
    height: 1px;
    padding-top: 1px;
}

ul.dreiSpalter li
{
    float: left;
    width: 280px;
    margin-right: 20px;
}

ul.zweiSpalter
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.zweiSpalter h2
{
    font-style: italic;
}

ul.zweiSpalter li
{
    float: left;
    width: 430px;
    margin-right: 20px;
}

ul.dreiSpalter ul
{
    list-style-type: square;
    margin: 7px 0 0 14px;
    padding: 0;
}

ul.dreiSpalter ul li
{
    width: 240px;
    margin: 5px 0;
    padding: 0;
}


.border
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.border_small
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.shadow
{
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0, .5);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0, .5);
    -box-shadow: 1px 1px 6px rgba(0,0,0, .5);
}

.artButton, .artButton:visited
{
    background: url(/images/button_fill.gif) repeat-x;
    border: 1px solid #6c6c6c;
    padding: 0 10px 2px 10px;
    height: 23px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.artButton:hover
{
    border: 1px solid #fff;
    color: #fff;
}

.numButton, .numButton:visited
{
    background: url(/images/num_button_bg.gif) repeat-x;
    border: 1px solid #000;
    padding: 1px 6px !important;
    padding: 1px 3px;
    height: 22px;
    color: #000;
    margin-left: 3px;
}

.numButton.active
{
    background: url(/images/num_button_bg_active.gif) repeat-x;

}

.numButton:hover
{
    color: #000;
    border: 1px solid #fff;
}

.contHead
{
    background: #f8df29 url(/images/content_bg_head.jpg) no-repeat;
}

.contFoot
{
    background: url(/images/content_bg_foot.jpg) no-repeat;
    height: 62px;
    margin: 0;
    padding: 1px;
    clear: both;
}

.flag
{
    border: 1px solid #000;
    margin-right: 3px;
    position: relative;
    top: 3px;
}