
/* START Banner */
#topbanner{position:absolute;left:3px;top:2px;}
#rightbanner{position:absolute;left:951px;top:4px}
#hockeybanner{position:absolute;left:0;top:4px}
#hockeybanner .top{float:left;width:951px}
#hockeybanner .right{margin-left:951px}
/* END Banner */


*{padding:0;margin:0;}
body { background: #fff; color: #494949;
	font-family: Arial, Helvetica;
	font-size: 12px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 400; line-height: 13px; padding: 0 0 0;
	}


a img, img{border:0;}

    a img { border: 0 none; }
    a.buttonsearchfield { display: block; float: left; height: 45px; width: 113px; line-height: 19px; background-repeat: no-repeat; background-position: top left; padding-left: 8px; padding-bottom: 4px; cursor: pointer; background-image: url(/gif/csspix/btn_find.jpg); }
    a.button { display: block; float: left; height: 21px; line-height: 19px; background-repeat: no-repeat; background-position: top left; padding-left: 8px; padding-bottom: 4px; cursor: pointer; background-image: url(/gif/csspix/btn_white_left.gif); }
    a.button span { display: block; float: left; color: #fff; height: 21px; line-height: 19px; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-position: top right; padding-right: 12px; padding-bottom: 4px; cursor: pointer; background-image: url(/gif/csspix/btn_white_right.gif); }
    a.grey { background-image: url(/gif/csspix/btn_grey_left1.gif); }
    a.grey span { background-image: url(/gif/csspix/btn_grey_right1.gif); }

a{
  text-decoration:none;color:#025291
 }
 a.linkextern{color: #727272;}
  .clear{overflow:hidden}
  .left{float:left}
  .right{float:right;}
  .center{display:block;text-align:center}
  .bold{font-weight:700;}
  .w80{width:80px}
  .textfield{border:1px solid #E2E3E3;color:#9A9A9A;font-size:10px;padding:1px;text-indent:3px;}
  .dropdown{border:1px solid #E2E3E3;color:#9A9A9A;font-size:10px;}
  h1{color:#FF5A00;font-size:16px;line-height:16px;text-transform:uppercase;margin: 20px 0 5px 13px}
  .date{font-size:10px;}
  #mainwrapper .red,.red{color: #FF5A00}
  #mainwrapper .pflichtfeld{color: #FF5A00;}
  .help,.warning,.backx{background-color:#4794E2}
  #mainwrapper .btn{cursor: pointer; background-color: #FF5A00; background-image: url(../gif/csspix/btn_bg.jpg); border: 0px solid #FF5A00; font-size:11px; color:#FFF; padding:2px 25px;}
   .radio{vertical-align:middle}
   .button{margin-left:5px;vertical-align:middle;font-size:10px;font-weight:bold;color:#D15400;border:0;background-color:transparent;padding:0;}
   .wordsearch{margin-right:10px;text-align:right}
   .small{font-size:9px;}
  #container{width:901px}

	#toptabs { background:#FFFFFF none repeat scroll 0%; border-top:5px solid #FFFFFF; border-bottom: 1px solid #CCC; width: 901px; height: 29px; position:relative;}
	#toptabs div {position:absolute;}


	/* .abstbottom{margin-bottom:4px;}*/
	.abstbottom{margin-bottom:0px;}
	.wrapleft{float:left}
	.wrapright{float:right}
/* Header */

	#header a{color: #025291; font-size: 10px; }
	#header .inner{margin: 0; padding: 0;height: 83px; }
        #header .horjobslogo {margin: 0 0 0 4px; padding: 0;}
	#header .wrapleft { margin: 13px 0 0 0}
        #header .wrapright {margin: 10px 0 0 0; text-align: right; width: 295px; }
        #header .wrapright .logintable{text-align: right; width: 295px;}
        #header .wrapright .logintable td{padding: 0; height: 50px; vertical-align: top;}
        #header .wrapright .logintable tr td{background-color: #FFFFFF;}
        #header .wrapright .logintable input{background: none; display: inline;}
        #loginlink, #loginfields{width: 185px;}
        #loginlink a.login{font-size: 14px!important; font-weight: bold!important;}
        table.logininput{ margin: 0!important;}
        table.logininput td{padding: 0 5px 0 0!important; height: 20px!important; vertical-align: middle!important; width: 175px; text-align: right;}
        table.logininput td a{ font-size: 10px!important; font-weight: normal!important;}

	#header .textfield { margin-bottom: 1px; width: 71px; }
	#header span{display:block;margin-top:4px}





/* Navigation */

#navigation {background-color: #fff; font-family: Arial, Helvetica; margin-left: -8px; padding: 4px;  height: 40px!important;}
#navigation .inner {width: 901px;}
#navigation .submenu {display: block; font-size: 12px; left: 0px; position: absolute; visibility: hidden; width: 770px; margin: 10px 0 0 0;}
#navigation ul { list-style-type: none; list-style-position: outside; list-style-type: none; }
#navigation li { border-right: 1px dotted #135496; float: left; height: 20px;}
#nav4{ border: none!important;}
#navigation li.on a span{ color: #FF5A00!important; }
#navigation li.on .submenu { visibility:visible; }
#navigation li.on .submenu a{ color: #025291;}
#navigation li.on .submenu li.on a{ color: #FF5A00; }
#navigation li li { border: none; color: #4592E0; height: auto; padding: 5px 8px; width: auto; }
#navigation li li a { color: #025291; display: block; height: auto; padding: 0; }
#navigation li li a:hover { color: #FF5A00;}
#navigation li .submenu ul { overflow: hidden; }
#navigation a { display: block; height: 20px; padding: 4px 10px 0 10px; }
#navigation a span.big { color: #115FAE; display: block; font-size: 12px; font-weight: bold; line-height: 17px; padding-bottom: 5px; }
#navigation a:hover span.big { color: #FF5A00;}
#navigation #partnerlogo{float: right;}
#navigation #partnerlogo a{padding: 0!important;}
#navigation .activenav{color: #FF5A00!important;}



/* Teaser */

#teaser { background-color: #e4ebf1; margin: 20px 0 0 4px; padding: 8px; height:120px; }
#teaser a { color: #025291; }
#teaser .inner { height: 120px; }
#teaser .wrapleft { padding: 8px 0 0 0px; height: 120px;}
#teaser .wrapright {width: 400px; }
#teaser #flashContent { width: 887px; height: 110px; }
#teaser ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 15px 57px 0 20px; }
#teaser ul a { background: transparent url(/gif/csspix/bg_teaser_li1.gif) no-repeat scroll 0 3px; display: block; padding: 0 0 9px 10px; font-size:11px; }
#teaser ul li { float: left; margin: 0; padding-left: 10px; width: 8em; }
#teaser .searchfield,
#mainwrapper .searchfield { border: 0px solid #000000; color: #494949; float: left; font-size: 15px!important; margin: 8px 0 0 8px; padding: 4px; width: 280px; }

#searchdiv{width: 422px; height: 50px;}
#searchinput{float: left; height: 45px; margin: 0; padding: 0; background: transparent url(/gif/csspix/hg_searchinput.jpg)}
#searchbutton{float: left; height: 25px; width: 110px;}
#teaser #schnellsuche{font-weight: bold; padding: 0 30px 0 0;}
#teaser #umkreissuche a{font-weight: bold; padding: 0 30px 0 0; color: #799EB9;}
#teaser #jdw{font-weight: bold; font-size: 14px; margin: 10px 0 0 0;}
#teaser #karussell{height: 190px; background-color: #ffffff; margin: 5px 0 0 0;}

#teaser .btn,
#mainwrapper .btn { margin-top: 7px;}
#searchheader{height: 10px; color: #025291; font-size: 14px; padding: 0 0 20px 0;}
#searchheader a{padding: 0 30px 0 0;}
#searchfooter{height: 10px; color: #025291; font-size: 14px; padding: 10px 0 0 0;}
#searchfooter a{padding: 0 30px 0 0; font-size: 12px; font-weight: bold;}





/* Startpage */
	#mainwrapper{margin-left:4px;}
	#mainwrapper .item{overflow:hidden;}
        #mainwrapper .full{border-top: 1px solid #025291;}
	#mainwrapper .wrapleft{width:671px}
	#mainwrapper .wrapright{width:221px;}
        #mainwrapper .wrapright .item { background-color: #E4EBF1; border-left: 1px solid #025291; padding: 0 3px;} 
	#mainwrapper .hr{background-color:#C2CCD6;height:1px;border:0;margin:7px 4px 14px;display:block;line-height:1px;font-size:1px}
	#index #mainwrapper h2,#page #mainwrapper .wrapright h2{color:#494949; font-size: 12px; padding: 8px 0 3px 10px; text-transform:uppercase; width:206px; line-height:11px;}
	#index #mainwrapper h3{color:#D15400;margin:0 5px 0 13px;font-size:12px;}
        #mainwrapper .wrapleft .box h2,#mainwrapper .wrapright .box h2{border-top: 1px solid #025291; color: #494949; font-size: 12px; font-weight: bold; text-transform: none!important; margin-bottom: 12px; padding: 8px 0 3px 10px; }
	#mainwrapper .wrapleft h3{margin-bottom:22px;font-size:14px;margin-top:17px;line-height:16px;text-transform:uppercase;}
	#mainwrapper .wrapleft .col3{overflow:hidden;}
	#mainwrapper .wrapleft .col3 div{width: 222px ;float:left;}
	* html #mainwrapper .wrapleft .col3 div{width: 222px;}
	#mainwrapper .wrapleft .col3 img{margin-left:13px;}
	#mainwrapper .wrapleft .col3 div.half{width:66.66%}
	* html #mainwrapper .wrapleft .col3 div.half{width:66.6%}
	#mainwrapper .wrapleft .col3 img.info{margin:17px 5px 0 0}
	.boxed{border-top:4px solid #E7EBF1;}
	.boxed .bgcolor1,.boxed .bgcolor2{;background-repeat: repeat-y;background-position: right 0}
	.bgcolor1{background-color:#E4EBF1}
	.bgcolor2{background-color:#C3DBF5}
	.bgcolor3{background-color:#B4D3F2}
	#page #mainwrapper .wrapleft .boxed h2{color:#494949;font-size:20px;margin:7px 5px 0 11px; line-height:28px;width:auto}
	#page #mainwrapper .wrapleft .boxed h3{color:#494949;font-size:14px;margin:0px 5px 10px 11px; line-height:14px;width:auto}
	.boxedb{border-bottom:4px solid #E7EBF1;margin-bottom:15px;}
	*+html .boxed{background-position:-1px 0}
	.boxed .item{padding:6px 0 10px;}
	#mainwrapper .wrapleft .boxed  .sheight{margin:0;padding:0;width:auto;float:none;height:160px;}
	html>body #mainwrapper .wrapleft .boxed  .sheight{height:auto;min-height:160px}
        .sheight h1{text-transform: none;}
	#page #mainwrapper .wrapleft .boxed h2{width:170px}
        #mainwrapper .wrapleft ul{padding:0 5px 0px 26px;}
	#mainwrapper .wrapright h3{margin:7px 13px 0}
	#mainwrapper .wrapright p{margin:0 13px 7px}
	#mainwrapper p{color:#474747;margin:0 5px 15px 13px;}
	#mainwrapper img{margin-left:4px;}
	#page #mainwrapper .wrapleft img{margin:0 5px 15px 13px}
        #page #mainwrapper .wrapleft img.left{margin:0 10px 15px 0}
	#boxes{background:#FFF url(/gif/csspix/bg_boxes.gif) repeat-y}
	#boxes .item{float:left;width:25%}
	#boxes .inner{padding:4px 0 0 8px}
	#boxes h2{color:#494949;font-size:16px;text-transform:uppercase;margin:15px 7px 0;line-height:16px;}
	#boxes h3{color:#4794E2;font-size:14px;text-transform:uppercase;margin:0 7px;line-height:14px;}
	#boxes p{margin:15px 7px}
	#boxes dl{padding:15px 7px 0;}
	#boxes dt,#boxes dd{padding:0 7px}
	#boxes dt{font-weight:700;background:transparent url(/gif/csspix/arrow_g.gif) no-repeat 0 3px}
	#boxes dd{padding-bottom:15px;}
/* Contentpage */
	.path {border-left:6px solid #4794E2;color:#717171;margin:6px 0 35px;text-indent:11px}
	.path a{color:#9D9C9C}
	#page #mainwrapper .wrapleft  h2{font-size:15px;margin:15px 0 15px 13px;font-weight:700;line-height:15px;}
        #page #mainwrapper .wrapleft  h2 input{font-size:16px; color: #494949;}
	#page #mainwrapper .wrapleft  h3{font-size:15px;margin:15px 0 15px 13px;font-weight:700;line-height:15px;text-transform:none;}
	#mainwrapper .pagefuncions{color:#333;padding:8px 13px 0;float:right;}
	#mainwrapper .pagefuncions img{list-style-position: isinde; margin:00;float:left;overflow:hidden;padding:0 5px 0 0;vertical-align:middle;}
	#mainwrapper .wrapright ul{margin-bottom:15px;}
        #mainwrapper .wrapright ul.inner{margin: 3px 0 0 15px;}
	#mainwrapper .wrapright li{padding:0 5px 5px 10px;}
	#mainwrapper .wrapright .linklist a{padding:0 5px 5px 25px;display:block;background:#FFF url(/gif/csspix/bg_ul_a.gif) no-repeat 15px 5px;color:#494949;}
	#mainwrapper .wrapright .linklist li{padding:0}
	#mainwrapper .wrapright .banner{margin-left:9px;}

        .contentitem{background-color: #E4EBF1; margin: 0 0 0 12px; width: 650px;}
        .contentitem2{background-color: #E4EBF1; margin: 0 0 0 4px; width: 650px;}
        .innercontentitem{background-color: #E4EBF1; padding: 0; width: 650px; margin-left: 12px;}
        .zweidrittel{float: left; width: 445px; height: 580px;}
        .eindrittel{float: left; width: 190px; height: 580px; padding: 0 8px 0 8px;}

        table.printformate td{vertical-align: top;}

        .leftitem1{float: left; width: 310px!important; padding: 5px; border-right: 1px solid #025291;}
        .rightitem1{float:right; width: 310px!important; padding: 5px;}
        .leftitem2{float: left; width: 310px!important; padding: 5px; border-top: 1px solid #025291; border-right: 1px solid #025291;}
        .rightitem2{float:right; width: 310px!important; padding: 5px; border-top: 1px solid #025291;}
        .inneritem{background-color: #E4EBF1; width: 310px!important; min-height: 150px;}
        .inneritem div.sheight{width: 280px!important;}
        .inneritem2{background-color: #E4EBF1; width: 310px!important; min-height: 230px;}
        h1.itemheader{color: #474747; font-weight: bold;}

/* OrderForm */
	form.order{width: 570px;margin-left:13px;}
	.quarter,.half{overflow:hidden;margin-bottom:5px;}
	.quarter div{width:130px;float:left;}
	.quarter .textfield{width:117px;padding:3px 1px;font-size:10px;border:1px solid #CFCFCF}
	.half div{width:260px;float:left;overflow:hidden}
	.half div.text{width:340px}
	.half .textfield,.half select{width:247px;border:1px solid #CFCFCF;padding:3px 1px;font-size:10px}
	.half select{width:250px;}
	.half div.halfhalf input{width:117px}
	.half div.halfhalf{width:130px;float:left}
	.half div.two3 input{width:149px}
	.half div.two3{width:162px;float:left}
	.half div.one3 input{width:85px}
	.half div.one3{width:98px;float:left}
	.quarter label,.half label{margin-right:20px;display:block;padding-bottom: 4px;}
	.quarter .help,.half .help{float:right;}
	#mainwrapper .abst{margin-left:28px}
	.checkboxleft{float:left;width:15px;height:15px}
	#page #mainwrapper .wrapleft .order img{margin:0 10px 0 0;}
	sup{vertical-align:top}

/* Reiter */
	#mainwrapper .wrapleft .navbar {list-style:none;padding-left:0;margin:10px 0 0 13px;overflow:hidden}
	#mainwrapper .wrapleft .navbar li{float:left}
	#mainwrapper .wrapleft .navbar a{color:#000000;padding:5px 18px;display:block;text-decoration:none; width: 10em;}
	#mainwrapper .wrapleft .navbar a.on,#mainwrapper .wrapleft .navbar a:hover{ font-weight: bold;}
	#mainwrapper .wrapleft .navbar img{margin:0 8px 0 0 !important}
	#page #mainwrapper .wrapleft ul.horizontal{list-style:none;overflow:hidden;padding-left:13px}
	ul.horizontal li{float:left; width: 140px;}
	#page #mainwrapper .wrapleft ul.horizontal img{margin:0 5px 0 0}
	#mainwrapper .wrapleft .navbarsmall a{padding:3px 5px 3px 6px;width:107px;}

/* Newsbox */
	#mainwrapper .newsbox{margin: 0 0px 0 1px;display:block;overflow:hidden;margin-bottom:4px;}
	#mainwrapper .newsbox li{background:transparent url(/gif/csspix/bg_ul_li.gif) no-repeat 10px 5px;padding-left:18px;padding-right:5px}
	#mainwrapper .newsbox ul{margin:10px 0;list-style:none;padding:0}
	#page #mainwrapper .wrapleft .newsbox h3{color:#1260AF;margin:0;font-size:12px;padding:10px 2px 2px 10px}

/* Result */
	#page .result #mainwrapper{background-image:none;}
	#page .result table{border-collapse:separate;margin:0 0 48px 5px;width:888px;border-spacing:0;table-layout:fixed;}
	#page .result td,#page .result th{border-right:2px solid #FFF;}
	#page .result th{background-color:#4794E2;color:#FFF;font-weight:700;text-align:left;line-height:14px;text-indent:10px;}
	#page .result th a{display:block;color:#FFF;background:transparent url(/gif/csspix/bg_th_a.gif) no-repeat;text-indent:21px;}
	#page .result th a:hover{text-decoration:underline}
	#page .result tr:hover td{background-color:#B4D3F2}
	#page .result .top td{background-color:#DCE7F3;border-bottom:1px solid #BAD0E8}
	#page .result .high td{background-color:#E4EBF1;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
	#page .result .low td{border-top:1px solid #FFF;border-top:1px solid #BAD0E8;border-bottom:1px solid #BAD0E8}
	#page .result td{padding:2px 4px 2px 17px}
	#page .result td a{color:#D15400;font-weight:700;}
	#page .result td a:hover{text-decoration:underline}
	#page .result table input{background:transparent url(/gif/csspix/btn_merken.gif) no-repeat center;display:block;height:18px;width:47px;}
        .hits .left{color:#8B8B8B;margin:0 0 8px;padding:0 0 0 13px;}
	.hits .right{margin-right:22px;}
	.hits .textfield{width:70px;}
	.pagerbar {height: 35px;color:#FF5A00; background-color:#E4EBF1; margin:7px 15px 6px 0;}
	.pagerbar .right{margin:11px 8px; color: #025291!important;float: right!important;}
	.pagerbar .right,.pagerbar .right a{color:#FF5A00;}
	.pagerbar .right a:hover{text-decoration:underline}
	.pagerbar .right span.on{color:#FF5A00;font-weight:700;}
        .pagerbar .right a.off{color:#025291!important;font-weight:700;}
	.pagerbar .left ul{list-style:none; padding: 0!important; font-weight: bold;}
        .pagerbar li.on{height: 35px!important;}
        .pagerbar li span{padding: 10px 9px 12px 9px; display: block; font-weight: normal; color: #025291;}
        .pagerbar li.on span{font-weight: bold; color: #FF5A00;}
	.pagerbar li{float:left; border-right: 1px dotted #025291;}
	.pagerbar li a:hover{color:#FF5A00}
	.pagerbar .left a{color:#025291;display:block;padding:10px 9px 12px}
	.pagerbar .left{background-color: #E4EBF1;}
        .pagerbar .ansichtauswahl{padding-left: 20px; float: right;}        
        .pagerbar .ansichtauswahl a{color: #025291;}
	.spa_date{width:90px;}
	.spa_title{}
	.spa_comp{width:200px}
	.spa_city{width:150px}
	.spa_mark{width:80px;}

        #alph1 li{ border: 0px solid #025291;}

/* Hitlist */
        .hitlist{width: 882px;}
        .hitlist th{height: 25px;}
        .hitlist td{height: 25px; padding: 5px; border-bottom: 1px solid #025291; border-right: 1px dotted #025291;}
        .hitlist tr.head{background-color:#E4EBF1; }
        .hitlist tr.high {background-color: #FFFFFF;}
        .hitlist tr.low{background-color:#E4EBF1;}

/* Hitslist */
        .hitslist th{height: 25px;}
        .hitslist td{padding: 5px; border-bottom: 1px solid #025291; border-right: 1px dotted #025291;}
        .hitslist tr.tableheader{background-color:#E4EBF1; }
        .hitslist tr.high {background-color: #E4EBF1;}
        .hitslist tr.low{background-color: #FFFFFF;}
        .hitslist tr.headerbottom td{background-color: #E4EBF1; line-height: 8px;}


/* Footer */
	#footer { background-color: #ffffff; color: #474747; margin-left: 4px; padding: 11px 0 63px 6px; border-top: 1px solid #025291;}
/* Popup */
	.popup{padding-top:35px}
	.popup .inner{padding:40px 5px 40px 3px}
	.popup .path{margin-bottom:10px;}
	.popup h1{margin-left:17px;}
	.popup .boxedb{margin-bottom:4px}
	.popup #popupheader{padding:4px;background-color:#FFF;margin: 0 0 0 4px;border-bottom:4px solid #E7EBF1;}
        #popupheader h3{margin-left: 13px;}
	.switchwraps{background:#E7EBF1 url(/gif/csspix/popup_bg.gif) repeat 0 0}
	.switchwraps .wrapleft{float:right;}
	.switchwraps .wrapright{float:left;}
	.switchwraps #mainwrapper{background-position: 221px 0}
	.descr {margin:0pt 5px 15px 13px;}
/* Fixfloat */
	.fixfloat {clear:both;float:none;font-size:0;height:0;line-height:0;margin:0;padding:0;width:0;}

        .kontigentetable td{ padding: 5px 0 0 0;}
        .inneroverviewbox{padding: 0px 0 10px 13px; width: 285px!important;}
        .inneroverviewbox ul{padding-top: 10px!important; padding-bottom: 10px!important; width: 100%!important;}
        h1.overviewboxh1{color: #000000; font-size: 12px; font-weight: bold; padding: 0 0 10px 0; text-transform: none!important;}
        a h1.overviewboxh1{color: #025291!important;}

        .loginleft{float:left;background-color: #E4EBF1; margin: 0 5px 0 13px; width: 300px; padding: 10px; min-height: 195px;}
        .loginright{float:left;background-color: #E4EBF1; margin: 0; width: 300px; padding: 10px; min-height: 195px;}
        .loginright ul{margin: 10px 0 10px -10px; list-style: outside;}

        h1.registrationh1{color: #000000; font-size: 12px; font-weight: bold;}


        span.checkboxtext{padding-bottom: 3px;}
        .spezformmoney1{padding-right: 5px;}
        .legende{ margin-left: 550px;}
        .legende img{margin: 0!important;}
        .legende .legendeimg{margin: 0; width: 20px; height: 20px; float:left;}

        .loginbuttoninput{width: 7px!important; height: 11px!important; background-image: url(/gif/csspix/btn_go.gif)!important; background-repeat: no-repeat!important; border: 0px solid #ffffff; background-color: #FFFFFF;}

        .wordsearch img{margin: 0!important;}

