/* --------- Allgemein ------------------------------------------- */

body {font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 20px;
padding: 20px;
background-repeat: no-repeat;
min-height: 101%;}

/* --------- Logo ------------------------------------------- */

#logolinks {float: left;
width: 60%;
position: absolute;
left: 1%;
top: 5px;}

.logolinks_text1 {font-size: 200%;
font-style: normal;
line-height: 100%;
font-weight: bold;
color:#336699;}

.logolinks_text2 {font-size: 100%;
font-style: normal;
line-height: 100%;
font-weight: bold;
color:#666666;}

#logorechts {float: right;
width: 40%;
position: absolute;
right: 1%;
top: 14px;
text-align: right;}

.logorechts_text1 {font-size: 80%;
font-style: normal;
line-height: 100%;
font-weight: normal;
color:#666666;}

/* --------- Navigation ------------------------------------------- */

#navigation {float:left;
width: 980px;
left: 1px;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
position: absolute;
top: 168px;
background-color: #transparent;}

#navigation a {float: left;	
display: block;
margin: 0 1px 0 0;
padding: 4px 8px;
color: #333333;
background-image: url("../grafiken/design/hg01_336699.gif");
text-decoration: none;
border: 1px solid #336699;
border-bottom: none;}

#navigation a:hover {float: left;
display: block;
margin: 0 1px 0 0;
padding: 4px 8px;
color: #666666;
background-image: url("../grafiken/design/hg01_cccc33.gif");
text-decoration: none;
border: 1px solid #FFFFFF;
border-bottom: none;}

#navigation li {float: left;
margin: 0;
padding: 0;
font-family: "Verdana", sans-serif;
font-size: 80%;}
	
	
#navigation  a:active {color: #990000; background-color:#336699;}
#navigation  a:focus {color: #990000; background-color:#336699;}

/* --------- Content ------------------------------------------- */

#content {font-style: normal; 
line-height: 130%;
float: left;
width: 65%;
position: absolute;
left: 9px;
top: 212px;
padding: 10px;
border-color: #A1AEBB; 	
border-style: solid; 	
border-top-width: 1px; 	
border-right-width: 1px;
border-bottom-width: 1px; 	
border-left-width: 1px}

#content a {color: #336699;
font-weight: normal;
text-decoration: none;}
	
#content a:hover {
font-style: normal;
font-weight: normal;
color : #336699;
text-decoration: underline;}
	
#content a:active {color: #336699; background-color:#FFFF99;}
#content a:focus {color: #336699; background-color:#FFFF99;}

