/* @override http://www.tobias-hauser.de/~medianotions/styles/default.css */

/* Allgemeine Definitionen */

html
{	
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #646464;
	
	background: #CACACA;
}

body
{
	width: 970px;
	
	margin: 0 auto;
	padding-top: 30px;
	
	background: url(/~medianotions/images/pageBackgroundTop.gif) no-repeat top center;
}

div.site
{
	position: relative;
	width: 970px;
	padding-top: 50px;
	
	margin: 0 auto;
	background: url(/~medianotions/images/pageBackgroundCenter.gif) repeat-y;
}

img
{
	border: none;
}

/* Allgemeine Definitionen: Formulare */

form, 
input, 
textarea
{
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
}

input.text, 
textarea
{
	border: 1px solid #A1A1A1;
}


/* Logo */

div.logo
{
	position: absolute;
	left: 199px;
	top: 0;
	width: 741px;
	height: 31px;
	border-bottom: 1px solid #A1A1A1;
	text-align: right;
}


/* Footer */

div.footer
{
	position: relative;
	height: 121px;
	
	background: url(/~medianotions/images/pageBackgroundFooter.gif) no-repeat;
}

/* Footer: Meta-Navigation */

div.metaNavigation
{
	position: absolute;
	left: 15px;
	top: 0;
	width: 154px;
	height: 106px;
	padding-top: 10px;
}

div.metaNavigation a
{
	display: block;
	clear: both;
	text-decoration: none;
	width: 154px;
	height: 25px;
	overflow: hidden;
}

div.metaNavigation a:hover
{
	text-indent: -154px;
}

div.metaNavigation a#active1
{
	text-indent: -154px;
}

/* Footer: Typo */

div.typo
{
	position: absolute;
	left: 199px;
	top: 15px;
}

/* Navigation: Container */

div.navigation
{
	position: absolute;
	left: 15px;
	top: 0;
	padding-top: 8px;
	width: 154px;
	height: 458px;
}


/* Navigation: Einträge */

div.navigation a
{
	display: block;
	text-decoration: none;
	clear: both;
}

div.navigation a.level1
{
	width: 154px;
	height: 25px;
	overflow: hidden;
	border-bottom: 2px solid white;
}

div.navigation a.level1 img
{
	width: 308px;
	height: 25px;
}

div.navigation a.level1:hover
{
	text-indent: -154px;
}

div.navigation a#active1
{
	text-indent: -154px;
}

div.navigation a.level2
{
	padding: 4px 8px 0 15px;
	line-height: 14px;
	color: white;
	background: #C01414;
}

div.navigation a.level2:hover
{
	background: #C01414 url(/~medianotions/images/navBullet.gif) no-repeat 4px 7px;
}

div.navigation a#active2
{
	background: #C01414 url(/~medianotions/images/navBullet.gif) no-repeat 4px 7px;
}

/* Navigation: Facebook */

div.navigation div.facebook
{
	margin: 50px 0 0 15px;
}

/* Inhalt: Container */

div.content
{
	width: 741px;
	min-height: 600px;
	
	margin-left: 199px;
	margin-bottom: 20px;

	line-height: 16px;

	background: url(/~medianotions/images/contentDivider.gif) repeat-y 499px;
}

* html div.content
{
	height: 400px;
}

/* Inhalt: Absatzformate */

div.content h1
{
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 15px 0;
	width: 720px;
	height: 30px;
	overflow: hidden;
	text-indent: -700px;
	background-repeat: no-repeat;
}

div.content h2
{
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	width: 439px;
	height: 30px;
	overflow: hidden;
	text-indent: -700px;
	background-repeat: no-repeat;
	clear: both;
}

div.content h3
{
	position: relative;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	width: 439px;
	height: 25px;
	overflow: hidden;
	text-indent: -700px;
	background-repeat: no-repeat;
}

div.content h4
{
	position: relative;
	font-size: 12px;
	margin: 0 0 12px 0;
}

