/*  CSS-Stylesheet www.mathislandwehr.com
	written by M.Schwarz  */
	

/*  Basic Tags  */

body {
	background-color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#000000;
}


/*  Layout  */

#maincar {
	height:100%;
	width:700px;
	position:absolute;
	top:0px;
	left:0px;
}

#white {
	height:600px;
	width:700px;
	position:absolute;
	top:210px;
	left:60px;
	background-color:#FFF;
	z-index: 10;
}

#whiteM {
	height:600px;
	width:700px;
	position:absolute;
	top:160px;
	left:60px;
	background-color:#FFF;
	z-index: 10;
}

#whiteI {
	height:900px;
	width:700px;
	position:absolute;
	top:160px;
	left:60px;
	background-color:#FFF;
	z-index: 10;
}

#headbox {
	height:30px;
	width:600px;
	position:absolute;
	top:60px;
	left:60px;
}

#navbox {
	height:63px;
	width:700px;
	position:absolute;
	top:97px;
	left:60px;
}

#content {
	height:500px;
	width:700px;
	position:absolute;
	top:160px;
	left:60px;
}

#postbox {
	width:280px;
	position:relative;
	overflow:hidden;
}

#concarbox {
	height:600px;
	width:700px;
	position:absolute;
	top:160px;
	left:60px;
	background-color: #FFF; 
}

#indexbox {
	height:600px;
	width:700px;
	position:absolute;
	top:130px;
	left:60px;
	background-color: #FFF; 
}

#conrow1 {
	height:600px;
	width:280px;
	position:absolute;
	top:0px;
	left:0px;
}

#conrow2 {
	height:600px;
	width:280px;
	position:absolute;
	top:0px;
	left:320px;
}

#subnav {
	height:15px;
	width:300px;
	position:absolute;
	top:0px;
	left:0px;
}

#navdrei {
	height:15px;
	width:500px;
	position:absolute;
	top:35px;
	left:0px;
}

#navfunf {
	height:13px;
	width:300px;
	position:relative;
	top:0px;
	left:0px;
}

#navfunf-c {
	height:13px;
	width:300px;
	position:relative;
	top:10px;
	left:0px;
}

#medrow1 {
	height:500px;
	width:280px;
	position:absolute;
	top:70px;
	left:0px;
}

#medrow2 {
	height:500px;
	width:280px;
	position:absolute;
	top:70px;
	left:320px;
}

#dirbox {
	height:520px;
	width:644px;
	position:absolute;
	top:70px;
	left:0px;
	display:block;
	float:left;
}

#linkbox {
	height:520px;
	width:644px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	float:left;
}

#audibox {
	height:520px;
	width:644px;
	position:absolute;
	top:50px;
	left:0px;
	display:block;
	float:left;
}

#clipdirbox {
	height:520px;
	width:640px;
	position:absolute;
	top:70px;
	left:0px;
	display:block;
	float:left;
}

#zzubox {
	height:15px;
	width:620px;
	position:absolute;
	top:70px;
	left:0px;
	display:block;
}

#picbox {
	height:462px;
	width:620px;
	position:absolute;
	top:110px;
	left:0px;
	display:block;
}

#piccar {
	height:120px;
	width:155px;
	position:relative;
	float:left;
}

#clipcar {

	width:320px;
	position:relative;
	float:left;
}

#clipcarho {
	width:280px;
	position:relative;
}

#cliptextcar {
	width:280px;
	position:relative;
}

#cliptextsp {
	width:280px;
	height:20px;
	position:relative;
}

#dircar {
	height:256px;
	width:280px;
	position:relative;
	float:left; 
	margin-right:40px;
}

#linkcar {
	height:100px; 
	width:280px;
	position:relative;
	float:left; 
	margin-right:40px;
	margin-bottom:20px;
	/*margin-top:30px;
	border:#666 solid 0px;*/
}

