/* global
----------------------------------------------------------------- */
* { border: 0; margin: 0; padding: 0; }
*:focus { outline:none; }

html { height: 100%; }
body { background-color: #107e8b; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 30px; text-align: center; }

select,
input,
textarea { font-size: 99%; }

th { text-align: left; } /* Opera */

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }



/* clearfix
----------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/* helper classes
----------------------------------------------------------------- */
.clear { clear: both; }
.last { margin-right: 0 !important; }
.left { float: left; }
.tleft { text-align: left; }
.right { float: right; }
.tright { text-align: right; }
.behind { z-index: 1; }
.tsmall { font-size: 10px; }
.pale { color: #888888; }
.block { display: block; }

.button { display: block; overflow: hidden; }
.loading { background: url(/images/icons/loader.gif) no-repeat center center; }
.visibilityHidden { visibility: hidden;}


/* general site structure
----------------------------------------------------------------- */
#msn_header { background: url(/images/backgrounds/msn-header.gif) repeat-x; height: 50px; font-size: 11px; padding: 0 15px; position: absolute; top: 0; width: 942px; z-index: 1000; }
#msn_header .logo { float: left; margin: 12px 0 0 8px; }
#msn_header a.parents { background: url(/images/buttons/elternbereich.png) no-repeat; float: right; height: 27px; margin-top: 12px; width: 98px; }
#msn_header a.parents:hover { background-position: right; }
#msn_header a.kids { background: url(/images/buttons/kinderbereich.png) no-repeat; float: right; height: 27px; margin-top: 12px; width: 101px; }
#msn_header a.kids:hover { background-position: right; }

#wrapper { font-size: 12px; margin: 0 auto; text-align: left; width: 972px; }
#stage { height: 472px; position: relative; top: 100px; width: 972px; z-index: 500; }
#content { background: url(/images/backgrounds/content.gif) no-repeat left bottom; color: #555555; padding: 100px 0 92px; width: 972px; } /* padding: 105px 0 56px; */
#content .header { background: url(/images/backgrounds/content-header.png) no-repeat; padding: 100px 0 0 70px; height: 74px; width: 902px; }
#content .body { background: #fff url(/images/backgrounds/content-body.gif) no-repeat; font-size: 13px; line-height: 18px; padding: 0 30px 0 70px; width: 872px; }

#teaserbox { background: url(/images/backgrounds/teaserbox.gif) no-repeat; height: 162px; margin-bottom: 4px; padding: 0 22px 0 26px; width: 924px; }
#teaserbox .teaser { background: url(/images/backgrounds/teaser.gif) no-repeat; float: left; height: 131px; margin-right: 9px; padding: 8px 13px 10px 8px; width: 281px; }
#teaserbox .teaser a:hover { text-decoration: none; }
#teaserbox .teaser a.image { background-position: left top; background-repeat: no-repeat; height: 93px; padding: 38px 12px 0; width: 257px; position:relative; top:-100px; z-index:2; }
#teaserbox .teaser a.image:hover { background-position: right top; color: #fff; cursor: pointer; overflow: hidden; }
#teaserbox .teaser span.text { font-weight: bold; padding: 64px 0 0 11px; text-align: left; }
#teaserbox .teaser span.seo { display:block; height:100px; left: 0; position: relative; z-index: 1; }
#teaserbox .teaser span.news { left: 0; position: relative; top: -76px; z-index: 3; }
#teaserbox .teaser span.tip_title { left: 0; font-size: 16px; font-weight: bold; position: relative; top: -80px; width: 130px; z-index: 10; }
#teaserbox .teaser span.tip_description { left: 0; font-size: 14px; font-weight: normal; position: relative; top: -80px; width: 130px; z-index: 10; }
/* #teaserbox .teaser img.surftip { left: 150px; position: relative; top: -129px; z-index: 10; } */

#toolbar { background: url(/images/backgrounds/toolbar.gif) repeat-x; height: 29px; padding: 6px 15px 0; width: 942px; }
#toolbar p { margin-top: 4px; }
#toolbar ul.style_switch { background: url(/images/backgrounds/style-switch.gif) no-repeat; float: left; height: 20px; list-style-type: none; margin: 0 5px 0 8px; padding: 4px 0 0 14px; width: 144px; }
#toolbar ul.style_switch li { display: inline; float: left; margin-right: 8px; }
#toolbar .button { float: right; height: 20px; padding-top: 4px; text-align: center; }
#toolbar .bookmark { background: url(/images/backgrounds/btn-seite-merken.gif) no-repeat; margin-left: 6px; width: 105px; }
#toolbar .recommend { background: url(/images/backgrounds/btn-freunden-weitersagen.gif) no-repeat; width: 168px; }

#msn_footer { background: url(/images/backgrounds/msn-footer.png) no-repeat; height: 21px; padding: 7px 15px 0; width: 942px; }
#msn_footer .logo { float: right; margin-top: 2px; }
#msn_footer ul { list-style: none; }
#msn_footer li { float: left; font-size: 10px; margin-right: 4px; }
#msn_footer li a { margin-left: 4px; }



/* topnavigation
----------------------------------------------------------------- */
#topnav { height: 40px; list-style-type: none; margin-bottom: 14px; position: absolute; top: 50px; width: 972px; z-index: 500; }
#topnav li { cursor: pointer; margin: 0; padding: 0; height: auto; float: left;  }
#topnav .wrapper { float: left; width: 747px; }
#topnav .select { margin: 0; padding: 0; list-style: none; display: table-cell; white-space: nowrap; }
#topnav .select a { background: url(/images/navigation/bg-top.gif) repeat-x; color: #fff; display: block; float: left; height: 40px; line-height: 40px; text-decoration: none; white-space: nowrap; }
#topnav .select a strong { padding: 0 15px 0; float: left; font-weight: normal; }

#topnav .select a:hover, 
#topnav .select li:hover a, 
#topnav .select.active a { background: url(/images/navigation/bg-top-hover.gif) repeat-x ; color: #fff; cursor: pointer; text-decoration: none; }
#topnav .select li .border_left { background: url(/images/navigation/bg-top-left.gif) no-repeat; float: left; height: 39px; width: 2px; }
#topnav .select li:hover .border_left, 
#topnav .select.active li .border_left { background: url(/images/navigation/bg-top-hover-left.gif) no-repeat; }
#topnav .select li .border_right { background: url(/images/navigation/bg-top-right.gif) no-repeat; float: left; height: 39px; width: 2px; }
#topnav .select li:hover .border_right, 
#topnav .select.active li .border_right { background: url(/images/navigation/bg-top-hover-right.gif) no-repeat; }

#topnav .select_sub { display: none; width: auto; }
#topnav .sub { list-style: none; margin: 0 auto; padding:0; width: 972px;   }
 
#topnav .select :hover .select_sub { display: block; left: 0; padding: 0; position: absolute; top: 40px; width: 792px; z-index: 100; }
#topnav .select.active .select_sub { display: block; left: 0; padding: 0; position: absolute; top: 40px; width: 792px; z-index: 10; }

#topnav .select :hover .sub li, 
#topnav .select.active .sub li { height: 27px; line-height: 27px; }
#topnav .select :hover .sub li a, 
#topnav .select.active .sub li a { background: none; color: #fff; height: 27px; line-height: 27px; text-decoration:none; }

#topnav .select :hover .sub li strong, 
#topnav .select.active .sub li strong  { background-color: #85c638; display: block; height: 27px; float:left; padding: 0 15px; margin: 0; white-space: nowrap; }
#topnav .select :hover .sub li :hover strong, 
#topnav .select.active .sub li :hover strong,
#topnav .select.active .sub li.active strong { text-decoration:none; background: url(/images/navigation/bg-sub-hover.gif) repeat-x; }
#topnav .select :hover .sub li .border_right, 
#topnav .select.active .sub li .border_right { height:27px; background: url(/images/navigation/bg-sub-right.gif) no-repeat; width:3px; }
#topnav .select :hover .sub :hover .border_right, 
#topnav .select.active .sub :hover li .border_right,
#topnav .select.active .sub li.active .border_right { background: url(/images/navigation/bg-sub-hover-right.gif) no-repeat; }
#topnav .select :hover .sub li .border_left, 
#topnav .select.active .sub li .border_left { height: 27px; background: url(/images/navigation/bg-sub-left.gif) no-repeat; }
#topnav .select :hover .sub :hover .border_left, 
#topnav .select.active .sub :hover .border_left,
#topnav .select.active .sub li.active .border_left { background: url(/images/navigation/bg-sub-hover-left.gif) no-repeat; }

#topnav a.download { background: url(/images/buttons/download-top.png) no-repeat; float: right; height: 27px; margin: 6px 15px 0 0; width: 210px; }
#topnav a.download:hover { background-position: right top; }



/* homepage adjustments
----------------------------------------------------------------- */
body.silver { background: #bebfbf url(/images/backgrounds/body-silver.jpg) repeat-y; }
body.blue { background: #54a0d9 url(/images/backgrounds/body-blue.jpg) repeat-y; }
body.turquoise { background: #107e8b url(/images/backgrounds/body-turquoise.jpg) repeat-y; }
body.pink { background: #d7548d url(/images/backgrounds/body-pink.jpg) repeat-y; }
body.violet { background: #713799 url(/images/backgrounds/body-violet.jpg) repeat-y; }
body.green { background: #4f7c21 url(/images/backgrounds/body-green.jpg) repeat-y; }

body.home #teaserbox { background: url(/images/backgrounds/teaserbox-home.gif) no-repeat; margin-top: 100px; }
body.home #teaserbox .teaser { background: url(/images/backgrounds/teaser-home.gif) no-repeat; }



/* parent area adjustments
----------------------------------------------------------------- */
/* body.parents #content { padding-top: 89px; } */
body.parents #content { background: url(/images/backgrounds/content-eltern.gif) no-repeat left bottom; padding-bottom: 56px; }
body.parents #content .header { background: url(/images/backgrounds/content-header-eltern.png) no-repeat; height: 50px; padding: 113px 0 0 53px; width: 919px; }
body.parents #content .body { background: #fff; padding: 0 30px 30px 53px; width: 889px; }


#toolbar .fixedWidth {
	width: 320px;
}


/* content - subnavigation
----------------------------------------------------------------- */

#content #subnav { height: 63px; margin: 0 0 30px -18px; }
/* 2 itmes */
#content .subnav_62 { background: transparent url(/images/subnav/subnav_bg_62.gif) no-repeat top left; width:231px; }
/* 5 items */
#content .subnav_65 { background: transparent url(/images/subnav/subnav_bg_65.gif) no-repeat top left; width:563px; overflow: hidden; }
 

#content #subnav ul { width:auto; height:auto; list-style-type: none; padding:30px 0 0 5px; }
#content .subnav_65 ul{padding-top: 15px ! important;}
#content #subnav ul li { height:auto; float:left; cursor:pointer; margin:0 1px 0 0;	padding:0; display:block; background:none; }

#content #subnav ul li .border_left, 
#content #subnav ul li .border_right { background:url(/images/subnav/subnav_item_left.png) no-repeat top left; float:left; width:3px; display:block; height:27px; }
#content #subnav ul li .border_left { background:url(/images/subnav/subnav_item_left.png) no-repeat top left; }
#content #subnav ul li a.first .border_left {	background:url(/images/subnav/subnav_item_left_first.png) no-repeat top left; width:12px; }
#content #subnav ul li :hover .border_left, 
#content #subnav ul li.active .border_left { background:url(/images/subnav/subnav_item_left_hover.png) no-repeat top left; }
#content #subnav ul li a.first:hover .border_left, 
#content #subnav ul li.active a.first .border_left { background:url(/images/subnav/subnav_item_left_hover_first.png) no-repeat top right; }
#content #subnav ul li .border_right { background:url(/images/subnav/subnav_item_right.png) no-repeat top right; }
#content #subnav ul li :hover .border_right, 
#content #subnav ul li.active .border_right { background:url(/images/subnav/subnav_item_right_hover.png) no-repeat top right; }
#content #subnav ul li a.last .border_right { background:url(/images/subnav/subnav_item_right_last.png) no-repeat top right; width:12px; }
#content #subnav ul li a.last:hover .border_right, 
#content #subnav ul li.active a.last .border_right { background:url(/images/subnav/subnav_item_right_hover_last.png) no-repeat top  right; }

#content #subnav ul li a { font-size:13px; color:#ffffff; display:block; float:left;  height:27px; line-height:27px; text-decoration:none;  }
#content #subnav ul li strong { background:#a2cbe8 url(/images/subnav/subnav_item.png) repeat top left; height:27px; display:block; float:left; padding:0 7px 0 5px; font-weight:normal; cursor:pointer;  }

#content #subnav:first-of-type ul li strong { padding:0 3px 0 5px; }
#content #subnav ul li a.first strong { padding:0 7px 0 0px; }
#content #subnav ul li a.last strong { padding:0 0px 0 6px; }
#content #subnav ul li a:hover strong, 
#content #subnav ul li.active strong { background:#4595d0 url(/images/subnav/subnav_item_hover.png) repeat top left; }
#content #subnav li a strong {color:#ffffff ! important;}


/* search
----------------------------------------------------------------- */
*+html #search_div { /*nur IE7*/
    width: 282px;
    height: 41px;
    background: url(/images/search/fragfinn_search.jpg) no-repeat;
    position: absolute;
    top: 0px;
    margin-left: 230px;
}
#search_div {
    width: 282px;
    height: 41px;
    background: url(/images/search/fragfinn_search.jpg) no-repeat;
    position: absolute;
    top: 0px;
    margin-left: 552px;
}
.searchinput {
    position: absolute;
    margin-top: 20px;
    margin-left: 120px;
    width: 115px;
}
.searchweb {
    position: absolute;
    margin-top: 20px;
    margin-left:239px;
    width: 30px;
    height: 13px;
    background-color: transparent; 
    cursor: hand;
}