/*
#######################################################################
Projekt: MICSR - Muenchener Initiative Corporate Social Responsibility
Datum: 21. Februar 2006
Letzte Änderung: 29. Juni 2006
Autor: (C) Dr. Arndt Embacher, Internetagentur sitestep24, München
        E-Mail: info@sitestep24.de, Internet: http://www.sitestep24.de
#######################################################################
*/

/*########################################################################
								   Menü*/
#menue {
font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: left;
margin:0;
padding-bottom: 0.5em;
width: 100%;
background:#FFF;
}

/*für IE*/
* html #menue ul {margin: 0; padding: 0;list-style: none;width: 100%;}
* html #menue li{display: inline;padding: 0 6px 0 7px;border-right: 1px solid #FF6600;}
* html #menue li a:link, #menue li a:visited {text-decoration: none;color: #FF6600;}
* html #menue a#aktiv {color: #000000;}
* html #menue li.first{padding-left: 0;}
/*für Schein-Blocksatz des Menüs*/
* html #menue li a#abschluss2 {margin-right: -20px;margin-left:7px;border-right: 1px solid #FFFFFF;}
* html #menue li a.abschluss2 {margin-right: -20px;margin-left:7px;border-right: 1px solid #FFFFFF;}


/*für Firefox*/
html>body #menue li{display: inline;padding: 0 7px 0 6px;border-right: 1px solid #FF6600;}
html>body #menue li a:link, #menue li a:visited {text-decoration: none;color: #FF6600;}
html>body #menue a#aktiv {color: #000000;}
html>body #menue li.first{padding-left: 0;}
html>body #menue li.last {border-right:none;}


/*##########################################################################
					Inhaltscontainer und Allgemeines*/
*{padding:0;margin:0;}
body {height:100%;width:100%;}
body *{margin:0px;}
#rahmen {
position: relative;
margin-left: auto;
margin-right: auto;
width: 650px;
margin-top: 10%;
padding: 0;
}
/*Inhaltscontainer*/
#inhalt_startseite, #inhalt_team, #inhalt_impressum, #inhalt_leistung, #inhalt_archiv {
background:#FF6600;}
#inhalt_leitbild {background-image:url(../images/arena.jpg);
background-position: top;background-repeat: no-repeat;height: 480px;}
html>body #inhalt_leitbild {height: 479px;}
#inhalt_ziele {background-image:url(../images/kopf.jpg);
background-position: top;background-repeat: no-repeat;height: 480px;}
html>body #inhalt_ziele {height: 479px;}
#inhalt_leistung p {font-size: 1em;}
#inhalt_team {position: relative;}

/*####################################################################*/
/*Anpassungen für Buch-Publikation*/
/*schwerzer HG für "Aktuelles"*/
#inhalt_aktuelles {background: #000;position: relative;width: 100%;}
#inhalt_aktuelles h1.aktuelles {color: #F60;}

/*schwerzer HG für "Presse"*/
#inhalt_presse {background: #000;}
#inhalt_presse h1.presse {color: #FF6600;}
#inhalt_presse a {color: #FF6600;}


#buchhinweis {background: #000;color:#FF6600;font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;}
#buchhinweis a .upper {text-transform: uppercase;}
#buchhinweis a {color: #F60;text-decoration:none;font-weight: bold;}

#inhalt_bestellung {background:#000;font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;}
#inhalt_bestellung h1.bestellung {color:#F60;}

.spalte1 {float:left; width:53%;}
.spalte2 {float:left; width:45%;}
form p {clear: left; margin:0; padding: 5px 0 0 20px;text-align:left;}
form .spalte1 p label {float:left; width:45%;}
form .spalte2 p label {float:left; width:30%;}

/*Seitengröße neues Bestellfromular*/
/*beachte: für Opera: opera.css*/
p.submit {padding:5px 0 10px 20px;}
fieldset {margin-bottom:20px;}
*html fieldset {display:block;margin: 20px 0 20px 20px;} /*für IE*/

fieldset {
color: #F60;
border: 1px solid #F60;
width: 94%;
margin-left: 20px;
padding: 10px 0;
}