#piccar-h {
	height:100px;
	width:100px;
	position:relative;
	float:left;
}

#piccar-h1 {
	height:100px;
	width:80px;
	position:relative;
	float:left;
}


#dirrow {
	height:500px;
	width:160px;
	position:relative;
	float:left;
}

#timebox {
	position:absolute;
	width:150px;
	top:60px;
	right:60px;
	text-align: right;
}

#creditbox {
	position:absolute;
	width:43px;
	bottom:17px;
	right:17px;
	text-align: right;
	background-color:#FFF;
	padding-bottom: 0px;
}

#playerbox {
	position:absolute;
	width:184px;
	height:140px;
	top:160px;
	right:0px;
	text-align: left;
}


/*  Formular  */
#email {
	width:280px;
	height:15px;
	padding:5px;
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	border:solid #999 1px;
	color:#999;
	font-size:9px;
	overflow:hidden;
}

#nachricht {
	width:280px;
	height:150px;
	padding:5px;
	margin-top:16px;
	font-family:Verdana, Geneva, sans-serif;
	border:solid #999 1px;
	color:#999;
	font-size:9px;
	overflow:auto;
}

#send {
	width:77px;
	margin-left:0px;
	margin-top:20px;
	padding:0px;
	border:0px;
	background-color:transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#999;
	text-decoration:underline;
	background-image:url(../grafik/sub_send_gr.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}



/*  Navigation  */

/*  Aktive Seite  */
#id-start #id-start-b { background-image:url(../grafik/nav_start_sw.gif); background-repeat:no-repeat;}
#id-media #id-media-b { background-image:url(../grafik/nav_media_sw.gif); background-repeat:no-repeat;}
#id-vita #id-vita-b { background-image:url(../grafik/nav_vita_sw.gif); background-repeat:no-repeat;}
#id-links #id-links-b { background-image:url(../grafik/nav_links_sw.gif); background-repeat:no-repeat;}
#id-kontakt #id-kontakt-b { background-image:url(../grafik/nav_kontakt_sw.gif); background-repeat:no-repeat;}

#id-media-cl #id-media-cl-b { background-image:url(../grafik/sub_clip_sw.gif); background-repeat:no-repeat;}
#id-media-bi #id-media-bi-b { background-image:url(../grafik/sub_bild_sw.gif); background-repeat:no-repeat;}
#id-media-au #id-media-au-b { background-image:url(../grafik/sub_audio_sw.gif); background-repeat:no-repeat;}

#id-bild-al1 #id-bild-al1-b { background-image:url(../grafik/sub_alle_sw.gif); background-repeat:no-repeat;}
#id-bild-pro #id-bild-pro-b { background-image:url(../grafik/sub_prof_sw.gif); background-repeat:no-repeat;}
#id-bild-pri #id-bild-pri-b { background-image:url(../grafik/sub_priv_sw.gif); background-repeat:no-repeat;}
#id-bild-al2 #id-bild-al2-b { background-image:url(../grafik/sub_alle_sw.gif); background-repeat:no-repeat;}
#id-bild-ma #id-bild-ma-b { background-image:url(../grafik/sub_mart_sw.gif); background-repeat:no-repeat;}
#id-bild-etc #id-bild-etc-b { background-image:url(../grafik/sub_etc_sw.gif); background-repeat:no-repeat;}

/*  Mouseover  */
a.b-sta:link, a.b-sta:visited { display:block; background-image:url(../grafik/nav_start_gr.gif); width:95px; height:23px; background-repeat:no-repeat; float:left; }
a.b-sta:hover, a.b-sta:active { background-image:url(../grafik/nav_start_sw.gif); float:left; }

a.b-blo:link, a.b-blo:visited { display:block; background-image:url(../grafik/nav_blog_gr.gif); width:86px; height:23px; background-repeat:no-repeat; float:left; margin-left:10px; }
a.b-blo:hover, a.b-blo:active { background-image:url(../grafik/nav_blog_sw.gif); float:left; }

