/* Allgemein */

/* Body */

body {
    margin-top: 40px;
    padding: 0px;
    background: #DDE1EA;
    text-align: center;
}
body, td, th, input, select, textarea, a {
   	font-family: Plantagenet Cherokee Standard, Tahoma, Verdana;
    	font-size: 12px;
	color: #000000;
}

.maintable{
	 padding:0px;
	 margin:0px;
	 width:1000px;
	 border:0px;
}
/*Fehlerausgaben*/
.fehler{
    font-size:13px;
    color:#FF0000;
    line-height:21px;
    font-weight:bold;
}

/* Tabelle Content */
.content{
	width: 770px;	
	padding:5px;
	margin-top: 20px;
	background-color:#FFFFFF;
}

/* Left and Right spaces */
.outerspace {
 	width:70px;
}

/* Inner Left and Right Spaces */
.innerspace{
	width: 40px;
}

/* Space head1 */
.space1{
	width:220px;
}
/*Space head2 (enlarge design here) */
.space2{
	width:560px;	
}

.head{
	background-image:url(./images/head.gif);
 	background-repeat:repeat-y;
}

.bottom {
	vertical-align: bottom;
}


/* Heimat Echo logo */
.logo{
	height:138px;
	width:260px;
	text-align:center;
	background-color:#FFFFFF;
}	
/* Menu oben*/	
.menu {
	width:100%;
	height: 100%;
	background-color:#E09A5C;
	margin: 0px;
	padding: 0px;
	border:none;
	vertical-align:bottom;
}

.menu ul {
	list-style-type: none; 
	width: 424px;
	text-align: right;
	float: right;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
}	

.menu li {
	float: left;
	border: none;
	width: 106px;
	height: 140px;
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
}


.menu li a:link, #menu li a:visited, #menu li a:active {
	display:block;
	width:100%;
	height: 100%;
	padding: 0px;
	color:#FFF;
	text-decoration:none;
}

.menu li a:hover {
	font-size:13px;
	font-weight:bold;
	background-color:#D36F16;     
	color:#FFF;
        border: none;
	text-decoration:underline;
}

.menu div{
	bottom: 0;
 	height: 100%;
	text-align:center;
	vertical-align: bottom;
}

.menu span{
	display:block;
	cursor: default;
	padding-top: 120px;
	height: 20px;
	vertical-align: bottom;
}

/* aktiver Link menu */

body#jugendausbildung li#musikschule,
body#home li#ueberuns,
body#links li#ueberuns,
body#musiker li#ueberuns,
body#historie li#ueberuns,
body#termine li#ueberuns,
body#kontakt li#kontakt,
body#gaestebuch li#kontakt,
body#vorstand li#kontakt,
body#impressum li#kontakt,
body#bilder li#ueberuns,
body#start li#home
{
	background-color:#D36F16;  
}

/* 2. Menu */
.menu1 {
	width:100%;
	height: 100%;
	background-color:#A4AFC5;
	padding: 0px;
	border:none;
	margin: 0px;
}


.menu1 ul {
	list-style-type: none;
	float: right;
	margin: 0px;
	padding: 0px;
}

.menu1 li{
	float: left;
	border: none;
	width: 106px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
}

.menu1 li a:link, #menu1 li a:visited {
	display:block;
	width:100%;
	height: 100%;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

.menu1 li a:hover, #menu1 li a:active  {
	font-size:13px;
	font-weight:bold;
	background-color:#1C366F;     
	color:#FFF;
        border: none;
	text-decoration:underline;
	
}
.menu1 div{
 	height: 40px;
	text-align:center;
	vertical-align: middle;
}

.menu1 span{
	display:block;
	cursor: default;
	padding-top: 10px;
	height: 20px;
	vertical-align: bottom;
}

/* aktiver Link menu1 */
body#links li#links,
body#musiker li#musiker,
body#historie li#historie,
body#termine li#termine,
body#gaestebuch li#gaestebuch,
body#vorstand li#vorstand,
body#impressum li#impressum,
body#bilder li#bilder
{
	background-color:#1C366F;  
}


