﻿/* default content definitions
----------------------------------------------------------------- */

#content .body { line-height: 16px;}

#content .body .introtext { margin-bottom: 50px; padding-right: 43px; }

#content .body p.bold { font-weight: bold; margin-bottom: 20px; }
#content .body .paragraph { margin-bottom: 30px;  }
#content .body .single_paragraph,
#content .body .rightcol .paragraph { padding-right: 43px; }
#content .body .mainblack { color:#000000; padding-bottom: 15px;}
#content .body .rightcol img.left { padding-right: 43px; }
#content .body h2, #content .body .paragraph h2, #content .body .paragraph h3 { color: #4595d0; font-size: 18px; font-weight: normal; margin-bottom: 14px; }
#content .body .paragraph ul { list-style: none; padding:0 0 3px 0; }
#content .body .paragraph ul li { background: url(/images/icons/bullet.gif) 0 4px no-repeat; margin: 0 0 6px 2px; padding-left: 18px; }
#content .body .paragraph p { margin-bottom: 14px; }
#content .body .paragraph p strong { color: #4C4C4C; }
#content .body .paragraph strong { color: #4595d0; }

#content .body a.crosslink { float: left; margin-left: 181px; margin-top: 30px; }


/* sliderbox home
----------------------------------------------------------------- */

#sliderbox { height: 102px; padding: 15px; width: 914px; }

#sliderbox .toprow { height: 30px; }
#sliderbox .toprow h3 { background: url(/images/headlines/mein-messenger.png) no-repeat; float: left; height: 18px; margin-right: 15px; width: 115px; }
#sliderbox .toprow .locator { display:none; }
#sliderbox .toprow .locator a { background: url(/images/slider/locator_inactive.png) no-repeat; float: left; height: 4px; margin: 10px 5px 0 0; width: 4px; }
#sliderbox .toprow .locator a.current { background: url(/images/slider/locator.png) no-repeat; }

#sliderbox .toprow a { color: #d8d9db; text-decoration: none; }
#sliderbox .toprow a:hover { color: #4595d0; }
#sliderbox .toprow a.current { color: #4595d0; }
#sliderbox .toprow .tabs { color: #d8d9db; float: right; }
#sliderbox .toprow .tabs a { margin-left: 12px; padding-left:12px; border-left: 1px solid #d8d9db; }
#sliderbox .toprow .tabs a.first { border:none }

#sliderbox .slider { height: 75px; width: 914px; display:none; }
#sliderbox .slider .nav { float: left; height: 47px; padding-top: 28px; }
#sliderbox .slider .nav a { height: 18px; width: 18px; }
#sliderbox .slider .prev { background: url(/images/slider/prev_bg.png) no-repeat right top; width: 24px; }
#sliderbox .slider .prev a { background: url(/images/slider/prev.png) no-repeat left top; }
#sliderbox .slider .prev a:hover { background-position: right top; }
#sliderbox .slider .prev a.disabled { background-position: center top; }
#sliderbox .slider .next { background: url(/images/slider/next_bg.png) no-repeat left top; height: 46px; padding: 29px 0 0 5px; width: 19px; }
#sliderbox .slider .next a { background: url(/images/slider/next.png) no-repeat left top; }
#sliderbox .slider .next a:hover { background-position: right top; }
#sliderbox .slider .next a.disabled { background-position: center top; }
#sliderbox .slider .pane { background-color: #223545; float: left; height: 75px; overflow: hidden; position: relative; width: 866px; z-index: 2; }
#sliderbox .slider .pane ul { list-style-type: none; padding: 15px 0 0 22px; position: relative; z-index: 1; }
#sliderbox .slider .pane ul li { height: 45px; float: left; overflow: hidden; width: 211px; }
#sliderbox .slider .pane ul li a { color: #fff; text-decoration: none; }
#sliderbox .slider .pane ul li a:hover { color: #4595d0; }
#sliderbox .slider .pane ul li a img { float: left; height: 45px; margin-right: 8px; width: 45px; }
#sliderbox .slider .pane ul li a.button { height: 28px; }
#sliderbox .slider .pane ul li img.rating { float: left; margin-top: 5px; }



/* sliderbox default (buddy scouts)
----------------------------------------------------------------- */

