/* CSS für CVJM Achern                   */
/* Stand: 29.02.2008 */
/* umschreibung der Pixelgrößen auf em */
/* dafür müssen die Background-Randbilder eine Breite von 16px=1em anstatt 15px bekommen */


body,td,th,ul {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 100.1%  /* wegen Bug im Internet Explorer */
}

body {
        background-color: #ccffff;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
                  
        background-image: url(images/bg_body.png);
        background-repeat: repeat-x;
        background-position: left top;
        
	text-align: center;  /* Zentrierung im Internet Explorer */
}

.hide  {
        display: none;
}

/* Überschriften */
h1 {
        font-size: 1.3em;
}

h2 {
        font-size: 1.1em;
        padding-top: 0.5em;
        padding-bottom: 0.0em;
}

h3 {
        font-size: 1.0em;
}

div {
        margin:0;
        padding:0
}


img { border-style:none; }


/* Allgemeine angaben zu links */
/* a:active  {color:lime;} */
a {  
        text-decoration: none;
        font-weight:bold;  
        color:blue;
}
a:visited {
        color:purple;
}
a:hover {
        color:red
}

/* Links mit Symbolen */
a.extern {
        background-image: url(images/extern.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 1em;
}
a.pdf {
        background-image: url(images/button_download.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 6.0em;
}

/* Einstellungen für Fotogalerie */


#vorschau a {
        width:110px;
        height:85px;
	margin:0;
        text-align:center;
        display:block;
        float:left;
}

#vorschau img {
        height:75px;
}





#foto {
        background-color:white;
        background-image:url(images/cvjm-dreiecke-hintergrund.png);
        background-repeat:repeat;
        /* background-image: none;   */
        text-align:center;
        border-style:none;
}
#foto div.anzeige {
        width:600px;
        margin-left:auto;
        margin-right:auto;
}
#foto div.logo {
        float:left;
        margin:15px;
}
#foto div.logo a {
    background: url(images/cvjm-achern-logo_bg.png) no-repeat;
    display:block;
    width:6.375em; /* Linkbereich begrenzen */
}
#foto div.logo img {
    display:block;
    width: 6.375em;       /* replaces 102px width */
    height: 5.625em;      /* replaces  90px height */
}
#foto div.logo a:hover img {
    visibility: hidden;
}






/* Container mit ihren Inhalten, für das Layout */

/* wrapper   umschliesst alles -------------------------*/
#wrapper { 
        width: 88%;
        margin: 0 auto; 
      
          
}

/* Kopf für Logo Kopfmenue Hauptmenue und Banner -----*/

#kopf_links    {        
        height: 17.5em;       
        background-image: url(images/bg_inhalt_li.png); /* mit weissem Hintergrund */       
        background-repeat: repeat-y;
        background-position: top left;
}

#kopf_rechts   {        
        height: 100%;        
        background-image: url(images/bg_inhalt_re.png);        
        background-repeat: repeat-y;
        background-position: top right;
}

#kopf_zeile1 { /*  weisser container mit logo name topmenue*/
        height:6.25em;
        margin-left: 1em;
        margin-right: 1em;
        background-color:#ffffff;   
        text-align:left;
        vertical-align:middle;
        padding: 0px;
}

#logo {  
        float:left;
        margin-top:0.3em;
        margin-left:2.5em;
        margin-right:2.8em; 
}

 #logo a {
    background: url(images/cvjm-achern-logo_bg.png) no-repeat;
    display:block;
    width:6.375em; /* Linkbereich begrenzen */
  }
  #logo img {
    display:block;
    width: 6.375em;       /* replaces 102px width */
    height: 5.625em;      /* replaces  90px height */
  }
  #logo a:hover img {
    visibility: hidden;
  }


#kopf_suche      {
        float:right;
        margin-top: 0.5em;
        margin-right: 1em; 
}

