@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('/ajrgfx/fontface/lucida-webfont.eot');
    src: url('/ajrgfx/fontface/lucida-webfont.eot?#iefix') format('embedded-opentype'),
         url('/ajrgfx/fontface/lucida-webfont.woff') format('woff'),
         url('/ajrgfx/fontface/lucida-webfont.ttf') format('truetype'),
         url('/ajrgfx/fontface/lucida-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
 font-family: 'LucidaGrandeRegular', verdana, arial, tahoma;
 font-size: 12px;
 color: #000;
 margin: 0; margin-bottom: 20px;
 background: url(/ajrgfx/gfx/1x1px.gif) no-repeat top center;
 background-color: #f3f3f3;
}

input,textarea,select{ font-family: verdana, arial, tahoma; color: #333; font-size: 11px; }

.sitewidth{ width: 940px; margin: 0 auto; position: relative; }

/* ----------------- default classes ----------------- */

h1,h2,p{ margin: 0; padding: 0; }
form{ margin: 0; display: inline; }
img{ border: 0; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.debug{ background-color: red; }
.cursor{ cursor: pointer; }

/* ----------------- start text classes ----------------- */

h1{
 font-size: 28px;
 line-height: 28px;
 color: #4f4f4f;
 font-family: 'LucidaGrandeRegular';
 margin-bottom: 5px;
}

h2{ font-size: 12px; line-height: 16px; }

h2.title{ font-size: 18px; line-height: 22px; margin-bottom: 5px; color: #4e4c42; font-family: 'LucidaGrandeRegular';}

h2.MediumStdColor{ font-size: 12px; line-height: 16px; margin-bottom: 5px; }

div{ font-size: 12px; line-height: 16px; color: #000; font-family: 'LucidaGrandeRegular'; }

/* ----------------- start link classes ----------------- */

a{ text-decoration: none; color: #8a000d; }
a:hover {text-decoration: underline; color: #000;}

input.FormFieldInputsNarrow{ width: 206px; height: 16px; border: 1px solid #aaa; padding: 2px; }
input.FormFieldInputsMedium{ border: 1px solid #aaa; width: 250px; height: 16px; padding: 2px; }
input.FormFieldInputsWide{ border: 1px solid #aaa; width: 400px; height: 16px; padding: 2px; }

textarea{ border: 1px solid #aaa; width: 196px; height: 135px; padding: 2px; }
textarea.FormFieldInputsMedium{ width: 250px; height: 100px; border: 1px solid #aaa; padding: 2px; }

textarea.FormFieldInputsWide{ width: 424px; height: 100px; padding: 2px; }

select{ width: 204px; border: 1px solid #aaa; }

.FormFieldLabelMediumStdColor{ font-weight: bold;}
.minor { font-size: 11px }

/* ----------------- start list classes ----------------- */

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

ul li
{
 background: url(/ajrgfx/gfx/list_item.gif) no-repeat;
 padding-left: 10px; margin: 0 0 5px 0;
}

ol{ margin: 0px; padding: 0; }
ol li{ padding-left: 10px; margin: 0 0 5px 0; }

.minheight{ min-height: 750px; height:auto !important; height: 750px;}


/* ----------------- Start custom classes ----------------- */

.top-bg{ height: 96px; background: url(/ajrgfx/gfx/bg-top.png) repeat-x; position: relative; z-index: 3; }

.top{position: relative; width: 940px; margin: 0 auto; }
.logo{position: absolute; top: 25px; left: 38px; }
.logotext{ position: absolute; top: 6px; left: 15px; font-size: 10px; color: #fff; }

.log{position: absolute; top: 6px; right: 0px; font-size: 10px; color: #fff; }
.log a{ text-decoration: underline; color: #fff; margin-left: 15px; }

.links{position: absolute; top: 33px; right: 0px;}
.links img{padding-left: 10px;}

/* ----------------- Dropdown classes ----------------- */
.drpdwn{position: relative; width: 450px; height: 108px; top: -40px; left: 248px;  margin: auto;}

.sog{ display: none; position: absolute; top: 57px; right: 120px; width: 300px; height: 61px; background: url(/ajrgfx/gfx/bg-search-box.png);z-index: 5; }
.sogtxt{
 position: absolute; width: 185px; top: 29px; left: 28px; background: none; border: 0; color: #fff;
 margin: 0; padding: 0;
}
.sogbtn{ position: absolute; top: 21px; right: 22px; cursor: pointer; }

.login { display: none; top: 57px; position: absolute; width: 304px; height: 108px; right: 0; background: url(/ajrgfx/gfx/login.png); z-index: 5;}
.lgntxt{
 position: absolute; width: 245px; top: 28px; left: 30px;  background: none;  border: 0; color: #fff;
 margin: 0; padding: 0;
}
.lgntxt2{ position: absolute; width: 245px; top: 63px; left: 30px;  background: none;  border: 0; color: #fff; padding: 0; margin: 0; }
.lgnbtn{ cursor: pointer; position: absolute; width: 76px; height: 40px; bottom: -24px; right: 15px; padding-bottom: 13px; color: #fff; border: 0; background: url(/ajrgfx/gfx/login-btn.png) }

/* ----------------- Movie frame classes ----------------- */

._us-bg{
position: relative; width: 1241px; height: 106px; top: -33px; margin: auto; z-index:1;
background: url(/ajrgfx/gfx/us-bg.jpg) bottom no-repeat;
}

.movieframepos{ width: 100%; position: absolute; top: 63px; left: 0; z-index: 1; }

.movie-frame{
 width: 940px; height: 372px; margin: 0 auto;
 background: url(/ajrgfx/gfx/movie-frame.png); position: relative;
}

ul.movie { position: relative; z-index: 1; margin: 0; padding: 0; height: 348px; overflow: hidden; }
ul.movie li{ margin: 0; padding: 0; background: none; }

ul.indicators{ position: relative; top: 330px; z-index: 2; margin-left: 350px; }
ul.indicators li{ float: left; margin: 0; padding: 0; height: 34px; }
ul.indicators li.indicator-bg{ background: url(/ajrgfx/gfx/indicator-bg.png) repeat-x; }

#indicators a{ position: relative; top: 9px; }

#indicators a {
 background: url('/ajrgfx/gfx/blackdot.png') no-repeat center center;
 padding: 1px 8px; outline: none;
}
 
#indicators a.activeSlide {
 background: url('/ajrgfx/gfx/reddot.png') no-repeat center center;
}

/* ----------------- Menu classes ----------------- */


ul.mainmenu{ position: absolute; top: 70px; left: 15px; margin: 0; padding: 0; z-index: 2; }
ul.mainmenu li { float: left; background: none; padding: 0; margin-right: 20px; }
ul.mainmenu li a{ font-family: 'LucidaGrandeRegular'; font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
ul.mainmenu li a:hover, .mainmenu li .select{ color: #8a000d; }

table.submenu{ width: 140px;}
table.submenu td{ background: url(/ajrgfx/gfx/left-menu.jpg) no-repeat; width: 100px; height: 60px; padding: 0px 18px 0px 10px; }
table.submenu td:hover{ background: url(/ajrgfx/gfx/left-menu-a.jpg) no-repeat; }

table.submenu td.spacer{ height: 10px; background: none; padding: 0; }

table.submenu td a{ position: relative; top: -4px; display: block; color: #000; font-size: 16px; line-height: 18px; text-decoration: none; } 
table.submenu td:hover a{ color: #fff; }

ul.undermenu { width: 144px; margin-bottom: 10px; }
.undermenu li{ margin: 0; padding: 11px 0 5px 0; color: #4f4f4f; background: url(/ajrgfx/gfx/bg-line.png) repeat-x top center;}
.undermenu li a{color: #4f4f4f; text-decoration: none; }
.undermenu li a:hover, .undermenu .sel{color: #8a000d;}

ul.undermenu div{ margin: 5px 0 0 10px; }
ul.undermenu div a{ font-size: 11px; }

ul.om{width: 140px; padding-left: 10px;}
ul.om li{background: none; padding: 0; margin: 0; height: 20px;}
.om li a{color: #4f4f4f; text-decoration: none;} 
.om a:hover, .om .select{ color: #8a000d;}

/* ----------------- Col classes ----------------- */

.col180{ width: 180px }
.col220{ width: 220px }
.col360{ width: 360px }
.col150{ width: 150px; margin-top: 15px; }
.col550{ width: 550px; margin-top: 5px; margin-left: 30px; }
.col625{ width: 625px; position: relative; margin-top: 10px; background: url(/ajrgfx/gfx/shade-content.png); }

.ml15{ margin-left: 15px; }
.ml25{ margin-left: 25px; }

.shade-top-left{ position: absolute; top: 0; left: 0; }
.shade-top-right{ position: absolute; top: 0; right: 7px; }
.shade-bottom-left{ position: absolute; bottom: 0; left: 0; }
.shade-bottom-right{ position: absolute; bottom: 0; right: 7px; }

/*

.col600{ position: relative; width: 600px; left: 13px; padding:0 10px 0 9px;}
.col600pr{position: relative; width: 600px; top: 0px; left: 145px; margin: 0 10px; padding: 8px 16px 0 6px;}
.col560{width: 560px; left: 23px; margin-left: 13px; padding: 8px 10px 0 0;}
.col550{width: 560px; padding: 0 0 0 5px;}

.col390{width: 370px; padding: 0 10px;}
.col390 img{width: 200px; height: 140px; padding: 5px;}
.col170{width: 170px;}
.col170 img{width: 170px;}
.col160{width: 160px; height:165px; background: url(/ajrgfx/gfx/news-frame.png) no-repeat;}
.col160 img{width: 143px; height: 142px; padding-top: 3px; padding-left: 4px;}

*/

.line{ background: url(/ajrgfx/gfx/bg-line.png) repeat-x; height: 2px; margin-bottom: 10px; }

.laes input{width: 106px; height: 32px;background: none; border: 0; padding-bottom:3px;
background: url(/ajrgfx/gfx/laesmere.jpg) no-repeat; font-size: 14px;  margin-top: 10px;
} 

.slide { position: relative; width: 550px; } 
.slide .arrow{position: absolute; top: 75px; left: -15px;}
.slide .arrow-r{position: absolute; top: 75px; right: -15px;}

#slide1 ul.slideshow { height: 240px; overflow: hidden; }
#slide2 ul.slideshow { height: 175px; overflow: hidden; }
ul.slideshow li{ margin: 0 0px 25px 0; padding: 0; background: none; position: relative; margin-bottom: 25px; float: left; }

#slide2 ul.slideshow li { width: 190px; margin: 0; }

.newstitle{ font-weight: bold; font-size: 20px; line-height: 22px; margin-bottom: 7px; }
.newscontent{ width: 550px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 165px; overflow: hidden; }
.newscontent p{ float: left; width: 380px; font-size: 14px; line-height: 24px; } 

.slide-img{ float: right; width: 151px; height: 154px; background: url(/ajrgfx/gfx/news-frame.png) bottom center no-repeat;}
.slide-img img{ margin-left: 4px; margin-top: 3px; }

img.readmore{ position: absolute; bottom: -15px; right: 20px; }

.slide-img2{ width: 163px; height: 123px; background: url(/ajrgfx/gfx/club-frame.png) bottom left no-repeat;}
.slide-img2 img{ margin: 12px 0 0 5px; }

.presse{ float: left; width: 162px; height: 133px; margin-right: 20px; position: relative; } 
.smallframe{ width: 162px; height: 101px; background: url(/ajrgfx/gfx/frame-small.png) top center no-repeat; position: absolute; bottom: 0; left: 0; }
.smallframe img{width: 150px; height: 83px; margin: 6px 0 0 6px;}
.presse p{ margin-left: 6px; }


.tab{width: 100%;}
.tab td a, .tab-kal td a{color: #000;}
.tab td{ background: url(/ajrgfx/gfx/bg-line.png) repeat-x bottom center; padding: 6px 0; }

.tab-kal{ width: 550px; height: 18px; background: url(/ajrgfx/gfx/kalender-bg.jpg) no-repeat; }
.tab-kal span{ color: #fff; position: relative; top: 1px; left: 7px; font-size: 11px; }

tr.tab-kal-header td{ background: none; padding: 1px 0 5px 7px; color: #fff;}
.tab-kal td { font-size: 11px; background: url(/ajrgfx/gfx/bg-line.png) repeat-x bottom center; padding: 6px 3px 6px 7px; }

.tab-log { padding-top: 10px; }

.input{ background: none; border: 0; border: 1px solid #c0c0c0; }

.tab-kal td input.button{ margin-top: 3px; cursor: pointer; }

.sog2{ margin: 20px 0 10px 0; text-align: right; }
.sog2 input{ border: 1px solid #d3d3d3; background: none; width: 190px; padding: 2px; margin: 0; }
.sog2 input.button{ border: 1px solid #d3d3d3; background-color: #e3e3e3; width: auto; padding: 1px 5px; margin: 0; }

hr{height: 2px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; margin: 10px 0;}

.minimumheight{ min-height: 450px; height:auto !important; height: 450px; }

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 75px;
    left: -15px;
    width: 9px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/ajrgfx/gfx/blk-arrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 75px;
    right: -15px;
    width: 9px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/ajrgfx/gfx/blk-arrow-r.png) no-repeat 0 0;
}

#map{ position: relative; top: -1px; }

.ArticleHeader{ color: #fff; font-size: 11px; position: relative; top: 1px; left: 7px;  }

.hidden{ display: none; }

.contactinfo{ display: none; }
#infobox{ padding: 10px 20px 10px 10px; background: url(/ajrgfx/gfx/bg-infobox.png); position: absolute; bottom: 0; display: none; }

.contactinfo{ position: relative; }
.closeinfobox{ position: absolute; top: 3px; right: 5px; cursor: pointer; }

@media print{
 body{ background: none; font-family: arial; font-size: 20px; margin: 0; }
 .noprint, .top-bg, .col150 { display: none; }
 .shade-top-left, .shade-top-right{ display: none; }
 .shade-bottom-left, .shade-bottom-right{ display: none; }
 .col625 { background: none; width: auto; }
 .sitewidth, .col550{ width: auto; }
}

.alert{
 border: 1px solid #ff0000;
}

.padtop1 { padding-top: 1px; }
.padtop2 { padding-top: 2px; }
.padtop3 { padding-top: 3px; }
.padtop4 { padding-top: 4px; }
.padtop5 { padding-top: 5px; }
.padtop6 { padding-top: 6px; }
.padtop7 { padding-top: 7px; }
.padtop8 { padding-top: 8px; }
.padtop9 { padding-top: 9px; }
.padtop10 { padding-top: 10px; }
.padtop11 { padding-top: 11px; }
.padtop12 { padding-top: 12px; }
.padtop13 { padding-top: 13px; }
.padtop14 { padding-top: 14px; }
.padtop15 { padding-top: 15px; }
.padtop16 { padding-top: 16px; }
.padtop17 { padding-top: 17px; }
.padtop18 { padding-top: 18px; }
.padtop19 { padding-top: 19px; }
.padtop20 { padding-top: 20px; }
.padtop21 { padding-top: 21px; }
.padtop22 { padding-top: 22px; }
.padtop23 { padding-top: 23px; }
.padtop24 { padding-top: 24px; }
.padtop25 { padding-top: 25px; }
.padtop26 { padding-top: 26px; }
.padtop27 { padding-top: 27px; }
.padtop28 { padding-top: 28px; }
.padtop29 { padding-top: 29px; }
.padtop30 { padding-top: 30px; }

.padright1 { padding-right: 1px; }
.padright2 { padding-right: 2px; }
.padright3 { padding-right: 3px; }
.padright4 { padding-right: 4px; }
.padright5 { padding-right: 5px; }
.padright6 { padding-right: 6px; }
.padright7 { padding-right: 7px; }
.padright8 { padding-right: 8px; }
.padright9 { padding-right: 9px; }
.padright10 { padding-right: 10px; }
.padright11 { padding-right: 11px; }
.padright12 { padding-right: 12px; }
.padright13 { padding-right: 13px; }
.padright14 { padding-right: 14px; }
.padright15 { padding-right: 15px; }
.padright16 { padding-right: 16px; }
.padright17 { padding-right: 17px; }
.padright18 { padding-right: 18px; }
.padright19 { padding-right: 19px; }
.padright20 { padding-right: 20px; }
.padright21 { padding-right: 21px; }
.padright22 { padding-right: 22px; }
.padright23 { padding-right: 23px; }
.padright24 { padding-right: 24px; }
.padright25 { padding-right: 25px; }
.padright26 { padding-right: 26px; }
.padright27 { padding-right: 27px; }
.padright28 { padding-right: 28px; }
.padright29 { padding-right: 29px; }
.padright30 { padding-right: 30px; }

.padbot1 { padding-bottom: 1px; }
.padbot2 { padding-bottom: 2px; }
.padbot3 { padding-bottom: 3px; }
.padbot4 { padding-bottom: 4px; }
.padbot5 { padding-bottom: 5px; }
.padbot6 { padding-bottom: 6px; }
.padbot7 { padding-bottom: 7px; }
.padbot8 { padding-bottom: 8px; }
.padbot9 { padding-bottom: 9px; }
.padbot10 { padding-bottom: 10px; }
.padbot11 { padding-bottom: 11px; }
.padbot12 { padding-bottom: 12px; }
.padbot13 { padding-bottom: 13px; }
.padbot14 { padding-bottom: 14px; }
.padbot15 { padding-bottom: 15px; }
.padbot16 { padding-bottom: 16px; }
.padbot17 { padding-bottom: 17px; }
.padbot18 { padding-bottom: 18px; }
.padbot19 { padding-bottom: 19px; }
.padbot20 { padding-bottom: 20px; }
.padbot21 { padding-bottom: 21px; }
.padbot22 { padding-bottom: 22px; }
.padbot23 { padding-bottom: 23px; }
.padbot24 { padding-bottom: 24px; }
.padbot25 { padding-bottom: 25px; }
.padbot26 { padding-bottom: 26px; }
.padbot27 { padding-bottom: 27px; }
.padbot28 { padding-bottom: 28px; }
.padbot29 { padding-bottom: 29px; }
.padbot30 { padding-bottom: 30px; }

.padleft1 { padding-left: 1px; }
.padleft2 { padding-left: 2px; }
.padleft3 { padding-left: 3px; }
.padleft4 { padding-left: 4px; }
.padleft5 { padding-left: 5px; }
.padleft6 { padding-left: 6px; }
.padleft7 { padding-left: 7px; }
.padleft8 { padding-left: 8px; }
.padleft9 { padding-left: 9px; }
.padleft10 { padding-left: 10px; }
.padleft11 { padding-left: 11px; }
.padleft12 { padding-left: 12px; }
.padleft13 { padding-left: 13px; }
.padleft14 { padding-left: 14px; }
.padleft15 { padding-left: 15px; }
.padleft16 { padding-left: 16px; }
.padleft17 { padding-left: 17px; }
.padleft18 { padding-left: 18px; }
.padleft19 { padding-left: 19px; }
.padleft20 { padding-left: 20px; }
.padleft21 { padding-left: 21px; }
.padleft22 { padding-left: 22px; }
.padleft23 { padding-left: 23px; }
.padleft24 { padding-left: 24px; }
.padleft25 { padding-left: 25px; }
.padleft26 { padding-left: 26px; }
.padleft27 { padding-left: 27px; }
.padleft28 { padding-left: 28px; }
.padleft29 { padding-left: 29px; }
.padleft30 { padding-left: 30px; }

input[type=text].arrangement {
 border: 1px solid #777; 
 padding: 2px 3px 2px 3px; 
 line-height: 16px; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 width: 250px; 
}

input[type=text].arrangementReadOnly {
 border: 0px; 
 padding: 2px 3px 2px 3px; 
 line-height: 16px; 
 width: 250px;
 background-color: transparent;
}

input[type=password].arrangement {
 border: 1px solid #777; 
 padding: 2px 3px 2px 3px; 
 line-height: 16px; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 width: 250px; 
}

input[type=button].arrangement { 
 background-color: #333; 
 color: #fff; 
 border: 1px solid #777; 
 padding: 2px 3px 2px 3px; 
 line-height: 18px; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 width: 80px; 
 cursor: pointer; 
}

select.arrangement {
 border: 1px solid #777; 
 padding: 2px 3px 2px 3px; 
 line-height: 16px; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 width: 250px; 
}