#sliderbox.default { position:relative; height:92px; margin-bottom:30px; width:920px; padding: 0; margin: 0 0 30px -16px; background:#ffffff url(/images/slider-default/bg.gif) no-repeat bottom left; }
#sliderbox.default .prev, #sliderbox.default .next { font-size:0px; line-height:0px; text-indent:-3000px; position:absolute; top:45px; height:30px; width:30px; display:block; cursor:pointer; }
#sliderbox.default .prev { left:0px; background:url(/images/slider-default/prev.gif) no-repeat top left; }
#sliderbox.default .disabled { display:none; }
#sliderbox.default .next { left:890px; background:url(/images/slider-default/next.gif) no-repeat top left; }
#sliderbox.default .prev:hover, #sliderbox.default .next:hover { background-position:bottom; }
#sliderbox.default .pane { width:824px; height:78px; position:relative; top:0px; left:64px; overflow:hidden; }
#sliderbox.default .pane ul  { list-style-type:none; position:relative; }
#sliderbox.default .pane ul li { width:200px; height:78px; margin-right:6px; float:left; overflow:hidden; position:relative; }
#sliderbox.default .pane ul li img {width:80px; height:78px; float:left; margin-right:12px;   }
#sliderbox.default .pane ul li .info { float:left; padding-top:10px; height:68px;  width:105px; }
#sliderbox.default .pane ul li .info a { font-weight:bold;  }
#sliderbox.default .pane ul li .info p { }
#sliderbox.default .pane ul li .mask { position:relative; z-index:10; top:-78px; left:0px; }
#sliderbox.default .pane ul li .mask img { width:80px; height:78px; float:none; }


/* teaserbox
----------------------------------------------------------------- 

#teaserbox { font-size: 13px; padding-top: 14px; }
#teaserbox .teaser { background: url(/images/teaser/teaser_bg.png) no-repeat; float: left; height: 138px; margin-right: 14px; padding: 15px 15px 0; width: 275px; }
#teaserbox .teaser.last { margin: 0 0 0 1px; }
#teaserbox .teaser a:hover { text-decoration: none; }
#teaserbox .teaser a.image { position:relative; z-index:2; top:-106px; background-position: left top; background-repeat: no-repeat; height: 80px; padding: 50px 13px 0; width: 249px; }
#teaserbox .teaser a.image:hover, #teaserbox .teaser span.text:hover { background-position: right top; overflow: hidden; color: #FFFFFF; cursor:pointer;}
#teaserbox .teaser span.text {display:block; overflow:hidden; height: 18px; padding-top: 62px; padding-right: 15px; text-align: right; }
#teaserbox .teaser span.news { position: relative; z-index:3; top:-80px; }
#teaserbox .teaser span.buddyonline { position: relative; z-index:3; top:-70px; }
#teaserbox .teaser .buddyimg { background-position:180px 10px; background-repeat:no-repeat; position: relative; top:-162px; margin-left:-13px; margin-right:-13px; display:block; height:106px; overflow:hidden;}
#teaserbox .teaser .maskimg { position: relative; }
#teaserbox .teaser span.seo { position:relative; z-index:1; display:block; height:106px;}
*/

