/* type specs allgemeingueltig */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
	background-image: none;
	background-color: #F0F0F0;
}
a {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	
}
a:visited {
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #99CC33;
	}
	
.header_picture {
	background-color: #003399;
}
.placeholder_01 {
	background-color: #FFCC00;
}
/* LAYOUT TAGS */
/* container holding everything */
#container{
	background-color: #FF00FF;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#header{
	height: 35px;
	width: 800px;
	background-image: none;
	background-color: #F0F0F0;
}
#content_container{
	background-color: #F0F0F0;
	height: 768px;
	width: 800px;
}
/* GENAUERE LAYOUT TAGS */
/* in der linken haelfte das logo */
.logo_navi {
	width: 163px;
	height:362px;
	overflow: hidden;
	float: left;
	clear: none;
	background-image: none;
	background-color: #99CC33;
}
/* in der rechten haelfte also der strukturierte inhalt */
/* hauptcontainer ist "inhalts_fenster", darin gibts drei grundlayouts: */
/* layout 1: titel ("inhalts_fenster_titel") und zentrierter content ("centered_content") */
/* layout 2: titel ("inhalts_fenster_titel") DANN neuer container ("listen_container") da drin dann sub-navigation ("listen_sub_navi") und inhalt ("listen_content") */
/* layout 3: titel ("inhalts_fenster_titel") DANN neuer container ("split_container") da drin dann zwei inhaltsgefaesse links und rechts ("split_content_left" und "split_content_right"), JEWWILS MIT subtiteln ("split_content_left_subtitel" / "split_content_rechts_subtitel") und content drin ("split_content_left_content" / "split_content_right_content")*/
/* ================================== */
/*
=========================
gilt fuer alle 3 layouts: 
=========================
*/
.inhalts_fenster {
	float: none;
	height:718px;
	width: 605px;
}
.inhalts_fenster_titel {
	float: none;
	height:44px;
	width: 605px;
}
/* 
=======================
gilt nur fuer layout 1:
======================= 
*/
.centered_content {
	float: left;
	height:664px;
	width: 580px;
	padding-right: 15px;
	padding-left: 10px;
}
.centered_content_content {
	background-color: #FFFFFF;
	height:654px;
	width: 550px;
	overflow: auto;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.centered_content_content_subtitel {
	height:20px;
	width: 180px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}
/*
=======================
gilt nur fuer layout 2:
=======================
*/
.listen_container {
	float: none;
	height:664px;
	width: 580px;
	overflow: hidden;
	padding-right: 15px;
	padding-left: 10px;
}
.listen_sub_navi {
	float: none;
	height:20px;
	width: 585px;
	overflow: hidden;
}
.listen_content {
	background-color: #FFFFFF;
	float: none;
	height:634px;
	width: 550px;
	/*overflow: auto;*/
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: auto;
}
/*
=======================
gilt nur fuer layout 3:
=======================
*/
.split_container {
	height:664px;
	width: 605px;
}
.split_content_left {
	float: left;
	height:664px;
	width: 385px;
	overflow: auto;
	padding-left: 10px;
}
.split_content_left_subtitel {
	height:20px;
	width: 385px;
}
.split_content_left_content {
	background-color: #FFFFFF;
	height:634px;
	width: 354px;
	/*overflow: auto;*/
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: auto;
}
.split_content_right {
	float: right;
	height:664px;
	width: 180px;
	padding-right: 15px;
}
.split_content_right_subtitel {
	height:20px;
	width: 180px;
	font-style: italic;
}
.split_content_right_covershot {
	background-color: #FFFFFF;
	height:200px;
	width: 160px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.split_content_right_content {
	background-color: #FFFFFF;
	height:434px;
	width: 172px;
	overflow: auto;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.banner {
	height:180px;
	width: 180px;
	padding-top: 244px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* fuer zentrierte contents */
.content {
	background-color: #f0f0f0;
	float: left;
	height:620px;
	width: 768px;
	overflow: auto;
}
.content_center {
	background-color: #f0f0f0;
	float: left;
	height:534px;
	width: 580px;
	overflow: auto;
}
/* speziell fuer merch-content */
.merchcontent_holder {
	background-color: #f0f0f0;
	float: left;
	height:534px;
	width: 580px;
}
/* fuer linksbuendige contents */
.content_left {
	background-color: #F0F0F0;
	width: 180px;
	height:516px;
	float: left;
	clear: none;
	background-image: url(pics/basics/logo_navi_bg.gif);
}
/* fuer rechtsbuendige contents / ACHTUNG! nur wieder n container fuer sub-content-behaelter */
.content_right {
	width: 620px;
	height:732px;
	clear: right;
	float: right;
	margin-left: 0px;
	background-color: #F0F0F0;
	background-image: url(pics/basics/content_bg.gif);
}
/* fuer spezifische boxen im rechtsbuendigen content */ 
.content_upper_right {
	background-color: #f0f0f0;
	float: right;
	width: 200px;
	height:414px;
	overflow: auto;
	margin-bottom: 10px;
	clear: none;
}
/* fuer rechts unten pickwick_werbung */
.content_lower_right {
	background-color: #CC3300;
	float: right;
	height: 100px;
	width: 200px;
	font-style: normal;
	clear: right;
}
/* merchandise div, containing pic, dropdown,number-textfield, textfeld, submitbutton (machtn email..) */
.merchandise_shop_element {
	background-color: #f0f0f0;
	float: left;
	width: 580px;
	height:200px;
	margin-bottom: 10px;
	clear: left;
}
.merchandise_shop_picture {
	float: left;
	width: 267px;
	height:200px;
}
.merchandise_shop_description {
	background-color: #dddddd;
	float: left;
	width: 298px;
	height:200px;
}
.merchandise_shop_checkout {
	background-color: #dddddd;
	float: left;
	width: 580px;
	height:200px;
}
/* AND NOW FOR THE SPECIFIC TYPE LAYOUT.. */
/* setzt bei .content_right an, weil es da an alles 
vererbt */
.content_right a {
	color: #000000; 
	line-height: 120%;
	text-decoration: underline;
	text-align: left;
	}
.content_right a:visited {
	color: #666666;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	}
.content_right a:hover {
	color: #99CC33;
	line-height: 120%;
	text-decoration: underline;
	text-align: left;
	}
.content_right a:active {
	color: #99CC33;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	}
/* AND NOW FOR THE VERY VERY SPECIFIC TYPE LAYOUT.. */
/* setzt wiederum bei .inhalts_fenster an, weil die 
einzuege etc. immer die gleichen sein werden. es wird vererbt von oben, d.h. was nicht spezifisch gekennzeichnet ist, wird von oben her definiert... */
/* fuer .content_right und alles darin sich befindende */
	
.content_right p {
	color: #000000;
	line-height: normal;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
/*fuer den laufext */
.content_right lauftext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	}
/* fuer das datum */	
.content_right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	background-color: #99CC33;
	margin-right: 0px;
	margin-left: 0px;
	text-transform: uppercase;
	text-indent: 5pt;
	}
/* grosser titel, zB links uebertitel */
.content_right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bolder;
	text-align: left;
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 0px;
	}
/* mittlerer titel, zB links uebertitel */
.content_right h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 0px;
	font-style: italic;
	}
/* kleiner titel, zB fuer zwischentitel bei offenen texten */
.content_right h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
	font-style: italic;
	}
/* einfach fettdruck */
.content_right bold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
	font-style: normal;
	}
/* dann .content_upper_right */
	
.content_upper_right p {
	color: #000000;
	line-height: 120%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 2px;
	}
	
.content_upper_right p.right_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	text-transform: uppercase;
	background-color: #464646;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
/* content_center */
/* ueblicher titel mit bground */
.content_center p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 5px;
	}
.content_center p.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	background-color: #464646;
	margin-right: 0px;
	margin-left: 0px;
	}
.content_center p.title2 {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	}
	
.content_center p.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	background-color: #464646;
	margin-right: 0px;
	margin-left: 0px;
	}
/* einfach kursiv */
.content_center p.title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	}
/* kursiv und fett wie eine kuh*/
.content_center p.quote_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	}
/* naeheres zum merchandise shop */
/* lauftext mit einzug */
.merchandise_shop_description p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 120%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 5px;
	}
/* easy kursiv */
.merchandise_shop_description p.kursiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	}
/* wie titel im upper_right */
.merchandise_shop_description p.quote_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	text-transform: uppercase;
	background-color: #464646;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
/* damit alle typos auch im checkout funktionieren... */
.merchandise_shop_checkout p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 120%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 5px;
	}
/* easy kursiv */
.merchandise_shop_checkout p.kursiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
	}
	
.merchandise_shop_checkout p.quote_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	text-transform: uppercase;
	background-color: #464646;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
/*form {
	height:50px;
	width: 300px;
	overflow: auto;
	background-color: #FFFFFF;
}
*/