*html fieldset {padding: 0px 0 5px 0;}
legend {margin-left: 3em;font-size: 0.8em;}
input, textarea {background: #F60;}
input[type=submit] {margin: 0 2px 5px 0px;}
p.submit {margin:10px 10px 10px 0;}
p.formfehler {color: #FF0000;font-size:0.8em;display: inline;margin-left:20px;}

#buchhinweis {
/*position: absolute;
bottom:20px;
left:0;*/
width: 650px;
padding: 1em 0;
}

/*###########################################################################*/
/*Startseite für IE*/
*html marquee {
background: #000;
padding: 1em 0;
}
*html #inhalt_startseite {padding-bottom: 100px;}
*html #inhalt_startseite #untertitel p {padding-bottom: 180px;}
*html marquee a {
font-size: 1.5em;
font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;
color: #F60;
text-decoration: none;}


/*##########################################################################
								     Text*/
#rahmen h1, h2, h3, p, address {
font-family: Tresbuchet MS, Verdana, Arial, sans-serif;
color: #FFFFFF;
text-align: right;
margin: 15px 15px 0 55px;
}

#rahmen h1 {
text-transform:uppercase;
}

h1.startseite, h2.startseite {font-size: 1.3em;}
h2.startseite {font-weight: normal;margin-bottom: 8px;}
#inhalt_startseite #untertitel p {padding-bottom: 40px;}
#inhalt_startseite h2.letzteh2 {margin-bottom: 223px;}
h1.aktuelles {font-size: 1.3em;}
h2.aktuelles {font-size: 1.05em;margin: 0 15px;color: #F60;}
#inhalt_aktuelles p {font-size: 0.96em;}
#inhalt_aktuelles p.aktuelles_letzte {margin-bottom: 6px;}
*html p.aktuelles_letzte {margin: 17px 15px 10px 5px;}
h1.leitbild, h1.ziele {font-size: 1.3em;}
html>body h1.leitbild, h1.ziele {padding-bottom: 10px;}
h1.team {font-size: 1.3em;}
h2.team {font-size: 0.9em;}
h1.presse {font-size: 1.3em;}
h2.presse {font-size:0.9em;margin-bottom: 23px;}
html>body h2.presse {font-size:0.9em;margin-bottom: 10px;margin-top: 12px;}
h1.presse#presse04_wdh {margin-top: 20px;}
h1.archiv {font-size: 1.3em;}
h2.archiv {font-size:0.9em;margin-bottom: 23px;}
h1.impressum {font-size: 1.3em;}
h2.impressum {font-size: 0.7em; margin-bottom: 0;}
h1.leistung {font-size: 1.3em;}
h2.leistung {font-size: 0.843em; margin-bottom: 10px;}
*html p.leistung_letzte {margin: 8px 20px 4px 0;}
*html input.bestellung {margin: -5px 2px 5px 0;}
*html bestellung {margin: -5px 2px 5px 0;}
p.leitbild {margin: auto 15px 0px 210px;}
p.ziele {margin: 10 15px auto 210px;}
p.ziele_letzte01 {margin-bottom: 20px;}
*html p.ziele {margin-left: 210px;}
*html #inhalt_ziele #buttonleiste {margin-top: 30px;}
p.ziele_letzte02{margin-bottom: 120px;}
p.team {font-size: 0.95em;margin: auto 15px auto 320px;}
p.team_letzte01 {margin-bottom: 75px;}
p.team02_letzte {margin: auto 15px 57px 300px;}
p.team03_letzte {font-size: 0.7em;margin: 15px 15px 14px 300px;}
p.tel {font-size: 0.7em; margin: 5px 15px;}
p.presse {font-size: 1em;}
p.archiv {font-size: 1em;}
p.erklaerung {font-size: 0.7em;margin: 5px 15px 35px 80px;}
p.presse_letzte01 {margin-bottom: 63px;}
p.presse_letzte02 {margin-bottom: 42px;}
p.presse_letzte03 {margin-bottom: 42px;}
p.presse_letzte04 {margin-bottom: 18px;}
p.presse_letzte05 {margin-bottom: 118px;}
p.presse_letzte06 {margin-bottom: 89px;}
p.arch01_letzte {margin-bottom: 99px;}
#buttonleiste.arch02 {margin-top: 121px;}
*html p.arch03ende {margin-bottom: 61px;}

address.impressum {margin: 25px 15px;color: #FFFFFF;text-align: right;font-size: 1em;}
p.impressum {margin: 0 15px 0 50px;}
p.impressum_klein {font-size: 0.8em;}
p.impressum_letzte01 {margin: 0 15px 129px;}
p.impressum_letzte02 {margin: 0 15px 94px 50px;}
p.impressum_letzte03 {margin: 0 15px 19px;}
p.impressum_letzte04 {margin: 15px 15px 24px;font-size: 0.6em;}
p.leistung {font-size: 1em;margin: 0 15px 200px 60px;}


#fett {font-weight: bold;}
address {margin: 0 15px 0;color: #FFFFFF;text-align: right;font-size: 0.8em;}
#inhalt_presse address.presse {margin: 50px 15px 50px;color: #FFFFFF;font-size: 1em;}

/*####################################################################*/
/*Externe Verweise im Textfluss unter "Aktuelles", "Team" und Presse*/
p.aktuelles a:link, p.aktuelles a:visited,
p.team a:link, p.team a:visited,
p.team02 a:link, p.team02 a:visited,
p.team03 a:link, p.team03 a:visited,
address a:link, address a:visited,
p.presse a:link, p.presse a:visited,
p.archiv a:link, p.archiv a:visited,
p.presse_letzte01 a:link, p.presse_letzte01 a:visited,
p.presse_letzte02 a:link, p.presse_letzte02 a:visited,
p.presse_letzte03 a:link, p.presse_letzte03 a:visited,
p.presse_letzte04 a:link, p.presse_letzte04 a:visited,
p.presse_letzte05 a:link, p.presse_letzte05 a:visited,
p.presse_letzte06 a:link, p.presse_letzte06 a:visited,
p.impressum a:link, p.impressum a:visited,
p.impressum_letzte02 a:link, p.impressum_letzte02 a:visited {
text-decoration: underline;
color: #FFFFFF;
padding: 0.1em 0 0.1em 0;
}

p.aktuelles a:hover,
p.team a:hover,
p.team02 a:hover,
p.team03 a:hover,
address a:hover,
p.presse a:hover,
p.archiv a:hover,
p.presse_letzte01 a:hover,
p.presse_letzte02 a:hover,
p.presse_letzte03 a:hover,
p.presse_letzte04 a:hover,
p.presse_letzte05 a:hover,
p.presse_letzte06 a:hover,
p.impressum a:hover {
text-decoration: underline;
background-color: #FFFFFF;
color: #FF6600;}


/*3spaltiger Bereich im Impressum*/
div.impressum3spaltig {width: 100%;height: 120px;}
address.impressum3spalig {font-size: 0.7em;margin: 5px 15px;}
div.impressum3spaltig .spalte1,
div.impressum3spaltig .spalte2,
div.impressum3spaltig .spalte3 {
float: right;
}
.clear {clear: both;}

/*#################################################*/
/*Definitionsliste von Seite "Archiv 1" (Filmfest)*/
dl {
margin: 0 0 0 80px; padding: 0;
font-family: Tresbuchet MS, Verdana, Arial, sans-serif;
color: #FFFFFF;
text-align: right;
padding-right: 0.6em;}
dd,dt {display: inline;}

/*Filmliste Seite 3 Aktuelles*/
#inhalt_archiv ul.archiv {
margin: 0 15px 106px; padding: 0;
font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
text-align: right;
}

/*Liste Seite "Leistung"*/
#inhalt_leistung ul.leistung {
margin: 9px 15px 0px 5px;
font-family: "Tresbuchet MS", Verdana, Arial, sans-serif;
font-size: 1em;
color: #FFF;
text-align: right;
}

#inhalt_leistung ul.leistung li {
list-style: none;
text-align: right;
}



/*Aufzählung Seite 3 Archiv (Stammtisch)*/
#inhalt_archiv ol.archiv {
font-family: Tresbuchet MS, Verdana, Arial, sans-serif;
color: #FFFFFF;
margin:0 0 0 90px; padding: 0;

}

