@charset "UTF-8";
/* MES SURFBOARDS */

* { margin : 0; padding : 0; border : 0; }
html { width : 100%; }
body { width : 100%; margin : 0 50px 0 50px; font : normal 12px/18px "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; text-align : center; background : #fff; }

h2 { font : normal 20px/21px "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; padding-left : 20px; }
h3 { font : bold 13px/18px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; }
h4 { font : bold 13px/18px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; }

label { }
blockquote { font-style : italic; margin : 0; padding : 0 15px 0 20px; border-left : 1px solid #000; border-right : 1px solid #000; }

.hidden, hr { position : absolute; top : 0; left : -999em; }

.bold, th { font-family : Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; font-weight : bold; }
.cyan { color : #000!important; background : inherit; }
.grey { color : #000; background : inherit; }
.red { color : #000; background : inherit; }
.black { color : #000!important; }
.bg_cyan { background : #000; }
.cb { clear : both; }
.fr { float : right; }
.fl { float : left; }
b { font-family : Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; }

#mes_container { width : 950px; margin : 0 auto; text-align : left; }
#mes_header { width : 100%; height : 100px; margin-bottom : 10px; }
#mes_header h1 { display : block; width : 100%; font-weight : normal; text-align : center; }
#mes_header h1 img { margin-bottom : 30px; }
#mes_header h1 span { display : none; }

#mes_navi { display : none; }
#mes_navi_ul { display : none; }

#mes_crumb { margin : 10px 0 0 0; padding : 0 20px 0 20px; color : inherit; }
#mes_crumb ul { list-style-type : none; float : left; margin : 0 0 0 14px; }
#mes_crumb li { float : left; padding : 0 0 0 15px; background : url('../images/arrow_breadcrumb.gif') 9px 8px no-repeat; }
#mes_crumb a { text-decoration : underline; color : #000; background : #fff; padding : 5px 0 5px 5px; }
#mes_crumb a.active:active { background : #fff; }
#mes_crumb li.start { padding : 0; background : none; }
#mes_crumb li.start a { padding : 0; text-decoration: underline; }

#mes_crumb a.active { text-decoration: none; }

#mes_merkzettel { float : right; background : none; }
#mes_merkzettel a { font : normal 12px/18px "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial,Verdana; text-decoration : none; background : none!important; padding : 10px 5px 10px 5px; }
#mes_merkzettel a:hover { color : #000; }

#mes_showroom { width : 980px; height : 504px; margin : 0 0 30px 0; background : url('../images/showroom_alt.jpg') top left no-repeat; z-index : 1; }

.mes_newseintrag { margin : 0 150px 20px 30px; padding : 0 0 25px 0; border-bottom : 1px solid #e1e1e1; clear : both; }
.mes_newseintrag .datum { text-transform : uppercase;font-family : "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; font-weight : normal; font-size : 21px; color : #666; padding : 0 0 0.2em 0; }
.mes_newseintrag .headline { font-family : "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; font-weight : normal; font-size : 21px; color : #000; padding : 0; margin-bottom : 10px; }
.mes_newseintrag p {  }
.mes_newseintrag .thumbnail { width : 100px; height : 100px; background : #000; display : block; float : left; margin : 15px 5px 5px 0; border : 5px solid #e1e1e1; }
#mes_shots .thumbnail { width : 80px; height : 80px; background : #000; display : block; float : left; margin : 15px 5px 5px 0; border : 5px solid #e1e1e1; }

#mes_content a { text-decoration : underline; color : #000; }

#mes_contentframe { margin : 0 30px 20px 30px; }
#mes_contentframe p { margin : 0 0 15px 0!important; }
#mes_contentframe h1, #mes_contentframe h2 { margin : 0 0 5px 0!important; padding-left : 0!important; }



#mes_spalte { display : none; }
#mes_subnavi ul { display : none; }

#mesometer { margin : 20px 0 20px 0; }

#mes_shots { margin : 0 0 20px 0; padding-bottom : 20px; }
#mes_shots span { width : 98px; height : 98px; background : #fff; display : block; float : left; margin : 0px 5px 5px 0; }

#mes_vorbestellen { height : 130px; background : url('../images/bg_vorbestellen.gif') top left no-repeat; }
#mes_vorbestellen a span { position : absolute; top : 0; left : -999em; }
#mes_vorbestellen a { font : bold 18px Helvetica, Arial, sans-serif; color : #fff; text-decoration : none; padding : 53px 0 0 20px; display : block; height : 75px; }

#mes_content { float : left; width : 100%; }
#mes_content h1 { padding : 7px 0 15px 0; font : normal 28px/18px "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; }

#mes_content ul { margin : 0 0 15px 35px; color : #000; }
#mes_content li { color : #000; }

#sidebar { float : right; }
#sidebar p { margin : 0 0 15px 0; }

.boardimage { width : 250px; float : left; margin-right : 10px; }
#boardcontent { float : left; width : 460px; }
#boardcontent h1 { padding-left : 0; }

.mes_rider { clear : both; }
.mes_rider img { z-index : 1; }
.rider_info h1 { color : #000; padding : 0 0 15px 0 !important; }
.rider_info { z-index : 4; position : relative; margin-top : -258px; top : 0; left : 220px; /*background : url('../images/bg_rider_info.gif') top left no-repeat;*/ padding : 5px 20px 10px 50px !important; margin-bottom : 15px; }
.rider_info p { min-height : 90px; /*color : #fff;*/ width : 450px; }
.rider_info table { width : 460px; }
.rider_info td { padding-bottom : 10px; }

#mes_newsbox { margin : 0 0 65px 25px; height : 230px; background : url('../images/all_lights_off.gif') 280px 190px no-repeat; width : 600px; float : left; }
#mes_newsbox h2 { height : 30px; background : url('../images/headline_aktuelles.gif') top left no-repeat; width : 300px; }
#mes_newsbox h2 span { display : none; }

#mes_button_home { width : 265px; height : 265px; /*background : url('../images/mes_button.png') top left no-repeat;*/ margin : -50px 0 0 690px; z-index : 4; position : relative; }

#mes_newsbox img { float : left; margin-right : 15px; }
#mes_newsbox div.teaser { padding : 10px 0 0 0; width : 280px; float : left; height : 145px; overflow : hidden; }
#mes_newsbox div.teaser a { font : bold 13px/18px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; text-decoration : none; margin : 10px 0 0 0; display : block; }
.newslights { clear : both; margin-left : 280px; }
.lighton { width : 24px; height : 16px; background : url('../images/newslight_on.gif') top left no-repeat; display : block; float: left; }
.lightoff { width : 24px; height : 16px; background : url('../images/newslight_off.gif') top left no-repeat; display : block; float : left; }
#lights1 { z-index : 1; }
#lights2 { z-index : 2; }
#lights3 { z-index : 3; }


#teaser_accessoires h3 { margin : 10px 20px 2px 20px; }
#teaser_accessoires p { margin : 0 20px 5px 20px!important; font-size : 12px; line-height : 18px; }
#teaser_accessoires form { margin : 0 20px 5px 20px!important; font-size : 12px; line-height : 10px; }
#teaser_accessoires a { font : bold 11px/14px "Helvetica", "Lucida Sans", Arial, Verdana, sans-serif; color : #000; background : none; padding : 0;  }


.mes_item { clear : both; margin : 0 0 15px 0; border-bottom : 1px solid #e1e1e1;}
.item_image { float : left; width : 120px; text-align : center; margin-right : 5px; }

.teaser_image { text-align : center; height : 200px; }
.teaser_image_small { text-align : center; height : 120px; }
#mes_acc_overview { margin : 0 0 0 30px; }
#mes_acc_overview h3 { margin : 10px 0 5px 0; height : 35px; }
#mes_acc_overview p { margin : 0 0 5px 0; font-size : 11px; }
#mes_acc_overview a, .acc_submit, .acc_submit_11 { font : bold 12px/16px "Helvetica", "Lucida Sans", Arial, Verdana, sans-serif; color : #000; text-align :left!important; text-decoration : none!important; background : none; padding-left : 0px;  }
.acc_submit { padding : 0!important; margin : 0 0 0 -3px!important; font-size : 12px; }
.acc_submit_11 { padding : 0!important; margin : 0 0 0 -3px!important; font-size : 11px; }
.acc_submit_board { background : none; color : #000; padding : 0!important; margin : 0 0 0 -3px!important; font-size : 12px; text-align : left; }


.mes_acc_teaser { width : 150px; margin : 0 25px 15px 0; float : left; }
.mes_acc_teaser a { text-decoration : none!important; padding : 0; }

a.link_prod { font : bold 12px/10px "Helvetica", "Lucida Sans", Arial, Verdana, sans-serif; }

/*News Navi*/
.newsnavi td { border-top : 2px solid #000; border-bottom : 2px solid #000; padding : 5px 10px 5px 10px; background : #fff; }
.newsnavi a { font : bold 12px/10px "Helvetica", "Lucida Sans", Arial, Verdana, sans-serif; color : #000!important; text-decoration : none!important; }

/* WARENKORB */
#warenkorb table { margin : 20px 30px 0 30px; clear : both; }
#warenkorb th { font-family: 'Helvetica', Arial, sans-serif; font-size : 11px; text-align : center; background : #eaeaea; padding : 6px 10px 3px 10px; border-top : 1px solid #e1e1e1; border-bottom : 1px solid #e1e1e1; }
#boardcontent th { font-family: 'Helvetica', Arial, sans-serif; font-size : 11px; text-align : center; background : #eaeaea; padding : 6px 10px 3px 10px; border-top : 2px solid #333; border-bottom : 1px solid #666; }
#warenkorb td { border-bottom : 1px solid #e1e1e1; padding : 5px 10px 5px 10px; }
#warenkorb h4 { font-size : 12px; }
#boardcontent td { border-bottom : 1px solid #999; padding : 5px 5px 5px 5px; }
#warenkorb ol { margin : 25px 0 20px 30px; list-style : none; }
#warenkorb ol li { height : 29px; float : left; color : #999; background : url('../images/warenkorb_navi.gif') right -1px no-repeat; padding : 0 35px 0 10px; border-top : 1px solid #e1e1e1; border-bottom : 1px solid #e1e1e1; }
#warenkorb ol li.active { color : #000; }
#warenkorb ol li.cyan { font-weight : bold; color : #000; }
#warenkorb ol li span { display : block; padding-top : 6px; }
.wk_submit { display : block; clear : both; font : normal 16px/14px "Helvetica Neue Light", Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; background : none; margin : 20px 0 0 0; padding : 4px; }
.delete { background : none; height : 20px; width : 20px; font-size :1px; }

#wk_formular { width : 330px; float : left; }
#wk_formular h2 { padding : 0; margin : 0 0 20px 0; }
.inputblock { float : left; margin : 0 0 10px 0; }
#wk_formular .text { font : normal 12px/14px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; border-left : 5px solid #000; border-bottom : 1px solid #000; padding : 5px 5px 0 5px; margin-right : 2px; }
#wk_formular .nice { font : normal 12px/14px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; border-left : 5px solid #ccc; border-bottom : 1px solid #ccc; padding : 5px 5px 0 5px; margin-right : 2px; }
#wk_formular .s140 { width : 140px!important; }
#wk_formular .input_red { font : normal 12px/14px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; border-left : 5px solid #c00; border-bottom : 1px solid #c00; padding : 5px 5px 0 5px; margin-right : 2px; }
#wk_formular label { font-size : 11px; display : block; margin-bottom : 2px; }
#mes_formframe { margin : 15px 0 0 30px; }

#text_agb { height : 170px!important; border : 1px solid #e1e1e1; width : 400px; text-align : left; overflow : auto; font : normal 11px/14px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; color : #000; height : 20px; padding : 0 10px 0 10px; margin : 20px 0 10px 0; }
#text_agb h3 { margin : 10px 0 0 0; }
#text_agb p { margin : 5px 0 7px 15px; }

.border { padding : 5px; border : 1px solid #e1e1e1; }

/* WEAR */
.select { font : normal 12px/20px Helvetica, "Lucida Sans", Arial, Verdana, sans-serif; text-align : center; color : #000; height : 20px; width : 150px; }

#mes_welle { display : none; }

#mes_footer {  clear : both; width : 950px; text-align : center; margin : 50px 0 0 0; border-top : 1px solid #000; }
#mes_footer div { width : 930px; margin : 0 auto; font-size : 14px; text-align : left; padding : 8px 25px 0 25px; }
#mes_footer span { display : none; }
#mes_footer a { display : none; }