/*
Theme Name: Jojomo
Theme URI: http://www.johannes-moser.com
Description: The theme for Johannes Moser's Website.
Version: 1.0
Author: Johannes Zapotoczky
Author URI: http://www.zapotoczky.com
Designer: Ido Vaginsky
Designer URI: http://www.lazooz.com/

All rights reserved.

*/

h2 { font-size: 14px; padding: 0px; margin:0 ; }
h2.postheader { color:#333333; }

#formarea { width: 210px; height: 279px; padding: 0 0 0 10px; }
#formarea { font-family: Arial; letter-spacing: 2px; }

#formarea h3 { font-weight: normal; color: #ffffff; padding: 20px 0 0 20px; margin: 0px; font-size: 14px; }
#formarea h4 { font-weight: normal; color: #666666; padding: 0px; margin: 0 10px; font-size: 12px;}

#formarea .input {  border: 1px solid #999999; background-color: #cccccc; width: 188px; margin: 10px 0; padding: 5px 10px; }
#formarea input.text { margin: 0 10px 10px 10px; border: 1px solid #999999; width: 166px; }
#formarea input.button { background-color: #000000; color: #ffffff; float: right; margin: 0 10px 10px 10px; border: 1px solid #999999; font-family: Arial; letter-spacing: 2px; }

a { color: #666666; }
a:hover { color: #333333; }

body { border: 0; margin: 0; padding: 0;
	text-align: left; }

#global { border: 0; top: 81px; bottom: 81px;
	padding: 0 0 81px 0;
	text-align: left; overflow: auto;
	position: relative; }
	
.inner { border: 0; margin: 0 0 0 -512px; padding: 0;
	text-align: left; overflow: auto;
	position: relative; width: 1024px; left: 50%; }
	
.home_bg { width: 1024px; height: 460px; overflow: hidden; }
embed, object { border: 0; margin: 0; padding: 0; z-index: 500;
 } 
 
#top { position: fixed; z-index: 1000; background-color: #ffffff; height: 80px; width: 100%; top: 0; }
* html #top { position: absolute; }

#menu { position: fixed; top: 50px; z-index: 1000; width: 100%; height: 30px; background-image: url(./img/bg-menu2.png); background-position: center;
	border-bottom: 1px solid #ffffff; margin: 0; padding: 0px 0px 0 0; text-align: center; }
* html #menu { position: absolute; }

#menushadow { position: fixed; top: 81px; z-index: 1000; height: 10px; width: 100%;  background-image: url(img/menuschatten.png); }
* html #menushadow { position: absolute; display: none;  }

#menu ul { float: right;  padding: 0 124px 0 0 ; margin: 0; border: 0; line-height: 10px; }

#menu li, #menu li a { list-style-type: none; float: left;
	padding: 0px 0 0 10px; margin: 0; border: 0; }
	


img { border: 0; }


#header { background-image: url(./img/bg_header.png); background-color: #2f3c4a; background-color: #ffffff;
	 border-bottom: 1px solid #ffffff; }

#homeheader { background-image: url(./img/jomo_home_bg.png); border-bottom: 1px solid #ffffff;
	border: 0; margin: 0; padding: 0;}
#homeheader-left { background-image: url(./img/jomo_home_bg_left.jpg);
	width: 1024px; height: 460px; float: left; overflow: auto; position: absolute;
	border: 0; margin: 0; padding: 0; }


#header-life { display: block; background-image: url(./img/jomo_life.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-time { display: block; background-image: url(./img/jomo_time.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-news { display: block; background-image: url(./img/jomo_news.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-media { display: block; background-image: url(./img/jomo_media.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-discs { display: block; background-image: url(./img/jomo_discs.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-projects { display: block; background-image: url(./img/jomo_projects.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-newsletter { display: block; background-image: url(./img/jomo_newsletter.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-contact { display: block; background-image: url(./img/jomo_contact.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }

#header-life, #header-time, #header-news, #header-media, #header-discs, #header-projects, #header-newsletter, #header-contact { overflow: hidden; }

#headline { border-top: 1px solid #fff; }
* #headline .inner { width: 900px; }

#content { background-color: #cccccc; }
#content .inner { background-image: url(./img/bg_logo.png); background-repeat: no-repeat; padding: 0 0 60px 190px; width: 710px;
	font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; line-height: 18px; letter-spacing: 0.5px; color: #222222;  }

