/*
	filename: m2-basic.css
	Basic text formatting for the MedienMittwoch Website
	version 1.0.6 - 2006-03-15
	author: martin dot kliehm at bluemars dot net
*/

/* import some Yahoo! User Interface (YUI) styles */
@import url("reset.css");
@import url("fonts.css");

/* import specialized style sheets */
@import url(m2-chrome.css);

/*
m2LighterGrey	:	#e0e0e0;
m2LightGrey		:	#716f6e;
m2MediumGrey	:	#666;
m2DarkGrey		:	#454545;
m2DarkerGrey	:	#3d3938;
m2DarkRed		:	#c00;
*/

/* body */
body, html {
	color			:	#222;
	background		:	white;
	margin			:	0;
	padding			:	0;
}
body * {
	margin			:	0;
	padding			:	0;
}

/* font families */
address, blockquote, div, caption, dfn, dl, fieldset, img, input, ol, option, p, select, textarea, td, th, ul {
	font-family		:	Helvetica, Arial, sans-serif;
}
dt, h1, h2, h3, h4, h5, legend {
	font-family		:	Helvetica, Arial, sans-serif;
}
code, pre, pre a, samp, kbd {
	font-family		:	monospace;
}
	

/* links */
a {
	color			:	black;
}
#m2MetaNav a:hover, #m2MetaNav a:active, #m2MetaNav a:focus, .m2IntroTeaser .highlight a:hover, .m2IntroTeaser .highlight a:active, .m2IntroTeaser .highlight a:focus {
	text-decoration	:	underline;
}
#m2MetaNav a {
	font-size		:	92%;
	color			:	white;
	text-decoration	:	none;
	margin			:	0 0.5em;
}
#breadcrumb a, #breadcrumb span.bcAct {
	color			:	#ccc;
	background		:	#333 url(/img/gen-icons) 0 -1448px no-repeat; /* gen-bcrumb-level 0 50% */
	padding-left	:	15px;
	margin-left		:	10px;
	text-decoration	:	none;
}
#breadcrumb a.first, #breadcrumb span.first {
	margin-left		:	0;
}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus {
	text-decoration	:	underline;
}
#breadcrumb span.bcAct {
	padding-left	:	10px;
	color			:	white;
	background		:	#333 url(/img/gen-icons) 0 -1398px no-repeat; /* gen-bcrumb-act 0 50% */
}
.m2IntroTeaser .highlight a {
	display			:	block;
	color			:	white;
	background		:	#c00 url(/img/gen-icons) 0 -450px no-repeat; /* gen-link-intern-highlight 0 50% */
	padding-left	:	15px;
	text-decoration	:	none;
}
.guestlist a {
	background		:	url(/img/gen-icons) 2px -900px no-repeat; /* gen-link-vcard-no 2px 50% */
	padding			:	0 2px 1px 19px;
	text-decoration	:	none;
}
#m2Copy a span, .m2Copytext a span, .response a span {
	border-bottom	:	1px solid #c00;
}
#m2Copy .guestlist a:hover, #m2Copy .guestlist a:focus, #m2Copy .guestlist a:active {
	background		:	white url(/img/gen-icons) 2px -950px no-repeat; /* gen-link-vcard-ms 2px 50% */
}
.m2CopySummary a.intern {
	padding-left	:	17px;
	text-decoration	:	none;
	background		:	url(/img/gen-icons) 0 -650px no-repeat; /* gen-link-intern-summary-no 0 50% */
}
.m2CopySummary a.intern:hover, .m2CopySummary a.intern:focus, .m2CopySummary a.intern:active {
	text-decoration	:	underline;
}
.m2Copytext ul {
	margin-left		:	1.1em;
}
#m2FooterTopLink a {
	padding			:	0 1px 0 17px;
	background		:	url(/img/gen-icons) 2px -800px no-repeat; /* gen-link-top-no 1px 50% */
}
#m2FooterTopLink a:hover, #m2FooterTopLink a:focus, #m2FooterTopLink a:active {
	background		:	white url(/img/gen-icons) 2px -850px no-repeat; /* gen-link-top-ms 2px 50% */
}
div.section a.intern {
	padding			:	0 2px 0 16px;
	background		:	url(/img/gen-icons) 1px -350px no-repeat; /* gen-link-intern-no 1px 50% */
}
div.section a.extern {
	padding			:	0 2px 0 14px;
	background		:	url(/img/gen-icons) 1px -500px no-repeat; /* gen-link-extern-no 1px 50% */
}
div#m2MarginColumn a.url {
	padding			:	0 2px 0 19px;
	text-decoration		:	none;
	background		:	url(/img/gen-icons) 4px -500px no-repeat; /* gen-link-extern-no 4px 50% */
}
div.section a.intern:hover, div.section a.intern:focus, div.section a.intern:active {
	background		:	white url(/img/gen-icons) 1px -400px no-repeat; /* gen-link-intern-ms 1px 50% */
}
div.section a.extern:hover, div.section a.extern:focus, div.section a.extern:active {
	background		:	white url(/img/gen-icons) 1px -550px no-repeat; /* gen-link-extern-ms 1px 50% */
}
div#m2MarginColumn a.url:hover, div#m2MarginColumn a.url:focus, div#m2MarginColumn a.url:active {
	background		:	white url(/img/gen-icons) 4px -550px no-repeat; /* gen-link-extern-ms 4px 50% */
}
div#m2Copy ul.links a {
	padding			:	1px;
	text-decoration	:	none;
}
div#m2Copy ul.links a:hover, div#m2Copy ul.links a:focus, div#m2Copy ul.links a:active {
	background		:	white;
}
a.email {
	padding			:	0 1px 1px 19px;
	text-decoration	:	none;
	background		:	url(/img/gen-icons) 1px -250px no-repeat; /* gen-link-email-no 1px 50% */
}
a.email:hover, a.email:focus, a.email:active {
	background		:	white url(/img/gen-icons) 1px -300px no-repeat; /* gen-link-email-ms 1px 50% */
}
a.extern {
	padding			:	0 2px 0px 19px;
	text-decoration	:	none;
	background		:	url(/img/link-icons/gen-link-extern-no) 4px 50% no-repeat;
}
a.extern:hover, a.extern:focus, a.extern:active {
	background		:	white url(/img/link-icons/gen-link-extern-ms) 4px 50% no-repeat;
}
a.intern {
	padding			:	0 2px 0px 19px;
	text-decoration	:	none;
	background		:	url(/img/link-icons/gen-link-intern-no) 4px 50% no-repeat;
}
a.intern:hover, a.intern:focus, a.intern:active {
	background		:	white url(/img/link-icons/gen-link-intern-ms) 4px 50% no-repeat;
}
a.download {
	padding			:	0 2px 0 19px;
	text-decoration	:	none;
	background		:	url(/img/link-icons/gen-link-download-no) 2px 50% no-repeat;
}
a.download:hover, a.download:focus, a.download:active {
	background		:	white url(/img/link-icons/gen-link-download-ms) 2px 50% no-repeat;
}
#m2Copy div.pageNav p.import a {
	padding-left	:	19px;
	background		:	url(/img/gen-icons) 2px -100px no-repeat; /* gen-link-download-no 2px 50% */
}
#m2Copy div.pageNav p.import a:hover, #m2Copy div.pageNav p.import a:focus, #m2Copy div.pageNav p.import a:active {
	background		:	white url(/img/gen-icons) 2px -150px no-repeat; /* gen-link-download-ms 2px 50% */
}