a.c-blo:link, a.c-blo:visited { display:block; background-image:url(../grafik/nav_sub_blog_gr.gif); width:35px; height:9px; background-repeat:no-repeat; float:left; margin-left:0px; }
a.c-blo:hover, a.c-blo:active { background-image:url(../grafik/nav_sub_blog_sw.gif); float:left; }

a.c-rss:link, a.c-rss:visited { display:block; background-image:url(../grafik/nav_sub_rss_gr.gif); width:58px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.c-rss:hover, a.c-rss:active { background-image:url(../grafik/nav_sub_rss_sw.gif); float:left; }

a.b-med:link, a.b-med:visited { display:block; background-image:url(../grafik/nav_media_gr.gif); width:111px; height:23px; background-repeat:no-repeat; float:left; margin-left:10px; }
a.b-med:hover, a.b-med:active { background-image:url(../grafik/nav_media_sw.gif); float:left; }

a.sub-cli:link, a.sub-cli:visited { display:block; background-image:url(../grafik/nav_sub_clip_gr.gif); width:36px; height:9px; background-repeat:no-repeat; float:left; margin-left:0px; }
a.sub-cli:hover, a.sub-cli:active { background-image:url(../grafik/nav_sub_clip_sw.gif); float:left; }

a.sub-bil:link, a.sub-bil:visited { display:block; background-image:url(../grafik/nav_sub_bild_gr.gif); width:49px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.sub-bil:hover, a.sub-bil:active { background-image:url(../grafik/nav_sub_bild_sw.gif); float:left; }

a.sub-aud:link, a.sub-aud:visited { display:block; background-image:url(../grafik/nav_sub_audio_gr.gif); width:45px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.sub-aud:hover, a.sub-aud:active { background-image:url(../grafik/nav_sub_audio_sw.gif); float:left; }

a.b-vit:link, a.b-vit:visited { display:block; background-image:url(../grafik/nav_vita_gr.gif); width:78px; height:23px; background-repeat:no-repeat; float:left; margin-left:7px; }
a.b-vit:hover, a.b-vit:active { background-image:url(../grafik/nav_vita_sw.gif); float:left; }

a.b-lin:link, a.b-lin:visited { display:block; background-image:url(../grafik/nav_links_gr.gif); width:94px; height:23px; background-repeat:no-repeat; float:left; margin-left:10px; }
a.b-lin:hover, a.b-lin:active { background-image:url(../grafik/nav_links_sw.gif); float:left; }

a.b-kon:link, a.b-kon:visited { display:block; background-image:url(../grafik/nav_kontakt_gr.gif); width:157px; height:23px; background-repeat:no-repeat; float:left; margin-left:10px; }
a.b-kon:hover, a.b-kon:active { background-image:url(../grafik/nav_kontakt_sw.gif); float:left; }


a.c-cli:link, a.c-cli:visited { display:block; background-image:url(../grafik/sub_clip_gr.gif); width:53px; height:14px; background-repeat:no-repeat; float:left; margin-right:5px; }
a.c-cli:hover, a.c-cli:active { background-image:url(../grafik/sub_clip_sw.gif); float:left; }

a.c-bil:link, a.c-bil:visited { display:block; background-image:url(../grafik/sub_bild_gr.gif); width:74px; height:15px; background-repeat:no-repeat; float:left; margin-left:5px; margin-right:3px; }
a.c-bil:hover, a.c-bil:active { background-image:url(../grafik/sub_bild_sw.gif); float:left; }

a.c-aud:link, a.c-aud:visited { display:block; background-image:url(../grafik/sub_audio_gr.gif); width:68px; height:15px; background-repeat:no-repeat; float:left; margin-left:5px; }
a.c-aud:hover, a.c-aud:active { background-image:url(../grafik/sub_audio_sw.gif); float:left; }


a.d-al1:link, a.d-al1:visited { display:block; background-image:url(../grafik/sub_alle_gr.gif); width:30px; height:9px; background-repeat:no-repeat; float:left; margin-right:3px; }
a.d-al1:hover, a.d-al1:active { background-image:url(../grafik/sub_alle_sw.gif); float:left; }

a.d-al1:link, a.d-al1:visited { display:block; background-image:url(../grafik/sub_alle_gr.gif); width:30px; height:9px; background-repeat:no-repeat; float:left; margin-right:2px; }
a.d-al1:hover, a.d-al1:active { background-image:url(../grafik/sub_alle_sw.gif); float:left; }

a.d-pro:link, a.d-pro:visited { display:block; background-image:url(../grafik/sub_prof_gr.gif); width:103px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; margin-right:2px; }
a.d-pro:hover, a.d-pro:active { background-image:url(../grafik/sub_prof_sw.gif); float:left; }

a.d-pri:link, a.d-pri:visited { display:block; background-image:url(../grafik/sub_priv_gr.gif); width:45px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; margin-right:2px; }
a.d-pri:hover, a.d-pri:active { background-image:url(../grafik/sub_priv_sw.gif); float:left; }

a.d-al2:link, a.d-al2:visited { display:block; background-image:url(../grafik/sub_alle_gr.gif); width:30px; height:9px; background-repeat:no-repeat; float:left; margin-left:5px; margin-right:2px; }
a.d-al2:hover, a.d-al2:active { background-image:url(../grafik/sub_alle_sw.gif); float:left; }

a.d-ma:link, a.d-ma:visited { display:block; background-image:url(../grafik/sub_mart_gr.gif); width:93px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; margin-right:2px; }
a.d-ma:hover, a.d-ma:active { background-image:url(../grafik/sub_mart_sw.gif); float:left; }

a.d-etc:link, a.d-etc:visited { display:block; background-image:url(../grafik/sub_etc_gr.gif); width:24px; height:9px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.d-etc:hover, a.d-etc:active { background-image:url(../grafik/sub_etc_sw.gif); float:left; }


a.f-vor:link, a.f-vor:visited { display:block; background-image:url(../grafik/sub_back_gr.gif); width:81px; height:10px; background-repeat:no-repeat; float:left; margin-right:2px; }
a.f-vor:hover, a.f-vor:active { background-image:url(../grafik/sub_back_sw.gif); float:left; }

a.f-zur:link, a.f-zur:visited { display:block; background-image:url(../grafik/sub_next_gr.gif); width:91px; height:10px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.f-zur:hover, a.f-zur:active { background-image:url(../grafik/sub_next_sw.gif); float:left; }

a.f-zzu:link, a.f-zzu:visited { display:block; background-image:url(../grafik/sub_zzu_gr.gif); width:148px; height:10px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.f-zzu:hover, a.f-zzu:active { background-image:url(../grafik/sub_zzu_sw.gif); float:left; }

a.f-send:link, a.f-send:visited { display:block; background-image:url(../grafik/sub_send_gr.gif); width:148px; height:10px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.f-send:hover, a.f-send:active { background-image:url(../grafik/sub_send_sw.gif); float:left; }

a.a-cli:link, a.a-cli:visited { display:block; background-image:url(../grafik/sub_allclip_gr.gif); width:64px; height:8px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.a-cli:hover, a.a-cli:active { background-image:url(../grafik/sub_allclip_sw.gif); float:left; }

a.a-bil:link, a.a-bil:visited { display:block; background-image:url(../grafik/sub_allpic_gr.gif); width:75px; height:8px; background-repeat:no-repeat; float:left; margin-left:2px; margin-top:8px; }
a.a-bil:hover, a.a-bil:active { background-image:url(../grafik/sub_allpic_sw.gif); float:left; }

a.a-blo:link, a.a-blo:visited { display:block; background-image:url(../grafik/sub_toblog_gr.gif); width:75px; height:10px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.a-blo:hover, a.a-blo:active { background-image:url(../grafik/sub_toblog_sw.gif); float:left; }

a.a-aud:link, a.a-aud:visited { display:block; background-image:url(../grafik/sub_toblog_gr.gif); width:98px; height:8px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.a-aud:hover, a.a-aud:active { background-image:url(../grafik/sub_toblog_sw.gif); float:left; }

a.a-rad:link, a.a-rad:visited { display:block; background-image:url(../grafik/sub_allstats_gr.gif); width:98px; height:8px; background-repeat:no-repeat; float:left; margin-left:2px; }
a.a-rad:hover, a.a-rad:active { background-image:url(../grafik/sub_allstats_sw.gif); float:left; }

a.f-mw:link, a.f-mw:visited { display:block; background-image:url(../grafik/sub_credit_mw_gr.gif); width:8px; height:220px;  background-repeat:no-repeat; float:right; margin-left:8px; margin-top:41px; }
a.f-mw:hover, a.f-mw:active { background-image:url(../grafik/sub_credit_mw_sw.gif); float:right; }

a.f-ms:link, a.f-ms:visited { display:block; background-image:url(../grafik/sub_credit_ms_gr.gif); width:9px; height:261px; background-repeat:no-repeat; float:right; margin-left:4px; }
a.f-ms:hover, a.f-ms:active { background-image:url(../grafik/sub_credit_ms_sw.gif); float:right; }

a.f-add:link, a.f-add:visited { display:block; background-image:url(../grafik/addthis_btn.gif); width:16px; height:16px;  background-repeat:no-repeat; float:left; margin-top:10px; margin-left:0px; }
a.f-add:hover, a.f-add:active { background-image:url(../grafik/addthis_btn_sw.gif); float:left; }

a.f-rss:link, a.f-rss:visited { display:block; background-image:url(../grafik/addthis_rss_btn.gif); width:16px; height:16px; background-repeat:no-repeat; float:left; margin-top:10px; margin-left:8px; margin-right:2px; }
a.f-rss:hover, a.f-rss:active { background-image:url(../grafik/addthis_rss_btn_sw.gif); float:left; }

a.a-play:link, a.a-play:visited { display:block; background-image:url(../grafik/sub_play_gr.gif); width:62px; height:8px; margin-top:6px; }
a.a-play:hover, a.a-play:active { background-image:url(../grafik/sub_play_sw.gif);  }

a.rss-pre:link, a.rss-pre:visited { display:block; background-image:url(../grafik/sub_rss_prev_gr.gif); width:46px; height:8px; margin-top:8px; }
a.rss-pre:hover, a.rss-pre:active { background-image:url(../grafik/sub_rss_prev_sw.gif);  }

a.rss-nex:link, a.rss-nex:visited { display:block; background-image:url(../grafik/sub_rss_next_gr.gif); width:56px; height:10px; margin-top:6px; }
a.rss-nex:hover, a.rss-nex:active { background-image:url(../grafik/sub_rss_next_sw.gif);  }


/*  Fonts   */

p, ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}

headline {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#91815a;
}

.headform {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#91815a;
}

.textform {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#000;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#91815a;
}

.red {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#be0101;
}

.green {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#090;
}

.audiotitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.border_gr {
	border:solid #999 1px;
}
.blogtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #999;
	text-decoration: none;
}

/*  Links  */

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: underline;
}

a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
    color: #999;
    text-decoration: underline;
}

a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	color: #999;
}

a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	text-decoration: underline;
}


a.pur:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: none;
}

a.pur:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
    color: #999;
    text-decoration: none;
}

a.pur:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #999;
}

a.pur:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

a.blogtitle:link, a.blogtitle:visited, a.blogtitle:active{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #999;
	text-decoration: none;
}


a.blogtitle:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
}