.teaserbox { font-size: 13px; padding-top: 14px; z-index: 3; }
.teaserbox .teaser { float: left; height: 143px; margin-right: 14px; padding: 15px 15px 0; width: 275px; }
.teaserbox .teaser.last { margin: 0 0 0 1px; }
.teaserbox .teaser a {color: #3d4c69;}
.teaserbox .teaser a:hover { text-decoration: none !important; }
.teaserbox .teaser a.image { position:relative; z-index:0; top:-106px; background-position: left top; background-repeat: no-repeat; height: 85px; padding: 50px 0px 0; width: 275px; }
.teaserbox .teaser a.image:hover, .teaserbox .teaser span.text:hover { background-position: right top; overflow: hidden; color: #3d4c69; cursor:pointer;}
.teaserbox .teaser span.text {display:block; overflow:hidden; height: 18px; padding-top: 62px; padding-right: 35px; text-align: right; }
.teaserbox .teaser span.news { position: relative; z-index:3; top:-80px;}
.teaserbox .teaser span.news:hover { position: relative; z-index:3; top:-80px;}
.teaserbox .teaser .newstext { color:#ffffff; width: 250; margin-left:10px;}
.teaserbox .teaser span.buddyonline { position: relative; z-index:3; top:-70px; }
.teaserbox .teaser .buddytext { color:#ffffff; margin-left:10px;}
.teaserbox .teaser .buddytext a { color:#ffffff; text-decoration:none}
.teaserbox .teaser .buddytext a:hover { color:#ffffff; text-decoration:none}
.teaserbox .teaser .buddyimg { background-position:180px 10px !important; background-repeat:no-repeat !important; position: relative; top:-162px; margin-right:-13px; display:block; height:106px; overflow:hidden;}
.teaserbox .teaser .maskimg { position: relative; }
.teaserbox .teaser span.seo { position:relative; z-index:-1; display:block; height:106px;}

.teaserbox .teaser #box {
    background-image: url(http://messenger.live.de/images/teaser/Scout_onlineteaser.jpg);
    height: 135px;
    width: 275px;
}

.teaserbox .teaser #box:hover {
    background-image: url(http://messenger.live.de/images/teaser/Scout_onlineteaser.jpg);
    height: 135px;
    width: 275px;
}

/* togglebox
----------------------------------------------------------------- */

.togglebox { display: none; background: url(/images/backgrounds/togglebox.gif) no-repeat; clear: both; height: 337px; margin: 0 0 56px -15px; padding: 0 40px 22px; width: 835px; }
.togglebox .close { position: relative; left: 848px; top: -5px; }
.togglebox h2,
.togglebox h3 { color: #4C4C4C!important; font-size: 12px !important; font-weight: bold !important; margin-bottom: 15px !important; }
.togglebox table { width: 100%; }
.togglebox table th, .togglebox table td { height: 30px; }
.togglebox thead th { border-bottom: 1px solid #fff; font-size: 10px; }
.togglebox tfoot td { border-top: 1px solid #fff; font-size: 9px; }
.togglebox ul { list-style: none; margin-bottom: 20px; padding: 0 0 3px 0; width: 560px; }
.togglebox ul li { background: url(/images/icons/bullet_box.gif) 0 4px no-repeat; margin: 0 0 6px 2px; padding-left: 18px; }



/* togglebox > form
----------------------------------------------------------------- */
form ul.horizontal { list-style: none; padding: 0; width: auto; }
form ul.horizontal li { background: none; float: left; margin: 0 70px 0 0; padding: 0; width: 200px; }
form ul.horizontal li.last { margin-right: 0; }
form label { color: #4C4C4C; display: block; margin: 16px 0 5px; }
form input,
form select { border: 1px solid #a5acb2; width: 198px; }
form textarea { border: 1px solid #a5acb2; height: 78px; width: 466px; }

form input.day,
form input.month { width: 23px; }
form input.year,
form input.house_number { width: 40px; }
form input.postcode { width: 56px; }
form input.location { width: 136px; }
form input.street { width: 152px; }

form .invalid { color: #fe0000; }



/* togglebox > abuse form
----------------------------------------------------------------- */

form.abuse label.abuse_details { width: 478px; }
form.abuse .form_controls { float: right; padding-top: 105px; text-align: right; width: 350px; }
form.abuse .form_controls input { border: none; margin-left: 20px; width: 162px; }




/* formbox
----------------------------------------------------------------- */

.formbox { position: relative; background: url(/images/backgrounds/kontakte-finden.gif) no-repeat; height: 335px; margin: 0 0 0px -15px;  /* margin: 0 0 40px -15px; */ padding: 35px 30px 30px; width: 855px; }
.formbox h3 { font-size: 13px; font-weight: normal; margin-bottom: 30px; }
.formbox p { position: absolute; bottom: 30px; right: 30px; }
.formbox p input { border: none; margin-left: 18px; }
.formbox p input.find { height: 22px; width: 109px; }
.formbox table { width: 100%; }
.formbox table th, .formbox table td { padding-bottom: 20px; text-align: left; vertical-align: top; }
.formbox table td input { border: none; width: auto; }
.formbox table td input.text { border: 1px solid #a5acb2; margin-left: 15px; width: 285px; }
.formbox table td ul { height: 150px; overflow: auto; list-style-type: none; width: 140px; }
.formbox table td li { margin-bottom: 10px; }
*+html .formbox table td li { margin-bottom: 5px; }


/* download page adjustments
----------------------------------------------------------------- */

.downloadbutton { background: url(/images/backgrounds/download_button.jpg) no-repeat; height: 138px; margin-left: 2px; padding-top: 25px; padding-left: 0px; width: 305px; margin-right:20px}
.downloadbutton a {background: url(/images/buttons/download.gif) no-repeat left top; width: 259px; height:70px; position:relative; z-index:2; display:block; }
.downloadbutton a:hover { background-position: right top; }

a.close { margin-bottom: 12px; }



/* forums page adjustments
----------------------------------------------------------------- */

#content .body .forums { /* margin-bottom: 15px; */ }
#content .body .forums .link_arrow { font-weight: bold; }
#content .body .forums .leftcol { margin-right: 0; width: 370px; }
#content .body .forums .rightcol { background: url(/images/backgrounds/forums.gif) no-repeat left top; height: 291px; padding-left: 97px; width: 462px; }



/* needed for mslm.bookmark.js
----------------------------------------------------------------- */
.bookmark {}


/* faq - content
----------------------------------------------------------------- */

#content .accordion_vertical ul{	width:810px; margin:0; list-style: none; padding:0; }
#content .accordion_vertical ul li { background: url(/images/icons/blue_arrow_right.gif) 0 0 no-repeat; margin: 0 0 20px 0; padding-left: 32px; }

#content .accordion_vertical .helperbox ul{	width:auto; margin:10px 0 0 15px; list-style-type:disc; padding:auto; }
#content .accordion_vertical .helperbox ul li { background:none; margin: 0; padding:0; }


/* quiz detail page
----------------------------------------------------------------- */

#content .header.quiz {height: auto; position:relative; }
#content .header.quiz  { background: url(/images/backgrounds/content_header_spiele.png) no-repeat; }

#content .header.quiz .mood { margin-right:56px; margin-top:-11px; }





/* suche
----------------------------------------------------------------- */
#content .searchresults { padding-right:43px; margin: 25px 0 0 0;}
#content .search {	width:inherit; margin:0; list-style: none; padding:0; }
#content .search li { margin: 0 0 10px 0; }
#content .search_default { background: url(/images/icons/blue_arrow_right.gif) 0 0 no-repeat; margin: 0 0 12px 0; padding-left: 20px; font-size:12px; }
#content .search_live { margin: 0 0 12px 0; font-size:12px; }
#content .searchimg { margin:0 15px 0 30px;}
#content .searchresults.live { background: url(/images/backgrounds/search-book.gif) no-repeat 650px top;}
#content .searchresults ul.livebox { width: 600px;}
#content .searchresults ul.box { height:450px; width:887px; overflow: auto; margin-bottom: 45px; }

/* windows live
----------------------------------------------------------------- */
#windowslive { padding:0 0 0 43px; background:#ffffff; display:block; width:972px;}



/* seo optimization
----------------------------------------------------------------- */

#content .seo_content, .seo_content { color:#4C4C4C; font-size:8px; font-weight:normal; line-height:16px; position:relative; z-index:1; }
#content .seo_content a, .seo_content a { color:#4C4C4C; font-size:8px; line-height:16px; }
#content .seo_content p, .seo_content p { color:#4C4C4C;	line-height:16px; }
#content .seo_content h1, #content .seo_content h2, #content .seo_content h3, #content .seo_content h4,
.seo_content h1, .seo_content h2, .seo_content h3, .seo_content h4 { font-size:9px;	color:#4595D0; line-height:16px; }
#content .seo_image, .seo_image { position:relative; z-index:2; display:block; }

/* flash stage home */
#stage .seo_content {  width:600px; left:202px; top:77px; height:359px; }
* html #stage .seo_content  { position:absolute; top:110px}
#stage .seo_image {  top:-364px; left:49px; background:transparent url(/images/screenshots/home_stage_no_flash.png) no-repeat top left; height:359px; width:871px;  }
* html #stage .seo_image  {	background:transparent url(/images/screenshots/home_stage_no_flash.gif) no-repeat top left; height:387px; width:971px; left:0px; top:22px; position:absolute; }

/* topgames flash */
#topgames .seo_content { width:800px; left:49px; top:20px; height:300px; }
#topgames .seo_image { top:-300px; height:386px; }
#topgames .seo_wrapper { height:386px; position:relative; }
* html #topgames .seo_content { position:absolute; top:0px; }
* html #topgames .seo_image { position:absolute; top:0px;  }

#minimizeme .seo_content { top:50px; left:50px; width:800px; clear:both;  }
#minimizeme .seo_image  { top:-50px;  }


.windows_live .paragraph {
	padding-left: 0px;
	margin-bottom: 0 !important;
}

.windows_live .header h1 {
	margin-top: 84px ! important;
}

#content.windows_live .accordion_vertical ul   {
	margin-top: 15px;
}

#content.windows_live .accordion_vertical ul li  {
	margin-bottom: 10px;
}

#content.windows_live .accordion_vertical .rightcol {
	width: 210px;
}

#content.windows_live .accordion_vertical ul li img {
	margin: 15px 35px;
}

#content.windows_live .leftcol.windows_live {
	margin-bottom: 30px;
	margin-top: 15px;
	width: 200px;
}

#content.windows_live .rightcol.windows_live {
	margin-bottom: 30px;
	margin-top: 15px;
	width: 660px;
}


#minimizeme_danke {
	position: relative;
	margin-bottom: 15px;
}

#minimizeme_danke a.restart {
	background: transparent;
	position: absolute;
	height:39px;
	left:34px;
	top:345px;
	width:136px;
	z-index: 2000;
}

#minimizeme_danke img.background {
	position: relative;
	z-index: 250;
	margin-left: -21px;
}

#minimizeme_danke p {
	z-index: 1000;
	color: #fff;
	position: absolute;
	height:150px;
	left:40px;
	top:190px;
	width:255px;
	overflow: hidden;
}


/* easteregg page adjustments
----------------------------------------------------------------- */

.eastereggbutton { background: url(/images/buttons/jetzt-mit-der-suche-starten.gif) no-repeat; height: 121px; width: 262px; }
.eastereggbutton a {background: url(/images/buttons/jetzt-mit-der-suche-starten.gif) no-repeat left top; width: 262px; height:121px; position:relative; z-index:2; display:block; }
.eastereggbutton a:hover { background-position: left bottom; }

/* startseite
----------------------------------------------------------------- */
#div_index {
    position: absolute;
    margin-top: 122px;
    margin-left: 0px;
}

.downloadbutton2 {
    position: absolute;
    margin-top: 325px;
    margin-left: 296px;
}
.downloadbutton2 a {background: url(/images/buttons/index_download.png) no-repeat left top; width: 312px; height:84px; position:relative; z-index:2; display:block; }
.downloadbutton2 a:hover { background-position: right top; }

.downloadtxt {
    position: absolute;
    margin-top: 260px;
    margin-left: 648px;
    color: #000000;
    width: 270px;

}
.downloadbutton3 {
    position: absolute;
    margin-top: 310px;
    margin-left: 672px;
}

.downloadbutton3 a {background: url(/images/buttons/index_dl_btn.png) no-repeat left top; width: 197px; height:39px; position:relative; z-index:2; display:block; color: #ffffff; font-size: 15px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; padding-left: 26px; padding-top: 17px; text-decoration: none;}
.downloadbutton3 a:hover { background-position: right top;  color: #ffffff; font-size: 15px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; text-decoration: none;}
.downloadbuddys {
    position: absolute;
    margin-top: 440px;
    margin-left: 752px;
}
.downloadbuddys_spezial {
    position: absolute;
    margin-top: 407px;
    margin-left: 752px;
}

#content_txt { /*alle anderen*/
    position: absolute;
    margin-top: 430px;
    margin-left: 15px;
}
#content_txt_title {
    font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
    font-size: 32px;
    color: #F4793A;
    padding-bottom: 5px;
}
#content_txt_txt {
    font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #010101;
    padding-bottom: 15px;
}
a.black {
    /*color: #64A8D8;*/
    color: #000000;
    text-decoration: underline;
}
a.black:hover {
    color: #000000;
    text-decoration: none;
}