/* abbreviations and acronyms */
abbr, acronym, .dotted {
	font-variant	:	inherit;
	font-style		:	inherit;
	text-transform	:	none;
	border-bottom	:	0 none;
}
abbr[title], acronym[title], .dotted {
	cursor			:	help;
	border-bottom	:	1px dotted #aaa;
}
a.dotted {
	cursor			:	pointer;
}
#acronymBox {
	background		:	#ffc;
	border			:	1px solid #000;
	padding			:	0 0.2em;
}
#acronymBox p {
	color			:	black;
	font-family		:	sans-serif !important;
	margin			:	0 !important;
	padding			:	0 !important;
}

/* address */
address	{
	font-variant	:	normal;
	font-style		:	normal;
	text-transform	:	none;
}
/*div.m2CopySummary address.location {
	padding-bottom	:	0.9em !important;
	border			:	1px solid pink;
}*/

/* headlines */
h1 {
	position		:	relative;
	font-size		:	136%;
	color			:	#c00;
	background		:	white;
	padding			:	0.6em 0.6em 1.6em 0.6em;
}
h2, h3 {
	font-size		:	100%;
}
h4, h5, legend {
	font-size		:	92%;
}
.m2Separator h2, #m2MarginColumn h3, .m2Separator h4, .m2Copytext .vcards .m2Separator h4 {
	color			:	white;
}
#m2Copy ul.none h5 {
	margin-bottom	:	0.3em;
}
.vcards .m2Separator, .sub .m2Separator {
	padding-left	:	19px;
	margin-bottom	:	0.9em;
}
.sub .m2Separator {
	padding-left	:	12px;
}
form.m2Copytext h2 {
	display			:	inline;
	margin-right	:	1.0em;
}
h2.m2Copytext, .m2Copytext h3, .m2Copytext h4 {
	margin			:	0 0 0.5em;
}
.m2Copytext .m2Separator h4, .m2Copytext .m2Separator h3 {
	margin			:	0;
	color			:	#333;
}
#m2Copy div.infoPrefs h3 {
	float			:	left;
	margin-top		:	0.25em;
}
#m2Copy div.pageNav h3 {
	text-align		:	center;
	padding-bottom	:	0.7em;
	margin			:	0;
}
#m2Copy div.infoPrefs fieldset {
	text-align		:	right;
}
.m2CopySummary h3 {
	font-size		:	107%;
	color			:	#c00;
	margin-bottom	:	0.9em;
}

