/* -------------------------------------------- */
/* Styleguide Appel                             */

/* Verdana */

/* Menü: 		10 pt Cap italic Grau */
/* Rubrik.		12 pt 		bold Magenta */
/* Überschrift	12 pt 		bold Dunkelgrau */
/* Fließtext	11 pt 	regular Dunkelgrau */

/* Dunkelgrau Silhouette: 	CMYK 0-0-0-93 #1A1919
/* Rot Schrift		CMYK 10-100-15-2      #D00071

/* Menü bei rollover > Schrift Magenta + Balken direkt darunter > Magenta
/* Menüpunkt aktiv > Magenta
/* -------------------------------------------- */

/* ---------------------------------------------------------------------- */

body {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:10px; line-height:15px;
		color:#1A1919;
		margin:0px;
		padding:0px;
		background-color:white;
}


/*   Positionierungen */

/* Grafische Elemente */
#logo {
		position:absolute; left:4px; top:3px;
		width:377px; height:163px;
		background-image:url(img/logo-appel.jpg);
		z-index:50;
}

#logofigur {
		position:absolute; left:6px; top:3px;	
		width:100px; height:164px;
		background-image:url(img/figur.jpg);
		z-index:50;
}

#logowort {
		position:absolute; left:100px; top:3px;
		width:271px; height:163px;
		background-image:url(img/logo-appel-wort.jpg);
		z-index:50;
}

#illu {
		position:absolute; left:490px; top:4px;
		z-index:10;
}

#anim {
		position:absolute; left:325px; top:86px;
		z-index:150;
}

#line {
		position:absolute; top:164px; left:8px;
		width:981px; height:1px;
		z-index:0;
        background-image:url(img/hellgrau.gif);
		background-repeat:repeat-x ;
}

#streifen {
		position:absolute; 
		left:132px; top:215px;
		width:8px; height:267px;
        background-image:url(img/streifen.gif);
}


/* Inhaltsfenster */

#wrapper {
		position:absolute; 		
		left:140px; top:215px;	
        width:652px;
		z-index:100;
		padding:0px;
}

#window {
        width:650px;
		border: 1px solid #D00071;
		border-top:0px;
		margin:0px;
		margin-bottom:100px;
}

#content {
		margin-left:7px; /* 81 - 16 für Herausstellung von Miniicons */
		width:405px;
		margin-bottom:60px;
		padding-top:60px; /* margin-top macht abstand schon im #window (try2understand)*/
		padding-left:60px;
}


/* menu  */

#menu {
		position:absolute; 
		left:140px; 
		top:194px; 
		width:652px;
		height:21px;
		background-color:white;
		padding:0px;
		margin:0px;
		vertical-align:top; text-align:left;
		z-index:160;
}

.menu {
		font-weight:bold;
		font-size:10px;
		padding-bottom:4px;
		padding-left:7px;
		padding-right:7px;
		line-height:1.5em;
		text-transform:uppercase;
/*		font-style:italic;                */
		border-bottom:4px solid #B7B7B7;
		text-decoration:none;
		color:#b7b7b7;
}

.menu:hover {
      text-decoration:none; 
      color:#D00071;
      border-bottom:4px solid #D00071;
}

.menusel {
		font-weight:bold;
		font-size:10px;
		padding-bottom:4px;
		padding-left:7px;
		padding-right:7px;
		line-height:1.5em;
		text-transform:uppercase;
/*		font-style:italic; */
		border-bottom:4px solid #B7B7B7;
		text-decoration:none;
		color:#d00071;
}

.menusel:hover {
      text-decoration:none; 
      color:#D00071;
      border-bottom:4px solid #D00071;
}

.mtrenner {
		font-weight:bold;
		font-size:10px;
		padding-bottom:4px;
		padding-left:0px;
		padding-right:0px;
		line-height:1.5em;
		text-transform:uppercase;
		font-style:italic;
		border-bottom:4px solid #B7B7B7;
		color:#b7b7b7;
}

/* Definitionen für Fliesstext: Überschriften, Listen, Absätze */

p {
		font-size:1em;
		color:black;
		margin-bottom:1.5em;
		margin-left:16px;
}

b {
		font-weight:bold;
}


h1 {
		font-size:1.3em;
		color:#d00071;
		font-weight:bold;
		margin-bottom:2em;
		margin-left:16px;
}

h2 {
		font-size:1.1em;
		color:black;
		font-weight:bold;
		margin-bottom:1.3em;
		margin-left:16px;
}


h3 { 
		font-size:1.1em;
		font-weight:bold;
		margin-bottom:0.3em;
		padding-left:16px;
		text-decoration:none;
		background:url(img/textpfeil.gif) no-repeat left 5px;
}

h4 { 
		font-size:1.1em;
		font-weight:bold;
		margin-bottom:0.2em;
		padding-left:16px;
		text-decoration:none;
		background:url(img/textpunkt.gif) no-repeat left 3px;
}

h5 { 
		font-size:1em;
		font-weight:normal;
		margin-bottom:2em;
		padding-left:16px;
		text-decoration:none;
		background:url(img/textpunkt.gif) no-repeat left 3px;
}


h6 {
		font-size:1.1em;
		color:black;
		font-weight:bold;
		margin-bottom:1.0em;
		margin-left:16px;
}

h5 a { 
		
		font-weight:bold;
		
}


a {
		color:#D00071;
		text-decoration:none;
}
a:hover {
		color:#D00071;		
		text-decoration:underline;
}


/* buttonlink */

a.button {
		border: 1px solid #B7B7B7;
		border-right:1px solid #B7B7B7; 
		border-bottom:1px solid #B7B7B7;
		text-decoration:none;
		padding:3px;
		padding-right:10px;
		margin-left:16px;
		color:black;
}
a.button:hover {
		border: 1px solid #D00071;
		/* border: 1px solid #B7B7B7;
		background-color: #f0f0f0;
		border-right:1px solid #B7B7B7; 
		border-bottom:1px solid #B7B7B7;*/
		border-right:1px solid #D00071; 
		border-bottom:1px solid #D00071;
		color:#D00071;
}