﻿/* -------------------- Nickmaker MSN Fun CSS ------------------*/
/*  
Theme Name: Crsytel Pink-Blue
Description: Designed & developed by Oliver Förster 
Version: Aug2010 update 2011
Author: Oliver Förster info @ msn-fun.de
*/
@charset "iso-8859-1";

body {
	font-family:  "Segoe UI", Verdana, arial, verdana, sans-serif;
	color: #999999;
	background-attachment: fixed;
	background-color: #000;
}

a {
	color: #0CC;
	text-decoration:none;
	font-weight: bold;
	}

a:hover { text-decoration:none; background: none; }	

	
img { border: none; padding: 0; margin: 0; }	
hr { border: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6, h7, h8, p, img {
	margin: 0;
	padding: 0;
	top: 0px;
}

.noscreen {display:none;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}

/* -------------------- HEADER ------------------*/

#header {
	width:960px;
	margin: 0 auto;
}

#header h1 {
	color: #FFF;
}

#header img {}

/* -------------------- FOOTER ------------------*/

#footer {
	width:940px;
	margin: 0 auto;
	color: #000;
	clear:both;
}

.copy { float:right; margin-right : 10px; }

/* -------------------- STRUKTUR ------------------*/

#contenu {
	width:960px;
	margin: auto;
	background: url("images/wrap.png") center repeat-y;
	line-height: 22px;
	display: block;
	} 

#texte {
	width:660px;
	position: relative;
	padding: 0px 20px;
	margin: 0;
	}
#texte a {}
#texte a:hover {
	color: #000;
	}
	
	
#sidebar {
	width:200px;
	padding: 15px;
	float:right;
	position: relative;
	}


#top {
	background: url("images/top.png") bottom center no-repeat;
	height: 20px;
	padding: 0;
	margin: 0;
}
#boden {
	background: url("images/footer.png") top center no-repeat;
	height: 20px;
	padding: 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
	background-image: url("images/trans-bg.jpg");
}

.Bild_links {
	float:left;
	margin-right: 10px;
}

.Bild_rechts {
	float:right;
	margin-left: 10px;
}

.Bild_Rahmen {
	border:1px solid #c3ab8d;
  padding: 2px;
}

.Bild_Rahmen_links {
	border:1px solid #c3ab8d;
	float:left;
  padding: 2px;
	margin: 0 10px 10px 0px;
  background-color: #ffffff;
}

.Bild_Rahmen_rechts {
	border:1px solid #3FB8C0;
	float:right;
	padding: 2px;
	margin: 0 0px 0px 10px;
}

/* -------------------- Extras -----------------*/

#msnfunfarbe h1 {
	color: #666;
	text-align: center;
	}



#msnfunfarbe h2 {
	color: #333333;
}

#msnfunfarbe a {
	color: #F39;
}
#msnfunfarbe a:hover {
	background-color: #3CF;
	color: #fff;
}

.wichtig {
	color: #000;
	background-color: #FFF0FA;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 6px;
	border: 1px dashed #ED3BA0;
	font-size: 12px;
}

.wichtig h2 {
	color: #990000;
	background: inherit;
}

.wichtig a {
	color: #990000;
	background: inherit;
}

.wichtig a:hover {
	background-color: #FFF0F0;
	color: #000;
}
.intro {
	float:right
/*	background: #eee url("images/MSN Nicks Maker Vorschau.jpg") no-repeat right; */
	color:#333;
	font-size: 17px;
	line-height: 22px;
	height: 250px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	text-align: justify;
	margin-bottom: 20px;
}

.news {
	margin-bottom: 20px;
}
.datenews {
	font-size: 24px;
	color: #aaa;
	float: right;
}


/* -------------------- Beschreibung -----------------*/

#desc { text-align: justify; }
#desc h1 { color : #009CC3; font-size: 36px; text-align: center; }
#desc h2 { color: #78C0FF; font-size:22px; }
#desc li { line-height: 24px; padding-bottom: 15px; }
#desc em { color: #888; }

#desc .compatible {
	background: url("images/messenger2009.jpg") no-repeat center left;
	padding-left: 130px;
	padding-top:20px;
	padding-bottom:20px;
	color: #528EC0;
	font-size: 18px;
}

/* ------------------ HISTORY ------------------ */

#historie { text-align: justify; }

#historie .numversion {
	font-weight:bold;	
	text-decoration: underline;
}	
#historie  h1 {
	color: #FF4000;
	text-align: center;
}