.menu1space{
	background-image:url(./images/menu_abstandhalter.gif);
 	background-repeat:repeat-x;	
}


.content_outer{
	background-image:url(./images/main.gif);
 	background-repeat:repeat-y;	
}

.content_inner{
	background-image:url(./images/main_inner.gif);
 	background-repeat:repeat-y;
}

.main_head{
	height:40px;
	background-image:url(./images/main_head.gif);
 	background-repeat:repeat-x;
}

.main_footer{
	height:40px;
	background-image:url(./images/main_footer.gif);
 	background-repeat:repeat-x;	
}

.footer {
	margin:5px;
	padding:5px;
	height:60px;
	background-image:url(./images/footer.gif);
 	background-repeat:repeat-x;
	text-align:center;
	color:#FFF;
	
}

.footer a:link, .footer a:visited, .footer a:active{
	color:#FFF;
}

/*Submit Button Weite 50*/
input.submit {
	width:50px;
	height:20px;
	margin-left:5px;
	color: #FFFFFF;
	background-color: #1C366F;
	font-family: sans-serif;
	font-size:7pt;
	text-decoration: none;
	border-width: 1px;
	border-top-color: #1C366F;
	border-bottom-color:  #1C366F;
	border-left-color:  #1C366F;
	border-right-color: #1C366F;
	text-align: center;	
}
/* Submit Button Weite 150 */
input.submit_long {
	width:150px;
	height:20px;
	margin-left:5px;
	color: #FFFFFF;
	background-color: #1C366F;
	font-family: sans-serif;
	font-size:7pt;
	text-decoration: none;
	border-width: 1px;
	border-top-color: #1C366F;
	border-bottom-color:  #1C366F;
	border-left-color:  #1C366F;
	border-right-color: #1C366F;
	text-align: center;	
}


.main_bild{

    color: #1C366F;
    font-size: 20px;
    font-weight:bold;
    text-align:center;	
}

.termine_cap {
    font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:21px;
	letter-spacing:0px;
    white-space:nowrap;
    font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#1C366F;
	border: 1px solid #000000;
	padding:4px;
}


.termine_col {
    font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:15px;
    font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color:#E2E5EF;
	border: 1px solid #000000;
	padding:4px;
}

.guestbook {
    font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:15px;
    font-size:12px;
	color:#000000;
	background-color:#E2E5EF;
	padding:4px;
}

.m_portrait{
	width:150px;
	height:240px;
	text-align:center;
	padding:0px;
	background-color:#DDDDDD;
	border-top-width:thin;
	border-left-width:thin;
	border-right-width:medium;
	border-bottom-width:medium;
	border-top-style:outset;
	border-left-style:outset;
	border-right-style:inset;
	border-bottom-style:inset;
	border-top-color:#C0C0C0;
	border-left-color:#C0C0C0;
	border-right-color:#808080;
	border-bottom-color:#808080; 
}


/* Spalten Links */	
.links_col {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	line-height:25px;
    font-size:20px;
	font-weight:bold;
	padding-top:4px;
	color:#000000;
   	background-color:#E2E5EF;
	border: 1px solid #FFFFFF;
	text-align: center;	
}

/* Link  */	
a:link, a:visited {
    color: #000000;
    text-decoration: none;
}

p {
    margin: 10px;
}
h1,h2,h3,h4{
     color: #1C366F;
    margin: 10px;	
}

form {
    margin: 0px;
}

select.text {
    border: 1px solid #605E5A;
    color: #605E5A;
    padding-left:4px;
    font-size: 9px;
    width:159px;
    height:17px;
}

input {
    color: #605E5A;
    padding-left:4px;
    padding-top:2px;
    font-size: 9px;
    height:17px;
}
input.text34 {
    border: 1px solid #605E5A;
    width:34px;
}
input.text102 {
    border: 1px solid #605E5A;
    width:102px;
}
input.text202 {
    border: 1px solid #605E5A;
    width:202px;
}
input.radio {
    border:0px;
}
input.cb {
    padding-left:0px;
    padding-top:0px;
    margin-top:2px;
    border:0px;
    width:11px;
}
input.text159 {
    border: 1px solid #605E5A;
    width:159px;
}
input.img {
    border:0px;
    height:41px;
}
input.img_kl {
    border:0px;
    height:17px;
}