#footline { border-top: 1px solid #ffffff;  background-image: url(./img/bg_footer.png); height: 25px; }
#footer { border-top: 1px solid #ffffff;  background-image: url(./img/bg_footer.png); height: 25px;
	color: #ffffff; font-size: 10px; font-family: Verdana; }
#footer.inner { border: 0; margin: 0 0 0 -512px; padding: 0;
	text-align: left; overflow: auto;
	width: 1024px; left: 50%; }

.clear { clear: both; }

.home, .life, .time, .news, .media, .discs, .projects, .newsletter, .outreach, .contact  { padding: 0 !important; 
	height: 30px; background-repeat: no-repeat; text-decoration: none; }
	
.home { background-image: url(./img/menu_home.gif); width: 49px; }
.home:hover, .life:hover, .time:hover, .news:hover, .media:hover, .discs:hover,
.projects:hover, .newsletter:hover, .outreach:hover, .contact:hover { background-color: #f5f5f5; }
.life { background-image: url(./img/menu_life.gif); width: 35px; }
.time { background-image: url(./img/menu_time.gif); width: 44px; }
.news { background-image: url(./img/menu_news.gif); width: 49px; }
.media { background-image: url(./img/menu_media_en.gif); width: 48px; }
.discs { background-image: url(./img/menu_discs_en.gif); width: 47px; }
.projects { background-image: url(./img/menu_projects_en.gif); width: 71px; }
.newsletter { background-image: url(./img/menu_newsletter.gif); width: 90px; }
.outreach { background-image: url(./img/menu_outreach.gif); width: 72px; }
.contact { background-image: url(./img/menu_contact_en.gif); width: 65px; }

.lifehl { background-image: url(./img/hl_life.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.timehl { background-image: url(./img/hl_time.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.newshl { background-image: url(./img/hl_news.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.medihl { background-image: url(./img/hl_media.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.dischl { background-image: url(./img/hl_discs.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.projhl { background-image: url(./img/hl_projects.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }
.newslhl { background-image: url(./img/hl_newsletter.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px; }
.outreahl { background-image: url(./img/hl_outreach.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px; }
.conthl { background-image: url(./img/hl_contact.png); background-repeat: no-repeat;  width: 570px; height: 21px; margin: 15px 0 35px 140px;  }

.padleft { padding-left: 180px; }

.contactcontent p { padding:10px 0; margin:10px 0; border-bottom:1px solid #999999; }
.watchcontent p  { padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #999999; }
span.audioplayer_container { display:block; border:0; padding: 5px 0; margin: 5px 0; }

hr{ border: 0px; /* FŸr Firefox und Opera */
 border-top: solid 1px #999999;
 border-bottom: transparent;
 width: 475px;
}

table.cal { width: 700px; background-color: #bbbbbb; }
table.cal th { color: #ffffff; font-size: 14px; font-weight: normal; }
table.cal tr { }
table.cal td { background-color: #dddddd; padding: 5px 5px; vertical-align: top; }

#prefooter { border-top: 1px solid #ffffff; background-position: center;  background-image: url(./img/bg-prefooter.png); height: 14px; width: 100%; }

#langsel { position: absolute; top: 35px; right:5px; font-family: Verdana, Sans-Serif; font-size:8px; padding: 0; color: #333333; }
#menuitems {}
ul#mediamenu { list-style-type: none; width: 100px; border: 0; padding: 0px 0 0 0; margin: 0; }
ul#mediamenu li { text-decoration: none; font-size: 12px; background-color: #999999;
	margin: 0px 0 10px 0;  }
a.mediamenu { text-decoration: none; color: #ffffff; display: block; padding: 0 0 0 20px; }
a.mediamenu_active { background-color: #333333; text-decoration: none; color: #ffffff; display: block; padding: 0 0 0 20px; }
a.mediamenu:hover { background-color: #555555; display: block; padding: 0 0 0 20px; }

#medinner { background-color: #bbbbbb; display: block; padding: 20px 0 0 0; }

#medmenu { float: left; padding: 0px 20px 0 0px; }

#medcontent { min-height: 150px; width: 580px; padding: 0px 0 0 0px; float: left; }

#newsreg { border: 3px solid #333333; width: 701px; height: 279px;
	background-image: url(./img/bg_newsletter.jpg); }
	

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}