div.content p
{
	margin: 0 0 12px 0;
	width: 469px;
}

div.content p.breit
{
	width: 685px;
}

div.content p.error
{
	color: #C01414;
	font-weight: bold;
}

div.content p.highlight
{
	color: white;
	background: #AAAAAA;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	width: 429px;
}



/* Inhalt: Links */

div.content a
{
	color: #C01414;
	text-decoration: underline;
	padding: 0 1px 0 1px;
}

div.content a:hover
{
	text-decoration: none;
	color: white;
	background: #C01414;
}

div.content a.img
{
	padding: 0;
	text-decoration: none;
}

div.content a.img:hover
{
	color: #C01414;
	background: none;
}

div.content a.button
{
	color: white;
	background: #AAAAAA;
	padding: 2px 6px 2px 6px;
	line-height: 30px;
	text-decoration: none;
}

div.content a.button:hover
{
	background: #C01414;
}

div.content a.prevLink
{
	float: left;
}

div.content a.nextLink
{
	float: right;
}


/* Inhalt: Downloads */

div.content ul.downloads
{
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 0;
}

div.content ul.downloads li
{
	margin-bottom: 5px;
	margin-left: -2px;
}

div.content ul.downloads li.doc
{
	background: url(/~medianotions/images/iconDOC.gif) no-repeat;
}

div.content ul.downloads li.pdf
{
	background: url(/~medianotions/images/iconPDF.gif) no-repeat;
}

div.content ul.downloads li a
{
	margin-left: 20px;
}


/* Inhalt: Listen */

div.content ul
{	
	margin: 4px 0 12px 0;
	padding: 0;
	line-height: 16px;
	list-style-type: square;
}
 
div.content ul li
{
	margin-bottom: 3px;
	padding: 0;
	margin-left: 15px;
}

div.content ol

{	
	margin: 4px 0 12px 0;
	padding: 0;
	line-height: 16px;
}

div.content ol li
{
	margin: 0 10px 5px 16px;
	padding: 0;
}


/* Inhalt: Trenner */

div.content hr
{	
	border: 1px solid white;
	background: white;
	padding: 0;
	margin: 0;
	width: 439px;

	clear: both;
	text-align: left;
	border-top: 1px solid #9C9A9C;
	margin-bottom: 15px;
}

div.content hr.long
{	
	width: 98%;
}


/* Inhalt: Formulare */

form, input, select, textarea
{
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 120%;
}

div.content form input.text
{
	width: 200px;
	padding: 2px;
	border: 1px solid #A1A1A1;
}

div.content form select
{
	width: 196px;
}

div.content form textarea
{
	width: 220px;
}

/* Inhalt: Spalten 50 / 50 */

div.content div.colLeft
{
	position: relative;
	float: left;
	width: 48%;
	overflow: hidden;
}

div.content div.colRight
{
	position: relative;
	float: right;
	width: 48%;
	overflow: hidden;
}

/* Inhalt: Rechte Spalte */

div.rightCol
{
	position: absolute;
	right: 30px;
	width: 226px;
	margin: 0 0 15px 0;
}

div.rightCol a.img img
{
	display: block;
	margin-bottom: 15px;
}

/* Inhalt: ZeilenBoxen */

div.content div.row
{
	position: relative;
	clear: both;
	width: 741px;
	margin-top: 20px;
}

/* Inhalt: Fotografie */

div.content div.fotografie div.row h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 15px;
	width: 741px;
}

div.content div.fotografie div.row a.img
{
	margin-left: 0;
}

div.content div.fotografie div.row a
{
	margin-left: 627px;
}

div.content div.fotografie div.row a.img img
{
	margin-right: 11px;
}


/* Inhalt: Publikationen */

div.content div.publikationen div.row h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 15px;
	width: 690px;
}

div.content div.publikationen div.row div
{
	float: left;
	display: inline;
	width: 220px;
	margin-right: 15px;
	padding-bottom: 15px;
}