#inhalt_archiv ol.archiv li{
list-style-type: decimal;
text-align: right;
padding-right: 0.6em;
margin: 1em 0 1em;
}

#inhalt_archiv ol a:link, #inhalt_archiv ol a:visited {
text-decoration: underline;
color: #FFFFFF;
padding: 0.1em 0 0.1em 0;
}

#inhalt_archiv ol a:hover {
background-color: #FFFFFF;
color: #FF6600;
padding: 0.1em 0 0.1em 0;}


/*##########################################################*/
/*buttonleiste zu weiterführenden Unterseiten*/


#buttonleiste {
font-family: Tresbuchet MS, Verdana, Arial, sans-serif;
font-size: 0.6em;
padding: 10px 0 20px;}
#buttonleiste ul {margin: 0;list-style: none;text-align: right;}
#buttonleiste li {display: inline;margin: 0 15px;}
#buttonleiste li a:link, #buttonleiste li a:visited {
text-decoration: none;
background-color: #FF6600;
color: #FFFFFF;
padding: 4px;
border: 1px outset #FFFFFF;
}

#buttonleiste li a:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #FF6600;
padding: 4px;
border: 1px outset #FFFFFF;
}


#buttonleiste a#bt_ziele {background: transparent;}
#buttonleiste a#bt_ziele:hover {background-color: #FFFFFF; color: #FF6600;}