#historie a { color:#FF4000; }
#historique a:hover { color: #fff; background: #FF4000; }

#historie p .versiondesc { }
#historie .date { font-style: italic; }
#historie .versioninfo { text-decoration: underline; }
#historie a.versioninfo { text-decoration: underline; }
#historie .descinfo { font-style: italic; }


/*------------------  Downloads ------------------ */


#downloads { text-align: justify; }

#downloads h1 {
	color: #7BCE1D;
	line-height: 40px;
	text-align: center;
}

#downloads  h1 strong{
	color: #2CA500;
}

#downloads h2 {
	color: #7BCE1D;
	line-height: 40px;
	text-align: center;
}

#downloads a { color: #000; font-size: 18px; line-height: 36px; }
#downloads a:hover { color: #7BCE1D; background: #fff; }



#downloads .dl, #downloads .dl:hover { 
	background: transparent url("dl.png") no-repeat center left; 
	padding-left: 40px;
}



/* -------------------- A SIDE -----------------*/

#aide { text-align: justify; }

#aide a { color: red; }
#aide a:hover{ color: #fff; background: red; }

#aide h1 {
font-size:36px;
color: red;
text-align:center;
line-height: 45px;
}

#aide h2
{
	background-color:transparent;
	color:#CC33FF;
	font-size:130%;
}

 #aide h3
{
	background-color:transparent;
	color:#FF33FF;
	font-size:115%;
	font-weight:bold;
}

#aide h4
{
	background-color:transparent;
	color:red;
	font-size:100%;
	font-weight:bold;
}	

#aide  .warning {
	background: #eee url("images/warning.png") center left no-repeat;
	padding: 10px 10px 10px 80px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
	text-align: justify;
	font-size: 14px;
}

#aide .attention a { color:#333; }
#aide .attention a:hover { background: none; color: #000; text-decoration: underline; }


#aide li { line-height: 24px; padding-bottom: 15px; }
#aide h2 li,
#aide h3 li ,
#aide h4 li  { padding-bottom: 0px; }

#aide .sommaire li{ line-height: 22px; padding-bottom: 5px; color: #C30000; }

#aide  .astuce {
	color:#7DB4F4;
	font-size: 18px;
	line-height: 30px;
}
#aide  .astuce strong { color: #5A8ACA; }



/*------------------  SOURCES ------------------ */

#sources { text-align: center; }
#sources img { max-width: 600px; }
#sources h1 { color: #000; font-size: 34px; }
#sources h2 { color: #000; }
#sources .downloads { text-align: left; }



/*------------------  LINES ------------------ */

#liens h1 { color: #000; text-align: center;}
#liens h2 { text-decoration: underline; }



/*------------------  Partners ------------------ */

.partners { padding: 10px;}

.partners li { list-style-image: url("images/link.png"); }
.partners a { color: #000; }
.partners a:hover { text-decoration: underline; }

.partners h4 { color: #aaa; font-size: 18px; letter-spacing: 1px; line-height: 18px; padding: 0px; margin: 5px; }


/*------------------  FOOTER ------------------ */

.contact {
	color: #33CCFF;
	background: url("images/contact.png") no-repeat center left;
	padding-left: 30px;
	margin-left: 20px;
	}
	
.home {
	color: #0CC;
	background: url("images/home.png" ) no-repeat center left;
	padding-left: 30px;
	margin-left: 20px;
	}
	
.blog {
	color: #FF0099;
	background: url("images/blog-msn.png" ) no-repeat center left;
	padding-left: 30px;
	margin-left: 20px;
	}

.buttom {
	background: url("images/buttom.png") repeat-x center;
	border: 1px solid #ddd;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}	

.nbd {
padding : 0 1px 0 1px;
border-width : 1px 2px 2px 1px;
border-style : solid;
background : #faf6f6;
color : #333;
border-color : #edd #baa #baa #eed;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 2px;
padding-top : 2px;
font-size: 14px;
}

.blue {
color: #33CCFF
}

.pink {
color: #FF3399
}

/*------------------  Extras for MSN Nicks Maker ------------------ */

.tip {
	color: #000;
	background-color: #A9D5E2;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #09C;
}

.tip h3 {
	color: #FFF;
}

.tip a {
	color: #FFF;
	background: inherit;
}

.hinweis {
	color: #000;
	background-color: #FED8F0;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.hinweis h2 {
	color: #990000;
	background: inherit;
}