/* images */
img {
	display			:	block;
	border			:	0;
}
img.floatRight, p.floatRight img, object.floatRight {
	position		:	relative;
	float			:	right;
	display			:	inline;
	margin			:	0.2em 0 0.5em 0.5em;
	border			:	1px solid #999;
}
img.floatLeft, div.horiz img {
	position		:	relative;
	float			:	left;
	display			:	inline;
	margin			:	0.2em 0.5em 0.5em 0;
	border			:	1px solid #999;
}
img.border {
	margin			:	0.5em 0;
	border			:	1px solid #999;
}
div.horiz img {
	float			:	none;
	width			:	316px;
	height			:	auto;
	display			:	block;
}
.copyright img {
	display			:	inline;
	vertical-align	:	middle;
}
#m2Copy ul#foto-thumbnails li img {
	display			:	inline;
}
#m2Copy ul#foto-thumbnails li img.horiz {
	padding			:	11px 0;
}
#m2Copy ul#foto-thumbnails li img.vert {
	padding			:	0 11px;
}
#m2Copy ul#foto-thumbnails li img.zoom {
	position		:	absolute;
	top				:	70px;
	left			:	65px;
	/*z-index			:	1000;*/
}

/* copytext */
address, caption, cite, p, label {
	font-size		:	0.9em;
	line-height		:	1.3;
}
div.m2Content address, div.m2Content p, p.copyright, div.m2Content ol, div.m2Content ul {
	margin-bottom	:	0.9em;
}
p.nomargin, ul.nomargin {
	margin			:	0;
}
p.caption {
	font-size		:	0.8em;
}
.m2IntroText p {
	margin			:	0.9em 0 0 !important;
	font-size		:	122%;
}
#m2FooterTopLink p {
	font-size		:	85%;
}


/* quotes */
q:before {
	content			:	"";
}
q:after {
	content			:	"";
}

/* superscript & subscript */
sup, sub	{
	font-size		:	0.7em;
	line-height		:	0.6em
}
h1 sup, h1 sub {
	font-size		:	0.6em;
	line-height		:	0.7em
}

/* lists */
ul {
	margin			:	0 0 0.9em 0;
}
ol {
	margin			:	0 0 0.9em 1.7em;
}
#m2Copy ul {
	margin-left		:	1.1em;
}
#m2Copy ol {
	margin-left		:	1.3em;
}
#m2Copy ul.none, #m2Copy ul.none li, #m2Copy ul#foto-thumbnails {
	margin-left		:	0;
	list-style		:	none;
}
#m2Copy .sub ul.none li {
	border-bottom	:	1px solid #999;
	padding-bottom	:	1.2em;
	margin-bottom	:	0.9em;
}
#m2Copy .sub ul.none li.last {
	border			:	none;
	padding			:	0;
	margin			:	0;
}
#m2Copy ul#foto-thumbnails {
	overflow		:	auto;
	margin-right	:	-25px;
}
#m2Copy ul#foto-thumbnails li {
	display			:	block;
	width			:	90px;
	height			:	90px;
	background		:	#ddd;
	position		:	relative;
	list-style		:	none;
	text-align		:	center;
	margin			:	0 25px 10px 0;
	float			:	left;
}
#m2Copy .guestlist {
	margin-left		:	0;
	border-bottom	:	1px solid #999;
	padding-bottom	:	0.8em;
}
#m2Copy .vcards ul.guestlist {
	border-bottom	:	none;
	padding-bottom	:	0;
}
#m2Copy .guestlist li {
	list-style		:	none;
	margin-left		:	18px;
	text-indent		:	-19px;
}
dt {
	font-size		:	0.9em;
	line-height		:	1.4em;
	font-weight		:	bold;
	margin-top		:	0.9em;
}
dd {
	font-size		:	0.9em;
	line-height		:	1.4em;
}
div.m2Content ol address, div.m2Content ol p, div.m2Content ul p, div.m2Content ul ul {
	margin-bottom	:	0
}
li {
	list-style		:	square;
	font-size		:	0.9em;
	line-height		:	1.3;
	margin-bottom	:	0.5em;
}
div.m2Content ol li {
	list-style		:	decimal;
}
div.m2Content ul li li {
	list-style		:	disc;
}
li li, li h2, li h3, li h4, li h5, li p, li address, dt h1, dt h2, dd h2, dd h3, dd p, dd address {
	font-size		:	1em;
}
div#m2Copy ul.links {
	padding			:	0.5em 0 0 6px;
}
div#m2Copy ul.links li {
	list-style		:	url(/img/gen-link-list-item);
}