.textblau {
    color:#05477B;
}
.kastentext {
    line-height:21px;
    font-size:11px;
    color:#282E45;
}

.kasten {
    width:196px;
    height:166px;
    background:#E2E5EF;
}
tr.form {
    padding-bottom:0px;
}

a.ueberblick:link, a.ueberblick:visited {
    color:#605E5A;
    text-decoration:underline;
}
a.linkkasten:link, a.linkkasten:visited {
    color:#05477B;
    text-decoration:underline;
}

/* Bildstreifen */

.titelBildstreifen {
    background-color: #FCFCFC;
    width: 259px;
}


.kopfName {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #3A7FB6;
    font-weight:bold;
    line-height: 21px;
}
.kopfWert {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #1C366F;
    line-height: 20px;
    letter-spacing:0px;
}
.balkenTitel {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight:bold;
    color:#605E5A;
    word-spacing:1px;
    letter-spacing:0px;
    white-space:nowrap;
    width:228px;
}
.balkenText {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size:11px;
    white-space:nowrap;
}

.formtext {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size:11px;
    color:#605E5A;
    line-height:17px;
    padding-top:2px;
}
.leisteText {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    line-height: 20px;
    font-size: 11px;
    color:#05477B;
    padding-left:26px;
}
.leisteFuss {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    color:#84AFD1;
    font-size: 10px;
    padding-left:28px;
}
.leisteHintergrund {
    background-color: #E2E5EF;
}    
.leisteKasten {
    background-color: #EFF1F6;
}
.leistePipe {
    background-color: #282E45;
}    

select.auswahlliste {
    border: 2px solid #808080;
    width:199px;
    margin-top:3px;
    padding-left:0px;
    color:#605E5A;
}

.textgrau111 {
    font-size:11px;
    color:#605E5A;
    font-weight:normal;
}

.textgrau11 {
    font-size:11px;
    color:#605E5A;
    line-height:21px;
    font-weight:normal;
}

.datumgrau11 {
    font-size:11px;
    color:#605E5A;
    font-weight:normal;
}
.textgrau15 {
    font-size:15px;
    color:#605E5A;
    line-height:21px;
    font-weight:normal;
}
.textgrau15bold {
    font-size:15px;
    color:#605E5A;
    line-height:16px;
    font-weight:bold;
}
.textrot11 {
    font-size:11px;
    color:#DC143C;
    line-height:21px;
    font-weight:normal;
}
.textrot11bold {
    font-size:11px;
    color:#FF0000;
    line-height:21px;
    font-weight:bold;
}
.textrot15 {
    font-size:15px;
    color:#FF0000;
    line-height:21px;
    font-weight:normal;
}
.textrot15bold {
    font-size:15px;
    color:#FF0000;
    line-height:16px;
    font-weight:bold;
}

.eintrag_normal {
        color: #1C366F;
        background: #EFF1F6;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 100%;
        border: 1px solid #E2E5EF;
}
.eintrag_selected {
        color: #1C366F;
        background: #F9FAFB;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 100%;
        border: 1px solid #C9D4DD;
}


a.ab_link, a.ab_link:link, a.ab_link:visited {
	border:none;	
	color:#FFFFFF;
}
img {
	border:none;
}
.anlage {
    color:#05477B;
    line-height:21px;
}
option {
    padding-left:2px;
}

h1.content {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight:bold;
    font-size:11px;
    color:#605E5A;
    word-spacing:1px;
    letter-spacing:0px;
    white-space:nowrap;
}

.textgruen11 {
    font-size:11px;
    color:#008000;
    line-height:21px;
    font-weight:normal;
}

.newsstories {
	background-color: #FFF
}

.news{	
	vertical-align: top;
	padding:10px;
	background-color: #A4AFC5;
}

.feed{
	background-color: #A4AFC5;
}