div.content div.publikationen div.row a
{
	display: block;
	margin-bottom: 4px;
}


/* Inhalt: Sponsoren */

div.content div.sponsoren div.row h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 15px;
	margin-top: 20px;
	width: 741px;
}

div.content div.sponsoren div.row a.img
{
	float: right;
	text-decoration: none;
}

div.content div.sponsoren div.row a.img img
{
	border: 1px solid #A1A1A1;
}


/* Inhalt: Vorträge */

div.content div.vortraege div.row h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 15px;
	width: 741px;
}

div.content div.vortraege div.row a.img
{
	float: right;
	text-decoration: none;
}


/* Inhalt: Termine */

div.content table.termine
{
	width: 741px;
}

div.content table.termine tr.head td
{
	border: none;
	padding: 0;
}

div.content table.termine tr.head td h2
{
	width: 100px;
}

div.content table.termine tr.date td
{
	background: #aaaaaa;
	padding: 0 0 0 4px;
	border-top: 15px solid white;
}

div.content table.termine td
{
	padding: 8px 4px 10px 0;
	vertical-align: top;
	border-top: 1px solid #A1A1A1;
}


/* Inhalt: Presse */

div.content div.presse h2
{
	border-top: 10px solid white;
}

div.content div.presse div.row
{
	width: 470px;
	margin-top: 0px;
}

div.content div.presse div.row div
{
	float: left;
	width: 156px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 10px;
}

div.content div.presse div.row div img
{
	display: block;
}

div.content div.presse div.row div a
{
	white-space: nowrap;
}

/* Inhalt: Online-Shop */

div.content div.shop div.row h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 15px;
	width: 741px;
}

div.content div.shop div.row a.img
{
	float: right;
	text-decoration: none;
}

div.content div.shop p.info
{
	font-weight: bold;
}

/* Inhalt: Warenkorb */

div.content form.warenkorb table
{
	width: 741px;
}

div.content form.warenkorb table tr th h2
{
	width: 100%;
}

div.content form.warenkorb table tr td.einzelpreis
{
	text-align: right;
	padding-right: 46px;
}

div.content form.warenkorb table tr td.menge input
{
	text-align: right;
	width: 35px;
}

div.content form.warenkorb table tr td.gesamtpreis
{
	text-align: right;
	padding-right: 37px;
}

div.content form.warenkorb table tr td.loeschen
{
	text-align: right;
}

div.content form.warenkorb table tr.zwischensumme td
{
	padding-top: 20px;
}

div.content form.warenkorb table tr.gesamt td
{
	font-weight: bold;
}

div.content form.warenkorb table tr.zwischensumme td,
div.content form.warenkorb table tr.versand td,
div.content form.warenkorb table tr.gesamt td,
div.content form.warenkorb table tr.mwst td
{
	height: 20px;
}

div.content form.warenkorb p.buttons
{
	padding-top: 20px;
}

/* Inhalt: Bestellung */

div.content form.bestellung table
{
	width: 711px;
}

div.content form.bestellung table tr td
{
	vertical-align: top;
}

div.content form.bestellung table tr td p
{
	width: 100%;
}

div.content form.bestellung table tr td textarea
{
	width: 97%;
	height: 180px;
}

div.content form.bestellung p.buttons
{
	padding-top: 10px;
}

/* Inhalt: Sitemap */

div.content h2 a.sitemapLevel1
{
	display: block;
	width: 439px;
	height: 30px;
}

div.content h2 a.sitemapLevel1:hover
{
	background: none;
}

div.content a.sitemapLevel2
{
	line-height: 20px;
}

/* Inhalt: Stimmen */

div.content div.testimonial h2
{
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 5px;
	width: 741px;
}

div.content div.testimonial p
{
	font-style: italic;
	margin-bottom: 15px;
	width: 731px;
}

div.content p.testimonial strong
{
	display: none;
}