@charset "utf-8";


/*
-----------------------------------------------
Author:   	Christian Hamann
Version:  	15 Oktober 2008
Site: 		monka.de

----------------------------------------------- */


/* Clean slate */

body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form {
margin: 0; padding: 0; border: 0; list-style: none; font-size: 100%; font-weight: normal; }
img { border: 0px;}

html { 	height: 100.01%;}
body {	background: #FFF url(../img/gfx/xbg_50_50.gif) repeat;
		}


/* Typography */

body {
		font-size: 25px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #575758;
		}

h1 a{
		display: none;	
		}
	
h2, h5 {  
		font-size: 10px;
		line-height: 10px;
		text-transform:uppercase;
		letter-spacing: 0.04em
		}

h3 {
		display: none;
		}

h4 {
		text-transform:uppercase;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		line-height: 25px;
		letter-spacing: 1px;
		color: #87CDC5;
		}

/* Links */

a {
		text-decoration: none;
		color: #0083CB;		/* blau */
		outline: none;
		}

a.mk:link    { 	color: #0083cb; text-decoration: none; }
a.mk:visited { 	color: #0083cb; text-decoration: none; }
a.mk:hover   { 	color: #0083cb; text-decoration: underline;  }
a.mk:active  { 	color: #0083cb; text-decoration: none;  }

li a {
		color: #F1798D;		/* rosa */
		}

* html li a { background-color: #FFFFFF;}			/* <IE7-Hack background-color: transparent nicht darstellbar*/
*:first-child+html li a { background-color: #FFFFFF;}		/* >IE7-Hack background-color: transparent nicht darstellbar*/

li a:hover {
		color: #0083CB;		
		}


/* Liste */

ul, li { 
		display: block;
		list-style: none; 
		padding-right: 10px;
		font-size: 25px;
		line-height: 25px;
		color: #F1798D;
		font-style:italic;
		letter-spacing: -1px;
		}


/* Kontakt Button */

#kontakt, #back {
		position:absolute; 
		height:50px; 
		z-index:10; 
		left: 750px; 
		top: 0px;
		overflow: hidden;
		}

#kontakt li, #back li { 
		list-style: none;
		display: inline;
		width:200px; 
		}

#kontakt a, #back a { 
		float: left;
		padding: 50px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:50px; /* for IE5/Win only */
		}

#kontakt a:hover, #back a:hover {
		background-position:0 -50px;
		}

#kontakt_button a { 
		background: url('../img/nav/kontakt_button.gif') no-repeat;
		width: 200px;
		}
			
#back_button a { 
		background: url('../img/nav/back_button.gif') no-repeat;
		width: 200px;
		}

/* Header Button */

div#header{
		width:454px;
		height: 146px;
		background:url(../img/nav/mwj_logo.gif) no-repeat;
		margin-top: 5px;
		cursor:pointer;
		}

#header div {display:none;}
#header:hover div {
		display:block;
		width:180px;
		position:absolute;
		top:275px;
		left:0px;
		}

/* accordion togglers */

.toggler {
		display:block;
		width:100%;
		height: 50px;
		cursor:pointer;
		}

.notoggler {
		display:block;
		width:100%;
		height: 50px;
		}
	
/* toggler hover */

.togglerHover {
		display:block;
		width:100%;
		cursor:pointer;
		}

	
/* accordion elements */

.accordion {
		text-align:left;
		width: 600px;
		padding: 0 0 0 2px;
		display: block;
		}


/* Menu */

#head1 {
		width: 320px;
		height: 50px;
		background: url(../img/nav/karriere.gif) no-repeat;
		}
#head2 {
		width: 153px;
		height: 50px;
		background: url(../img/nav/kino.gif) no-repeat;
		}
#head3 {
		width: 199px;
		height: 50px;
		background: url(../img/nav/musik.gif) no-repeat;
		}
#head4 {
		width: 572px;
		height: 50px;
		background: url(../img/nav/leben.gif) no-repeat;
		}
#head5 {
		width: 183px;
		height: 50px;
		background: url(../img/nav/reise.gif) no-repeat;
		}
#head6 {
		width: 385px;
		height: 50px;
		background: url(../img/nav/boulevard.gif) no-repeat;
		}
#head7 {
		width: 295px;
		height: 50px;
		background: url(../img/nav/kontakt.gif) no-repeat;
		}
#head8 {
		width: 402px;
		height: 50px;
		background: url(../img/nav/cv.gif) no-repeat;
		}
#head9 {
		width: 268px;
		height: 50px;
		background: url(../img/nav/zeugnis.gif) no-repeat;
		}
#head10 {
		width: 420px;
		height: 50px;
		background: url(../img/nav/tv.gif) no-repeat;
		}
#head11 {
		width: 420px;
		height: 63px;
		background: url(../img/nav/passwd.gif) no-repeat;
		}
#head12 {
		width: 420px;
		height: 63px;
		background: url(../img/nav/referenz.gif) no-repeat;
		}
#head13 {
		width: 420px;
		height: 63px;
		background: url(../img/nav/fehler.gif) no-repeat;
		}
#head14 {
		width: 420px;
		height: 63px;
		background: url(../img/nav/beitrag.gif) no-repeat;
		}
#head15 {
		width: 500px;
		height: 63px;
		background: url(../img/nav/person.gif) no-repeat;
		}
#head16 {
		width: 300px;
		height: 50px;
		background: url(../img/nav/kultur.gif) no-repeat;
		}
#head17 {
		width: 400px;
		height: 50px;
		background: url(../img/nav/boulevard.gif) no-repeat;
		}
	
/* Auszeichnung Text */

.invisible {
		position: absolute;
		left: -9999px;
		}

noscript {background-color: #FFFF99;}

.numbers {font-style: normal;}

/* Layout */

div#container{ padding: 50px 0 0 200px;}

div#wrapper{
		float:right;
		width:100%;
		}

div#print, div#imprint, div#tv, div#passwd, div#login {
		width:450px;
		height: 10px;
		padding-top: 65px;
		}
		
div#footer{
		clear:both;
		width:100%;
		padding: 20em 0 2em 0;
		}

hr { 		 
		display: none;
		color: #575758;
		border: 1px solid #575758;
		}

/* Cover */

em.cover, em.cover-bl, em.cover-tv {
		display:none; 
		min-width:50px;
		}

li:hover em.cover, li:hover em.cover-bl, li:hover em.cover-tv {
		z-index:100; 
		float:left; 
		display:inline; 
		position:absolute;
		left:0px;
		}

li:hover em.cover {
		top:275px;
		}

li:hover em.cover-bl {
		top:600px;
		}

li:hover em.cover-tv {
		top:450px;
		}