/*******************************************************************************
				Standard-CSS for www.wissen-ist-sexy.de
********************************************************************************/

		

/********************************************************************************
						General CSS-Data
********************************************************************************/
body {
	margin:				0;
	padding:			0;
	color:				#ffffff;
	text-align:			center;
	font-family:		Georgia,'Times New Roman',Times,serif;
	font-size:			12px;
	line-height:		18px;
	background:         #000000 url(/img/bg.gif) repeat-x;
}

img {
	border:				0;
}
	
/* LINKS */
a,
a:link,
a:active,
a:visited {
	color:				#ffffff;
	font-weight:        bold;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

strong a,
strong a:link,
strong a:active,
strong a:visited {
	color:				#000000;
}

/* END LINKS */
	
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-size:			16px;
	line-height:		20px;
	margin:				5px 0 15px 0;
	padding:			0;
	color:				#ffffff;
}
/* END HEADINGS */

/* TEXT */
div {
	font-size:			12px;
}

p {
	font-size:			14px;
	margin:				0;
	padding:			0 0 15px 0;
	line-height:		18px;
}
/* END TEXT */
	
/* LISTS */
ul,
ol {
	font-size:			12px;
	line-height:		16px;
	margin:				0 0 15px 0;
	padding:			0;
}
ul li,
ol li {
	font-size:			12px;
	margin:				0 0 0px 30px;
	padding:			0;
}
/* END LISTS */

.left {
    float:              left;
    margin-left:        20px;
}

.right {
    float:              right;
    margin-right:       20px;
}

.content .left {
    float:              left;
    margin-left:        0px;
}

.content .right {
    float:              right;
    margin-right:       0px;
}

.homeLink {
    position:           absolute;
    top:                20px;
    left:               400px;
    display:            block;
    width:              170px;
    height:             70px;
}

#content .video {
    margin:             20px 0px 10px 0px;
}

.edge {
    z-index:            10;
    position:           absolute;
    top:                557px;
    right:              0px;
}

.topLeft {
    z-index:            11;
    position:           absolute;
    top:                0;
    left:               0;
}

.topRight {
    z-index:            12;
    position:           absolute;
    top:                0;
    right:              0;
}



/********************************************************************************
						Layout
********************************************************************************/
#root {
    width:              990px;
    height:             610px;
    background:         url(/img/bg_main.jpg) no-repeat;
    margin:             0px auto 0px auto;
    padding:            0;
    text-align:         center;
    position:           relative;
}

#content {
    position:           absolute;
    top:                95px;
    left:               0px;
    height:             420px;
    width:              990px;
}

.content {
    position:           relative;
    width:              990px;
    height:             400px;
    margin:             10px 0px 10px 0px;
    text-align:         left;
}

.content {
    position:           relative;
    width:              600px;
    height:             400px;
    margin:             50px auto 10px auto;
    text-align:         left;
}

#about {
    position:           absolute;
    top:                520px;
    left:               0px;
    width:              990px;
    text-transform:     uppercase;
}

#navi {
    position:           absolute;
    top:                550px;
    left:               0px;
    width:              990px;
    margin:             0 auto;
    text-align:         center;
}

#footer {
    position:           absolute;
    top:                620px;
    left:               0px;
    width:              990px;
    margin:             0 auto;
    text-align:         center;
    font-size:          11px;
    color:              #96866d;
}

#footer a,
#footer a:link,
#footer a:visited {
    color:              #96866d;
}



/********************************************************************************
						navi
********************************************************************************/
#navi ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}

#navi li {
	display:			inline;
	list-style:			none;
	margin:             0;
	padding:			0;
	text-transform:     uppercase;
}

#navi a,
#navi a:link,
#navi a:active,
#navi a:visited {
	margin:				0;
	padding:			0px 10px 0px 10px;
}

#navi a:hover {
	text-decoration:   underline;
}

#navi strong a {
    color:				#000000;
}

/********************************************************************************
						home
********************************************************************************/
.home div h1 {
    font-size:          16px;
}

.home div p {
    font-size:          14px;
    line-height:        20px;
}

.home div p strong {
    font-weight:        normal;
}


.home a {
    text-transform:     uppercase;
    font-size:          14px;
    width:              160px;
    line-height:        24px;
}

.home a:hover {
    text-decoration:    none;
}

/********************************************************************************
						kalender
********************************************************************************/
.kalender {
    background:         url(/img/bg_kalender.jpg) no-repeat;
}

.kalender div {
    width:              400px;
    margin:             40px auto 0 auto;
}

/********************************************************************************
						nerdchandising
********************************************************************************/
.nerdchandising .content {
    margin-top:         20px;
}

.nerdchandising tr td {
    vertical-align:     top;
    padding:            10px 20px 0px 0px;
    align:              center;
    text-align:         center;
}


/********************************************************************************
						wallpaper
********************************************************************************/
.wallpaper .content {
    width:              900px;
}

.wallpaper .content div {
    clear:              both;
    margin:             5px 0px;
}

.wallpaper .content img {
    float:              left;
    margin-bottom:      10px;
}

.wallpaper .content ul {
    float:              left;
    font-size:          10px;
}

.wallpaper .content ul li a {
    font-weight:        normal;
}

.wallpaper .content tr td {
    padding-right:      20px;
}

.downloads .content {
    width:              500px;
}

.downloads img {
    margin-right:       50px;
}


/********************************************************************************
						clips
********************************************************************************/
.clips {
    margin-top:         30px;
    width:              900px;
}

.clips tr td {
    padding:            0px 20px 20px 0px;
}


/********************************************************************************
						quartett
********************************************************************************/
.quartett {
    background:         url(/img/bg_quartett.jpg) no-repeat 0px 0px;
}

.quartett .content {
    position:           relative;
    width:              990px;
    height:             400px;
    margin:             10px 0px 10px 0px;
    text-align:         left;
}

.quartett ul {
    margin:             0px;
    z-index:            1000;
    padding:            0;
    list-style:         none;
}

   

.quartett ul li {
    width:              214px;
    height:             22px;
    margin:             0;
    padding:            0;
}


.quartett .chooser ul li:hover {
    background:         #ffff00;
    opacity:            0.4;
    filter:             alpha(opacity:60);
    cursor:             pointer;
    
}

.quartett .rowActive_lost   {
	background:         #ff0000;
    opacity:            0.4;
    filter:             alpha(opacity:60);
}

.quartett .rowActive_win {
    background:         #33ff33;
    opacity:            0.4;
    filter:             alpha(opacity:60);
}

.quartett .rowActive_choose {
    background:         #ffff00;
    opacity:            0.4;
    filter:             alpha(opacity:60);
    cursor:             pointer;
}

.quartett #overLayer { 
	position:           absolute;
	top:                0px;
	left:               180px;
    background:         #000000;
    opacity:            0.9;
    filter:             alpha(opacity:90);
    cursor:             pointer;
    color:              #ffffff;
    font-size:          20pt;
    line-height:        30pt;
    height:             370px;
    width:              600px;
    padding:            20px;
    text-align:         center;
    z-index:            2000;
}