@charset "UTF-8";

/* Stand 12. August 2009

Farbe 
Orange	#fb8a00;
Black	#59554c;
Grey	#9b9994;

*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

body {
	font-family: /* Corbel, */ Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFF;
	background: #59554c;
}

img 
   { border: 0; }

/* typo */

h1	{ font-size: 1.5em; }

h2	
   { font-size: 1.6em; font-weight: normal; margin-bottom: 0.5em; padding: 0;
     padding-left: 56px; float: left; }

h2 span
   { text-transform: uppercase; letter-spacing: 1px; color: #fb8a00;}

p		{ font-size: 1.1em; line-height: 1.5em; padding-top: 1em; }
p span	{ color: #fb8a00; }

a	{ color: #59554c; text-decoration: none; padding-bottom: 1px;
      border-bottom: 1px dotted #59554c; }
a:hover,
a:focus	{ border-bottom: 1px dotted #FFF; color: #fb8a00; }

h1 a:hover,
h1 a:focus,
#logo a,
a.open
   { border: none; }

a.open
   { color: #fb8a00; font-size: 1.6em; font-weight: bold; 
     padding-bottom: 0.2em; background: url(../images/btn_open_li.png) no-repeat; }

a:hover.open,
a:focus.open
   { color: #9b9994;
     background: url(../images/btn_open_ho.png) no-repeat; }

.open span
   { visibility: hidden; }

#kontakt p	
   { font-size: 1.1em; line-height: 1.5em; padding-top: 0;
     width: auto; float: right; display: inline; margin: 0; padding-left: 1.5em; }

#kontakt a
   { color: #9b9994; border: none; }
#kontakt a:hover,
#kontakt a:focus
   { color: #fb8a00; }


/* navigation */

#navi li	{ display: inline; }
#navi a		
   { font-size: 1em; text-transform: uppercase; letter-spacing: 1px; 
     text-decoration: none; color: #FFF; border: none; 
	 margin: 0; padding: 0; padding-right: 2em; }
#navi a:hover,
#navi a:focus,
#navi a.aktiv	{ color: #FA8200; border: none; }

.profil
   { border-left: 1px solid #FFF; padding-left: 2em; }



/* positioning */

#main		
   { width: 780px; margin: 0 auto;
     background: #FFF; color: #59554c; }

#head		
	#navi	
	   { padding: 3em 0 0 56px;
	     background: #59554c; }
	#logo
	   { text-align: right; padding: 4em 3em 3.5em 0; }

#content
   { height: 42em; }
	#picture 
	   { background: #fb8a00; text-align: right; margin-bottom: 1em;
	     clear: both; }
	#picture img	{ border-left: 2px solid #FFF; }
	#animation		{ border-left: 2px solid #FFF; margin-left: 56px; height: 165px; }
	#banderole		{ border-left: 2px solid #FFF; margin-left: 56px; height: 1px; }
	
	p { width: 430px; margin-left: 56px; }

#kontakt
   { padding: 0.5em 0; background: #59554c; color: #CCC;
     width: 780px; text-align: right; }

/* sifr */