/*Höhenkorrekturen für Mozilla*/
html>body #buttonleiste.akutelles ul {margin-bottom:2px;}
html>body input.bestellung {margin-bottom:7px;margin-top:-5px}
html>body div.ziele01 {margin-bottom: 100px;}
html>body p.ziele {margin: 10px 15px 10px 200px;}
html>body #buttonleiste.ziele01 {margin-top: 45px;}
html>body #buttonleiste.ziele02 {margin-top: 135px;}
/*html>body #buttonleiste.leistung {margin-top: 11px;}*/
html>body #buttonleiste.team01 {margin-top: 108px;}
html>body #buttonleiste.team02 {margin-top: 90px;}
html>body #buttonleiste.team03 {margin-top: 51px;}
html>body #buttonleiste.presse01 {margin-top: 71px;}
html>body #buttonleiste.presse02 {margin-top: 53px;}
html>body #buttonleiste.presse03 {margin-top: 53px;}
html>body #buttonleiste.presse04 {margin-top: 29px;}
html>body #buttonleiste.arch01 {margin-top: 9px;}
html>body #buttonleiste.arch02 {margin-top: 129px;}
html>body #buttonleiste.arch03 {margin-top: 61px;}
html>body #buttonleiste.impressum01 {margin-top: 10px;}
html>body #buttonleiste.impressum02 {margin-top: -11px;}
html>body #buttonleiste.impressum03 {margin-top: 10px;}

/*#################################*/
/*Bild bei "Team"*/
#rahmen #inhalt_team img {
position: absolute;
top: 48px;
left: 10px;
border: none;
}
html>body #rahmen #inhalt_team img {
position: absolute;
top: 48px;
left: 10px;
border: none;
}


/*#################################*/
/*Firmenlogo*/
#rahmen img {
position: absolute;
bottom:-130px;
left: -45px;
border: none;
}
/*#################################*/
/*E-Mail-Adresse neben Firmenlogo*/
#rahmen p#email {
position: absolute;
bottom: -80px;
right: -15px;
font-family: "Times New Roman", Arial, Sans-Serif;
font-size: 100%;
color: #000000;
}
#orange {
color: #FF6600;
}


#inhalt_impressum div.valid {
position: relative;
width: 100%;
border: none;
height: 31px;
margin: 25px 0 0px;
text-align: right;
}

div.valid img#vxhtml {
position: absolute;
top:0px;
left:545px;
border: none;
}

div.valid img#vcss {
position: absolute;
top:0px;
left:430px;
border: none;
}