.content_US {font-size: 120%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#336699;}

.content_US_Dorflinde {font-size: 120%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#389848;}

.content_US_Jazzcafe {font-size: 120%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#C55630;}

.Vorankündiung {font-size: 100%;
font-style: normal;
line-height: 120%;
font-weight: normal;
color:#FFFFFF;
padding:5px;
background-color:#CC0000;}

.content_teaser {font-size: 100%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#336699;}

.content_teaser_333333 {font-size: 100%;
font-style: normal;
line-height: 120%;
font-weight: bold;
color:#333333;}

.content_teaser2 {font-size: 80%;
font-style: normal;
line-height: 120%;
font-weight: bold;
color:#333333;}

.content_liefergruppe {font-size: 120%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#FF9900;}

.content_violet_80 {font-size: 100%;
font-style: normal;
line-height: 180%;
font-weight: normal;
color:#0099cc;
font-weight: bold;}

.veranstaltungsdaten {font-size: 100%;
font-style: normal;
line-height: 180%;
font-weight: normal;
color:#FF6699;
font-weight: normal;}

.content_gruen {font-size: 120%;
font-style: normal;
line-height: 140%;
font-weight: bold;
color:#006699;
font-weight: bold;}

.content_bildertext {
font-size: 70%;
font-style: normal;
line-height: 110%;
font-weight: normal;
color:#666666;}

#content li {list-style-type:circle;
	margin-left: 5px;
	padding-left: 3px;
	margin: 3px;
	list-style-image:url(../admin/neuaufbau/css/url(../grafiken/design/quadrat7x7.gif;);
	list-style-position: outside;}

/* --------- Sidebar ------------------------------------------- */

#sidebar{font-size: 80%;
font-style: normal;
line-height: 140%;
float: right;
width: 30%;
position:absolute;
right: 1%;
top: 200px;}

#sidebar a {color: #336699;
font-weight: bold;
text-decoration: none;}
	
#sidebar a:hover {font-weight: bold;
color : #336699;
text-decoration: none;}
	
#sidebar a:active {color: #336699; background-color:#FFFF99;}
#sidebar a:focus {color: #336699; background-color:#FFFF99;}

.sidebar_firma {font-size: 130%;
font-style: normal;
line-height: 100%;
font-weight: bold;
color:#336699;}

.sidebar_firma2 {line-height: 140%;
font-weight: bold;
color:#FF9900;}

.sidebar_US {line-height: 120%;
font-weight: bold;
color:#990000;}

.sidebar_US2 {
font-style: normal;
line-height: 100%;
font-weight: bold;
color:#666666;}

/* --------- footer ------------------------------------------- */

.footer {font-size: 100%;
font-weight: bold;
clear: both;
padding: 1px 1px 1px 10px;
color:#FFFFFF;
background-color: #CCCC99;}

/* --------- Formular ------------------------------------------- */

form {border-color: #A1AEBB; 	
border-style: solid; 	
border-top-width: 1px; 	
border-right-width: 1px;
border-bottom-width: 1px; 	
border-left-width: 1px;
margin: 10px;
padding: 15px;
background-color:#FFFFCC}

.formular_umfrage {color: #000000;
	  background-color:#FFFFFF;
	  width: 75%; 
	  padding: 2px;
	  margin: 2px;	
	  text-decoration: none; 	
	  border-color: #A1AEBB; 	
	  border-style: solid; 	
	  border-top-width: 1px; 	
	  border-right-width: 1px;
 	  border-bottom-width: 1px; 	
	  border-left-width: 1px}
	  
.formular_umfrage_75 {color: #000000;
	  background-color:#FFFFFF;
	  width: 75%; 
	  padding: 2px;
	  margin: 2px;	
	  text-decoration: none; 	
	  border-color: #A1AEBB; 	
	  border-style: solid; 	
	  border-top-width: 1px; 	
	  border-right-width: 1px;
 	  border-bottom-width: 1px; 	
	  border-left-width: 1px}
	
.formular_250 {color: #000000;
	  background-color:#FFFFFF;
	  width: 250px; 
	  padding: 2px;
	  margin: 2px;	
	  text-decoration: none; 	
	  border-color: #A1AEBB; 	
	  border-style: solid; 	
	  border-top-width: 1px; 	
	  border-right-width: 1px;
 	  border-bottom-width: 1px; 	
	  border-left-width: 1px}
	  
.formular_100 {color: #000000;
	  background-color:#FFFFFF;
	  width: 100px; 
	  padding: 2px;
	  margin: 2px;	
	  text-decoration: none; 	
	  border-color: #A1AEBB; 	
	  border-style: solid; 	
	  border-top-width: 1px; 	
	  border-right-width: 1px;
 	  border-bottom-width: 1px; 	
	  border-left-width: 1px}
	  
.zusatzinfo150_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: 160%;
	font-weight: normal;
	color: #333333;
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
	float: right;
	padding: 5px;
	margin-top: 0px; margin-right: 0px; margin-left: 20px; margin-bottom:0px; 
	width: 150px}
	
.editorial {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
	float: right;
	padding: 5px;
	margin-top: 0px; margin-right: 0px; margin-left: 20px; margin-bottom:0px; 
	width: 150px}

.Veranstaltugnshinweis_rechts {font-size: 80%;
	font-style: normal;
	line-height: 160%;
	font-weight: normal;
	background-color:#FFFFCC;
	border-right: #CCCCCC 0px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 2px solid;
	border-bottom: #ff9900 1px solid;
	float: right;
	padding: 5px;
	margin-top: 0px; margin-right: 0px; margin-left: 10px; margin-bottom:0px; 
	width: 200px}
	
.Veranstaltugnshinweis_rechts a {color: #007FFF;
	font-weight: normal;
	text-decoration: none; }
	
.Veranstaltugnshinweis_rechts a:hover {font-style: normal;
	font-weight: normal;
	color : #336699;
	text-decoration: underline;}
	
.images_only_Bild_links { float:left; margin-top: 8px; margin-left: 0px; margin-right: 10px; margin-bottom: 8px}
.images_only_Bild_rechts { float:right;  margin-top: 8px; margin-left: 10px; margin-right: 0px; margin-bottom: 8px}

.underlined { margin:0 0 10px !important; padding:0 0 10px; border-bottom:1px solid #666;}

.ACHTUNG_rechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#FFFFFF;
	background-color:#CC0000;
	font-style: normal;
	line-height: 160%;
	font-weight: normal;
	border-right: #999999 0px solid;
	border-top: #999999 0px solid;
	border-left: #999999 0px solid;
	border-bottom: #999999 0px solid;
	float:right;
	padding: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:0px;
	width: 200px;}
	
.pixelio_rahmen {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 80%; color:#999999
	border-right: #336699 1px solid;
	border-top: #336699 0px solid;
	border-left: #336699 0px solid;
	border-bottom: #336699 0px solid;
	float:right;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	width: 290px;}
	  
.pixelio {color:#999999; font-size: 80%;}

.twiiter_rahmen {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; font-size: 80%; color:#999999;  
	border-right: #336699 0px solid;
	border-top: #336699 0px solid;
	border-left: #336699 0px solid;
	border-bottom: #336699 0px solid;
	float:right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	width: 78px;}


.Jazzfabrik_spezial {font-size: 100%; line-height: 140%; color:#006699; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial01 {font-size: 100%; line-height: 140%; color:#E5905B; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial02 { color:#E5905B; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial03 {font-size: 120%; line-height: 140%; color:#B23008; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial04 {color:#B23008; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial05 {font-size: 120%; line-height: 140%; color:#006600; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial06 {color:#006600; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial07 {font-size: 120%; line-height: 140%; color:#FA941D; font-weight: bold; font-style: normal;}
.Jazzfabrik_spezial08 {color:#FF9900; font-weight: bold; font-style: normal;}


.content_US_1_2010_jazzfabrik {font-size: 120%;
font-style: normal;
line-height: 120%;
font-weight: bold;
color:#FF9999;}

.content_US_2_2010_jazzfabrik {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#EC23B9;}

.content_US_3_2010_jazzfabrik_iks {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#0671A2;}

.content_US_3_2010_jazzfabrik_dorflinde {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#EC23B9;}

.content_US_4_2010_iks {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#FA941D;}

.content_US_4_2010_rind {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#C55630;}

.content_US_5_2010_dorflinde {font-size: 110%;
font-style: normal;
font-size: 100%;
line-height: 120%;
font-weight: normal;
color:#389848;}