/* strong */
b, strong, .bold {
	font-weight		:	bold;
	stress			:	50;
}
.normal {
	font-weight		:	normal;
	font-style		:	normal;
}
/* emphasis */
i, em {
	font-style		:	italic;
}

/* general styles */
.clear, .clearRight {
	font			:	1px/1px sans-serif;
	height			:	1px;
	clear			:	both;
}
.clearRight {
	clear			:	right;
}
.right {
	text-align		:	right;
}
.center {
	text-align		:	center;
}
.error, .error li, .error label {
	color			:	#cc0000;
	font-weight		:	bold;
}
.floatleft {
	float			:	left;
}
.floatright {
	float			:	right;
}
.last {
	margin-bottom	:	0;
}
span.indent {
	display			:	block;
	float			:	left;
	width			:	5em;
}

.nowrap {
	white-space		:	nowrap;
}
.skip {
	position		:	absolute;
	top				:	0;
	left			:	-1000px;
	width			:	0;
	overflow		:	hidden;
	color			:	#333;
}
.spellout {
	speak			:	spell-out;
	speak-punctuation : code;
}
.author {
	font-weight		:	normal;
}
.noShow {
	position		:	absolute;
	display			:	none;
	visibility		:	hidden;
	top				:	0;
	left			:	-1000px;
}

/* forms */
form, fieldset {
	font-size		:	1em;
	margin			:	0;
	padding			:	0;
	border			:	0 none;
	clear			:	none;
}
fieldset {
	margin-bottom	:	1.3em;
}
fieldset.gender {
	margin-bottom	:	0;
}
form.m2Copytext {
	padding-top		:	0;
}
form#itemsPerPageForm fieldset * {
	margin-bottom	:	0;
}
fieldset p {
	margin			:	0;
	padding			:	0;
	height			:	1%;
}
fieldset p.bottomMargin {
	margin-bottom	:	0.5em;
}
input, label, select {
	font-size		:	0.9em;
	vertical-align	:	middle;
}
input.text, select, textarea {
	border			:	1px solid #666;
	background		:	white;
	padding			:	1px 2px;
	line-height		:	1.1;
	width			:	17em;
	margin-bottom	:	5px;
}
input#search {
	border-color	:	#999;
	width			:	10.0em;
	margin-bottom	:	0;
}
input.text:focus, input#search:focus, textarea:focus {
	background		:	#ffd;
}
.infoPrefs select {
	margin-bottom	:	0;
}
select[id] {
	padding			:	0;
	width			:	17.5em;
}
input.radio, input.checkbox {
	vertical-align	:	middle;
	background		:	transparent;
	border			:	0 none;
	padding			:	0;
	width			:	1.2em;
	height			:	1.2em;
	margin-left		:	0.8em;
}
input.checkbox {
	margin-left		:	0;
}
input#strasse, input#ort, input#telNummer, input#faxNummer {
	width			:	12.3em;
}
input#hausnummer, input#plz, input#telVorwahl, input#faxVorwahl, input#sTitel {
	width			:	4em;
}
input#sTitel {
	margin-right	:	13em;
}
input#hausnummer[id], input#plz[id], input#telVorwahl[id], input#faxVorwahl[id] {
	width			:	3.6em;
}
input.readonly, select.readonly {
	color			:	#999;
	background		:	#e8e8e8 !important;
}
input.submit {
	margin-left		:	0.6em;
	cursor			:	pointer;
}
p.submit {
	margin-top		:	1em;
}
label.anrede {
	vertical-align	:	2px;
}
label.checkbox {
	vertical-align	:	1px;
}
legend {
	margin-left		:	-6px;
	padding-top		:	1em;
}
form[id] legend {
	margin-left		:	0;
}
input#email {
	margin-bottom	:	1.4em;
}
form.register input#email {
	margin-bottom	:	5px;
}

p label, p input, p select, legend label, h2 label {
	font-size		:	1em;
	vertical-align	:	top;
}
form.m2Copytext h2 label {
	vertical-align	:	middle;
}
form.checkin  p.remarks {
	font-size		:	0.8em;
	margin-bottom	:	0.5em;
}
form.checkin  p.error {
	margin-bottom	:	1em;
}
textarea {
	font-size		:	0.9em;
	width			:	33em;
	height			:	8em;
	margin-bottom	:	0;
}
.thickbox {
	display			:	none;
}