/* -----------------------------------------------------------------------


 LottoTeam CSS v1.0
 http://www.lottoteam.de


   * Begin: 07.09.2009
   * End: 
   * Status: 
   * File: screen.css
   * Author: D. Rogaczewski | d.rogaczewski@infrag.de
             V. Özdemir | v.oezdemir@infrag.de
             F. Schöning | f.schoening@infrag.de


----------------------------------------------------------------------- */


/* Basic Selectors
--------------------------------------------------------------------------------------- */

body {background: #f8f9fd url(../images/layout/bg.jpg) repeat-x top left; font:0.7em/1.5em Arial, Helvetica, sans-serif; color: #474747}
.wrapper{ width:1005px; margin: 0 auto; position:relative;}
.scraper{ position:absolute; right:-130px; top:165px; width:120px; }
.scraper.box{ padding:0; margin:0; -moz-border-radius:0; }
.scraper.box p{margin:0;}


/* Header
--------------------------------------------------------------------------------------- */

#header{margin-left: 17px; overflow: hidden;}
#header #logo a{float:left; background: url(../images/logos/ltlogo_claim.png) no-repeat; height: 95px; width: 426px; margin-left: 2px; text-indent:-5000px;}
#header #logo span{font-size: 14px; font-family: Verdana, Arial; color: #454b52; line-height: 67px; margin-left: 10px}


/* Navis
--------------------------------------------------------------------------------------- */

#nav-main{background: url(../images/layout/nav-main.png) no-repeat; float: left; width: 972px; height: 50px; margin-top: 10px;}
#nav-main ul{margin:8px 0 0 20px; list-style: none;}
#nav-main li{float: left; position: relative}
#nav-main li a{float: left; height: 26px; line-height: 26px; padding-right: 30px; font-size: 1.2em; color: #474747; text-decoration: none;}
#nav-main li a div{position: absolute; top:0; left: 0; background:#fff; width: 100%; height: 27px; z-index: 1}
#nav-main li a span{display:block; padding-left: 30px; margin-left: -2px; position: relative; z-index: 2}
#nav-main li.current a{background: url(../images/layout/nav-blueBox.png) no-repeat right 0; color: #fff;}
#nav-main li.current a span{background: url(../images/layout/nav-blueBox.png) no-repeat left 0;}
#nav-main li.current a:hover{text-decoration: none; color:#fff;}
#nav-main li a:hover{text-decoration: none; color:#000;}

#breadcrumb{background: url(../images/layout/nav-breadcrumb.png) no-repeat; height: 35px; width: 985px; margin: 10px 0 0 10px}
#breadcrumb ul{list-style:none; line-height:26px;}
#breadcrumb ul li{float:left;}
#breadcrumb ul span{float:left; margin-right:10px;}
#breadcrumb strong{float: left; margin: 0 0 0 20px; line-height: 28px}
#breadcrumb ul#ticker{margin:0 0 0 90px;}

#nav-top{ height: 22px; position: absolute; top: 10px; right: 10px; z-index: 2000; padding-left: 30px; }
#nav-top span{float: left; font-size: 11px}
#nav-top ul{float: right; margin-right: 0;list-style: none;}
#nav-top li{float: left; margin-right: 6px}
#nav-top li a{float: left; font-size: 12px; color: #000; margin-right: 5px; text-decoration: none;}
#nav-top a.active{font-weight: bold}


/* Content
--------------------------------------------------------------------------------------- */

#content{width: 950px; background:#F8F9FB url(../images/layout/content-bg.jpg) repeat-x top; margin:-3px 0 1px 17px; 
overflow:hidden;background:#fff; border: 1px solid #d3dadd; border-top:none; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:5px; padding:10px;}
#homepage #content{padding: 0 10px 10px;}
.sub-content{margin-left: 10px;}


/* Main Content
--------------------------------------------------------------------------------------- */

#main-content{margin:-13px -10px 0 0; overflow: hidden; display: block; float: left; position: relative; width:100%}
#main-content .box .grd{background: url(../images/layout/content-grd.jpg) repeat-x bottom; padding-bottom: 10px}

.art-list, .searchresults{overflow: hidden; margin: 0; padding: 0;position: relative; list-style: none}
.art-list li, .searchresults li{border-bottom: 1px dotted #ccc; display: block; overflow: hidden; padding: 0; position: relative; clear: both; width: 100%}
.art-list li a{color: inherit; text-decoration: none}
.art-list li p{}
.art-list-img{ float:left; margin:0 15px 10px 0; }

/* Search results */
.searchresults li{padding-top: 0;}
.searchresults p.highlightedtext{margin:0}

.box{ background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #d3dadd; padding: 10px; margin-top:10px; overflow: hidden; display: block; }
.box.first{border-top:none; -moz-border-radius:0 0 5px 5px;}
.teaser .box{padding: 5px;}

.grd-blue{background: url(../images/layout/grd-blue.jpg) repeat-x bottom left; overflow: hidden; position: relative; height: 120px}
.grd-blue .thumb{margin-right: -15px}

.grd-darkblue{background: url(../images/layout/grd-darkblue.jpg) repeat-x bottom left; overflow:hidden; display: block }

.bg-gray{background: #e6e6e6;}
.bg-black{background:#000 url(../images/layout/blackBox-bg.jpg) repeat-x top left;}
.bg-white { background:#fff; }
.bg-white .grd-darkblue{background: none}
.bg-white .box{ padding:0; }

ul li.border-r{ padding-right:30px; border-color:#ddd;}
ul hr{ margin:0.8em 0; }

.inner{clear:both; padding:10px; overflow:hidden; position:relative;display: block;}

.border{border: 1px solid #ccc;}

.cat-img{background-repeat: no-repeat; background-position: bottom right; overflow:hidden}

#dialog{ display:none; }


/* Sidebar
--------------------------------------------------------------------------------------- */

#sidebar{margin:-13px 10px 0 0}

#nav-sub{margin-top:10px;}
#nav-sub ul{ list-style: none; margin: 0}
#nav-sub li{ clear:both; background:url(../images/layout/subnav-bg.png) repeat-x; -moz-border-radius:3px; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; margin-top:3px;}
#nav-sub li a{color:#808080; padding-left:10px; display:block; text-decoration: none; height:25px; line-height:25px; }
#nav-sub li a:hover,
#nav-sub li a.active,
#nav-sub li a.active:hover{text-decoration:none; background:url(../images/layout/subnav-bg_current.gif) repeat-x; -moz-border-radius:3px;}
#nav-sub li a.active{text-decoration:none; color:#003e90; font-weight:bold;}

#nav-sub ul li.current ul{ float:left; width:192px; margin:5px 15px; }
#nav-sub ul li.current ul li { border:none; border-bottom:1px dotted #ccc; background:none; display:block; }
#nav-sub ul li.current ul li a:hover{ background:none; color:#333; }
#nav-sub ul li.current ul li a.active{ background: url(../images/layout/nav-blueBox.png) no-repeat right 0; color: #fff; }
#nav-sub ul li.current ul li a.active span { background: url(../images/layout/nav-blueBox.png) no-repeat left 0; }

#nav-sub ul li.current ul li ul { width:177px; }
#nav-sub ul li.current ul li ul li a.active{ background:none; font-weight:bold; color:#333; }
#nav-sub ul li.current ul li ul li a.active span { background:none; }

/* Glossar | 02.02.10 */
#glossar{margin-top: 10px}
#glossar a{font-size:13px; border:1px solid #fff; display: block; width: 20px; height: 20px; float: left; margin: 0 5px 5px 0; text-decoration: none; text-align: center; line-height: 22px}
#glossar a:hover,
#glossar a.current{border: 1px solid #ccc; -moz-border-radius: 3px}
#glossar a.current{color: #777}


/* Buttons
--------------------------------------------------------------------------------------- */

.btn-more{font-weight:bold; font-size:12px; background:url(../images/buttons/btn_more.png); float:left; color:#7a919b; height:21px; border:none; line-height:21px; text-decoration:none; text-align:center; display:block; background-repeat:no-repeat; background-position: left top; cursor: pointer; outline: none}
.btn-more span{background:url(../images/buttons/btn_more.png); margin-left: 10px; padding-right: 10px; margin-right:-5px; display: block; background-repeat:no-repeat; background-position:right top; float: left; position: relative}
.btn-more:hover{color: #fff;text-decoration: underline}

.btn-more.btn-green{background:url(../images/buttons/btn_green.png) no-repeat; color:#fff !important;}
.btn-more.btn-green span{background:url(../images/buttons/btn_green.png) no-repeat right top;}

.btn-more.btn-grey{background:url(../images/buttons/btn_grey.png) no-repeat; color:#fff !important;}
.btn-more.btn-grey span{background: url(../images/buttons/btn_grey.png) no-repeat right top;}

.btn-more.btn-blue{background:url(../images/buttons/btn_blue.png) no-repeat; color:#fff;}
.btn-more.btn-blue span{background: url(../images/buttons/btn_blue.png) no-repeat right top;}

.art-list .view-all{border-bottom: none;margin-bottom: 0}
.view-all a,.archiv{background: url(../images/icons/archiv.png) no-repeat; height: 20px; width: 78px; text-indent: -9999px; float: right;}

.btn-big{color: #fff;width: 233px; height: 46px; background: url(../images/buttons/biggreenbutton2.png) no-repeat;display: block; line-height: 46px; text-align: center; font-size: 20px; text-decoration: none; margin-top: 40px}
.btn-big span{float: left; text-indent: -9999px}
#dialog .btn-big span{text-indent: 0px;color: #fff;text-align: center;width:100%}
.btn-big:hover{text-decoration: none; color: #fff}

.ui-dialog .ui-dialog-buttonpane{ margin:0 !important; padding:0 !important; }

/* Listen
--------------------------------------------------------------------------------------- */
.listx li{ list-style-image:url(../images/icons/kreuz.gif); line-height:18px; margin-bottom: 3px; font-weight:bold; color:#1c408c; list-style-position: inside}
.listchk li{ list-style-image:url(../images/icons/check.png); line-height:16px; font-weight:bold; }
.liststar li{ list-style-image:url(../images/icons/star.png); line-height:16px; font-weight:bold; }

.listbullet li{ list-style-image:url(../images/icons/bullet_green.png); line-height:16px; font-weight:bold; }
.col24 .listx li,
.col17 .listx li,
.col24 .listchk li,
.listbullet{font-size:13px; font-weight:normal;}

.list-content{clear:both;}
.list-content li{list-style:none;clear: both; background:url(../images/layout/line-content-bg.png) no-repeat top left; padding:10px 0; height:90px; margin-bottom:20px;}
.list-content strong{float:right; font-weight:normal; font-size:10px; clear:both;}


/* Images
--------------------------------------------------------------------------------------- */

.thumb{display: block; float:left;}
.thumb img{border: none;}


/* Icons
--------------------------------------------------------------------------------------- */

.new{position: absolute; top:12px; right:2px; background: url(../images/icons/new.gif) no-repeat; width: 33px; height: 42px; text-indent: -9999px; z-index: 10 }
.soon{position: absolute; top:12px; right:2px; background: url(../images/icons/soon.png) no-repeat; width: 56px; height: 79px; text-indent: -9999px; z-index: 10 }
.ico{padding-right: 15px; }
.ico-sitemap{background: url(../images/icons/ico_sitemap.gif) no-repeat right center;}


/* Forms
--------------------------------------------------------------------------------------- */

.forminfo{ color:#ff0000; }
.formgen{clear:both; float:left; margin-top:10px;}

form.form-def{position: relative; clear:both; display: block;}
.formgen form{ width: 667px}
input.txt{background: url(../images/forms/input-bg.gif) no-repeat top left; height: 17px; margin-left:12px; font-size: 1em; padding:3px 3px 0 3px; border: 2px solid #d2d2d2; width:170px}
input,
textarea{border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:2px solid #aaa; border-top:2px solid #aaa; width:300px; padding:3px;}

form.form-def fieldset{border:1px solid #E5E3DD; background: #F7F7F7; margin: 0 0 12px 0; padding: 6px 12px 12px 24px; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; clear: both; width: 100% }
form.form-def fieldset legend{font-size: 1.2em; font-weight:bold; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; display: block; float: left}
form.form-def p{position:relative; float:left; clear:both; margin:2px 0 !important; display: block; width: 100%}
form.form-def label{float:left; line-height:27px; width:140px; font-weight:bold; font-size:1.1em; cursor:pointer; }
form.form-def select{padding:1px 2px; font-size:0.9em;}
form.form-def select option{border-right:2px solid #fff;}
form.form-def .checkbox{ position:relative; width:629px; }
form.form-def .checkbox p{ margin: 10px 0 0 20px !important; font-size:0.9em; }
form.form-def .checkbox label{ float:right; font-weight:normal; line-height:1.4em; width:96%; cursor:pointer; }
form.form-def .checkbox input{ position:absolute; width:13px; margin:0; margin-left:-20px; }

.form-btn,
.form-btn strong input{ width:inherit !important; }
#doform374 .form-btn{ margin:10px 0 0 140px !important; }
#doform398 .form-btn input{ width:269px !important; }
#doform398 .form-btn strong,
#doform527 .form-btn strong{ margin:20px 140px; }

.formgen fieldset{ border:1px dashed #ccc; padding:10px; }
.formgen fieldset legend{ font-size:1.4em; clear: both}

.form-btn strong, a.form-btn{ background:url(../images/buttons/btn-green-big.png) no-repeat left top; color:#fff; cursor:pointer; float:left; height:27px; padding:0 0 0 40px; }
.form-btn strong input, a.form-btn span{ background:url(../images/buttons/btn-green-big.png) no-repeat right top; border:0 none; color:#fff; cursor:pointer; height:27px; padding:0 50px 3px 0; font-size:1.4em; margin-right:-8px; }

.form-btn-s strong{ background:url(../images/buttons/btn_blue.png) no-repeat left top; color:#fff; cursor:pointer; float:left; height:21px; padding:0 0 0 8px; }
.form-btn-s strong input{ background:url(../images/buttons/btn_blue.png) no-repeat right top; border:0 none; color:#fff; cursor:pointer; height:21px; padding:0 8px 3px 0; font-size:1em; margin-right:-8px; float: left; width: 140px }

form.form-def span.warning{ background:url(../images/forms/form-valid-box.png) no-repeat left top; white-space:nowrap; position:absolute; color:#8a1f11; height:28px; padding:0 0 0 24px; line-height:28px; top:-2px; left:455px; }
form.form-def span.warning b{ background:url(../images/forms/form-valid-box.png) no-repeat right top; height:28px; margin:0 -5px 0 0; padding:0 12px 0 0; display:block;}
form.form-def .checkbox span.warning{ left:0px; top:-10px; }

#search{position: absolute; right: 20px; top:110px;}
#search p{ width:190px; height: 28px; background: url(../images/forms/input-search.png) no-repeat; margin-right:8px; border: none; padding: 5px 0 0;}
#search input.txt{border: none; background: none; float: left; width: 135px}
#search .btn-search{background:url(../images/icons/loupe.png) no-repeat; height:24px; width:24px; border:none; text-indent:-5000px; font-size:0px; line-height:0px; cursor:pointer; outline:none; float: left;}

form.form-def.newsletter_signup .form-btn,
form.form-def.newsletter_signout .form-btn{ margin:10px 0 0 140px !important; }

#doform585 fieldset,
#doform590 fieldset{ overflow:visible; width:629px; }
#doform585 input[type="text"][readonly],
#doform585 textarea[readonly]{ background-color:transparent; border:none; }
#doform585 textarea[readonly]{ font-family:Arial; font-size:1.0em; line-height:1.6em; height:80px; }
form.form-def.event label{ width:50px; }
form.form-def.event input[type="radio"]{ width:13px !important; cursor:pointer; margin-left:0; border: none; }

form.form-def.event .btn-more {text-decoration:none; display: block; float: right; margin: 0}
form.form-def .btn-more strong input.form-btn,
form.form-def.event .btn-more input{ background:transparent; border:none; cursor:pointer; width:inherit; color:#fff; text-decoration:none; float: left }
form.form-def.event span.warning{ left:82px; top:5px; }
form.form-def .btn-more strong input.form-btn{ width:150px !important; }


/* Tables
--------------------------------------------------------------------------------------- */

.table-wrapper {width: 100%;margin: 0 auto;	font-size: 11px;}
.table-wrapper td, .table-wrapper th {border: solid #ddd;border-width: 0 0 1px 0;}
.table-wrapper th {font-weight: bold; font-size: 12px;}
.table-wrapper th a {color: #1f476f;display: block;display: inline-block;background-repeat: no-repeat;background-position: right center;padding: 0 16px 0 0;}

.approved {display: block;display: inline-block;padding: 0 20px 0 0;background:url(../images/tables/approved.gif) no-repeat right center;}
.pending {display: block;display: inline-block;padding: 0 20px 0 0;background:url(../images/tables/pending.gif) no-repeat right center;color: #b86464;}
.asc {background-image:url(../images/tables/asc.gif);}
.desc {background-image:url(../images/tables/desc.gif);}
.table-wrapper td , .table-wrapper th {text-align: left;padding: 0 12px;line-height: 26px;}
.table-wrapper th {}
.table-wrapper td {background: #F6FAFD}

.eventlist.table-wrapper td{ line-height: 1.5; vertical-align:top; padding:10px; }
.eventlist.table-wrapper td .form-btn strong, a.form-btn{ padding-left:20px; }
.eventlist.table-wrapper td .form-btn strong input, a.form-btn span{ padding-right:28px; }
.eventlist.table-wrapper td .cal-sheet{ margin-right:0 !important; margin-left:10px; }
.eventlist.table-wrapper td .cal-sheet .month{ height:14px; line-height:18px; }
.eventlist.table-wrapper td .cal-sheet .day{ height:17px; line-height:17px; }

.v-align-top{vertical-align:top;}
.v-align-bottom{vertical-align:bottom;}
.v-align-middle{vertical-align:middle;}


.actions {width: 126px;overflow: hidden;}
.actions .radio {vertical-align: middle;margin: 0;padding: 0;float: left;}

.actions ul {margin: 0;padding: 0;width: 150px;}
.actions ul li {float: left;list-style: none;margin: 0;padding: 0 11px 0 0;list-style: none;}

.actions ul a{display: block;width: 14px;height: 13px;text-indent: -3000px;	overflow: hidden;background-repeat: no-repeat;}

.action1 {background-image:url(../images/tables/action1.gif);}
.action2 {background-image:url(../images/tables/action2.gif);}
.action3 {background-image:url(../images/tables/action3.gif);}
.action4 {background-image:url(../images/tables/action4.gif);}


/* Language
--------------------------------------------------------------------------------------- */

#nav-top #lang{position:relative; float:right; right: 0; top: 2px; margin: 0 0 0 20px}
#lang li a{display: block; float: left}
#lang li{float:left;}
#lang .flag{height:16px; width:21px; cursor:pointer;}
#lang .flag_0{background:url(../images/flags/de.png) no-repeat;}
#lang .flag_1{background:url(../images/flags/uk.png) no-repeat;}
#lang .flag_2{background:url(../images/flags/fr.png) no-repeat;}
#lang li a{text-indent:-2000px; width:21px;}


/* Footer
--------------------------------------------------------------------------------------- */

/*#footer{ margin:0 0 20px 0; padding-bottom: 20px;}
#footer .wrapper{color: #667;}

#footer .social{display: block; float:left;margin-bottom: 20px; margin-left: 17px}
#footer .social span{margin:0 0 0 7px;font-size: 11px}
#footer .social a{float: left; margin: 0 7px 0 0; color: #667;}
#footer .legal{clear: both; text-align: center; display: block; margin:20px 0 0 0; }
#footer .legal p{ font-size: 11px}

#footer a{ text-decoration:none; color: #667;}
#footer ul{ margin:10px 18px 0 0; float:right; }
#footer ul li{ float:left; margin:0 0 0 15px; list-style:none; background:url(../images/arrow-r.gif) no-repeat left 6px; }
#footer ul li a{ font-size:1.0em; }
#footer ul li a:hover{ color:#333; }

#footer a.btn-ontop{background: url(../images/layout/nachoben.gif) no-repeat top; width: 72px; height: 15px; overflow: hidden; color: #777; display: block; float: left; padding-left: 9px; font-size: 11px}
#footer a.btn-ontop:hover{background-position: bottom;}*/

#footer{overflow: hidden; clear: both;}
#footer .wrapper{width: 970px}

#footer .info{overflow: hidden; padding: 20px 0 0;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
#footer .info ul{list-style: none;margin: 0;padding: 0}
#footer .info li{float: left; width: 160px; padding: 0; margin: 0}
#footer .info dt{font-size: 14px;}
#footer .info dd{margin-left: 0}

#footer .info a{text-decoration: none; color: #888; font-size: 11px}
#footer .info a:hover{text-decoration: underline}
#footer .info dt a{font-size: 14px; margin-bottom: 10px; display: block}
#footer .info #glossar dd a{font-size: 12px; width: 21px; height: 21px; margin: 0 4px 4px 0; display: block; float: left; border: 1px solid #fff; -moz-border-radius: 3px; text-align: center; padding: 0; line-height: 21px}
#footer .info #glossar dd a:hover{border-color: #ccc}

#footer .sub{ padding: 20px 0;}
#footer .sub ul{float: right; margin-bottom: 0; margin-right: 0}
#footer .sub a{text-decoration: none;color: #333}
#footer .sub a:hover{text-decoration: underline}
#footer .sub li{font-size:11px;float: left; margin: 0 3px 0 0; padding: 0; list-style: none; color: #ccc}

#footer .copyright{float: left; width:400px;color: #888; font-size: 11px; margin-bottom: 0}
#footer .copyright .op50{float: left; margin-right: 10px}

#footer #last-comments li{width: 320px; margin-bottom: 10px}
#footer #last-comments dt{color: #888; margin-bottom: 10px}

#footer #last-comments a{font-size: 12px; color: inherit}
#footer #last-comments em{color: #888}

#footer .social-icos{clear: both; text-align: right; display: block; margin-top: -20px; position: relative}