#kopf_name        {    
        color:red;
        font-weight:bold;
        font-size: 1.12em;
        padding-top:0.3em;
}

#topmenue        {
        text-align:right;        
        margin-top: 2.4em;
        margin-right: 1em;
        font-size: 0.9em;
}


#kopf_zeile2 { /*  hauptmenue und banner */
        height:11.25em;
        margin-left: 0em;
        margin-right: 0em;
        background-color:blue;   
        text-align:left;
        padding: 0px;
}

#hauptmenue       {
        float:left;
        position:fixed;    /* fixiert */
        height: 9.5em;     /* mit padding 11.25em=180px */
        width: 9.5em;      /* mit padding 10em */  
        
        padding-top: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.25em;
        padding-left: 0px;
        
        margin-left: 1em;
       
        background-color: #0000ff; /* es wird stattdessen bg.png verwendet */
        
        border-left-width: 1em;
        border-left-style: solid;
        border-left-color: #ff0000;
        
        text-align: right;
        font-size: 1.0em;
        line-height: 100%;
}
#hauptmenue a:link        {
        color: white;         
}
#hauptmenue a:hover        {
        color: red;         
        padding:0;
        margin:0;  
}
#hauptmenue a:visited:hover        {
        color: red;         
        padding:0;
        margin:0;       
}
#hauptmenue a:visited        {
        color: #DDA0DD;        /* plum */ 
}
#hauptmenue .aktiv:visited      {
        color: red;         
        background-color: white;
}

#kopf_banner        {
        padding: 0px;
        height: 11.25em;
        
        margin-top: 0px;
        margin-right: 1em;
        margin-bottom: 0px;
        margin-left:  1em;
        
        border-left-width: 11.0em;
	border-left-style: solid;
        border-left-color: #ffffff;
        
        overflow:hidden;       
}
#kopf_banner img {     /* scalable em size banner */
  width: 50em;       /* replaces 800px width */
  height: 11.25em;   /* replaces 180px height */
}



/* inhalt -------------------------------------------------- */
#inhalt_li    {        
        background-image: url(images/bg_inhalt_li.png); /* mit weissem Hintergrund */       
        background-repeat: repeat-y;
        background-position: top left;
}
#inhalt_re    {        
        background-image: url(images/bg_inhalt_re.png);        
        background-repeat: repeat-y;
        background-position: top right;
}
#inhalt_ru    {        
        background-image: url(images/bg_inhalt_ur.png);        
        background-repeat: no-repeat;
        background-position: bottom right;
}

#inhalt_lu    {        
        background-image: url(images/bg_inhalt_ul.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        padding-bottom:2em;        
}

#inhalt {
        margin-top:   00px;
        margin-right: 0em;
        margin-bottom: 00px;
        margin-left:   2em;     
        
        /* background-image: url(images/cvjm-dreiecke-hintergrund.png); */
        
        /* mit linkem Rahmen in der Breite von hauptmenue */
        border-left-width: 10em;
	border-left-style: solid;
	border-left-color: red;
	
        padding-top: 0px;    
        padding-right: 2em;        
        padding-bottom:0px;        
        padding-left: 1em;        
        
        color: #000;
  
        text-align: left;
        min-width: 10em; /* Mindestbreite */
        min-height: 20em;
        overflow:hidden;  
}

#inhalt a {
  font-size: 1.00em;
}

	p.titel     {          /*   titel Losungen    */
		font-size:12pt;
		margin-top: 6pt;
		margin-bottom: 6pt;
		text-align:center;
		color:black;
		font-weight : bold;
	}
	p.text        {            /*   text */
		font-size:14pt;
		text-align:center;
		color: Maroon;
		font-weight : bold;
	}
	p.vers       {            /*   vers */
		font-size:12pt;
		text-align:center;
		color: Maroon;
		margin-top : -12px;
		font-style:italic;
	}
	p.copy   {              /*   copyright    */
	    font-size:12pt;
	    text-align:center;

	}