/* css file -- (c) iwan raschle www.raschlekranz.ch  2007  Keine Ver채nderung ohne Zustimmung des Autors */




body {
background-color: #FFFFFF;
padding:0px;
margin:0px;
}



#alles {
margin-left:auto;
margin-right:auto;
background-color: #FFFFFF;
width: 820px;
padding:0px;
}

#header {
clear:both;
width: 100%;
background-color: transparent;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 20px;
padding-bottom: 15px;
height: 80px;
border-bottom: 1px dotted #CCCCCC;
}

#header img {
margin-top: 2px;
margin-bottom: 0px;
margin-right: 10px;
margin-left:6px;
float:left;
border:0;
}


#menu {
display:none

}

#bildbox {
float:right;
width: 500px;
background-color: transparent;
margin-top: 10px;
margin-bottom: 1px;
overflow:hidden;
}

#bildbox img {
margin:0px;
padding:0px;
border:0px;
}

#infobox {
float:left;
width:186px;
background-color: #E2E2E3; 
color:#FFFFFF;
margin-top:0px;
padding-top:0px;
margin-bottom: 0px;
padding-left: 3px;
padding-right: 3px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

}

#infobox h2 {
font-family:"Arial", sans-serif;
font-size: 15px;
border-bottom: 1px dotted #FFFFFF;
padding:2px;
color: #4D4F53;
}

#infobox h3 {
font-family:"Arial", sans-serif;
font-size: 13px;
padding:2px;
border-bottom: 1px dotted #FFFFFF;
color: #4D4F53;
}

#infobox p {
font-family:"Arial", sans-serif;
font-size: 9px;
line-height: 12px;
padding: 2px;
color:#4D4F53;

}


#infobox img {
width: 100px;
}


#projektbox {
float:left;
width:300px;
background-color: transparent; 
margin-bottom: 10px;
margin-top:0px;
padding-top:0px;
padding-left: 3px;
padding-right: 3px;
border-right:1px dotted #FFFFFF;
}

#projektbox img {
width: 100px;
}

#projektbox a:active, #projektbox a:hover {
color: #000000;
}

#projektbox h2 {
font-family:"Arial", sans-serif;
font-size: 15px;
border-bottom: 1px dotted #FFFFFF;
color: #000000;
margin-left: 12px;
padding:2px;

}

#projektbox h3 {
font-family:"Arial", sans-serif;
font-size: 13px;
border-bottom: 1px dotted #FFFFFF;
color: #000000;
}

#projektbox p {
font-family:"Arial", sans-serif;
font-size: 9px;
line-height: 12px;
padding: 2px;
color:#000000;

}

#projektbox ul {
list-style-type:none;
padding:2px;
margin:0px;
color:#000000;

}

#projektbox ul li {
margin-top:3px;
font-family:"Arial", sans-serif;
font-size: 12px;
color:#000000;
border-bottom: 1px dotted #CCCCCC;
padding-left: 4px;
padding-right: 5px;
padding-bottom:2px;
}

#projektbox table {
padding-left: 0px;
margin-left:0px;
}


#inhalt {
float:left;
width:300px;
margin-left:0px;
margin-top:5px;
padding-left:0px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
background-color:transparent;
color:#000000;
}


#inhalt h1 {
font-family:"Arial", sans-serif;
font-size: 20px;
line-height: 30px;
color:#666666;
background-color: transparent;
letter-spacing: 1px;
margin-left: 7px;
margin-right: 0px;
margin-bottom:0px;
padding-bottom:0px;
}


#inhalt a:link, #inhalt a:visited {
color: #000000;
text-decoration:underline;
}

#inhalt a:hover, #inhalt a:active {
color: #772432;
text-decoration: underline;
}

#inhalt h2 {
font-family:"Arial", sans-serif;
font-size: 25px;
color: #666666;
margin-left:7px;
}

#inhalt h2 a:hover {
color: #818A8F;
}

#inhalt h3 {
font-family:"Arial", sans-serif;
font-size: 17px;
border-bottom: 1px dotted #CCCCCC;
color: #000000;
padding-bottom: 2px;
margin-left:7px;
line-height: 1.3em;
}

#inhalt h4 a:link, #inhalt h4 a:visited {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #000000;
padding-bottom: 3px;
margin-left: 7px;
}

#inhalt h4 a:active, #inhalt h4 a:hover {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #7B2927;
padding-bottom: 3px;
margin-left: 7px;
}


#inhalt p {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-top:0px;
padding-top: 3px;
margin-left: 7px;
margin-right: 5px;
}

#inhalt ul {
margin-top:5px;
list-style-type:square;
list-style-position:outside;
padding-left:17px;
}

#inhalt ul li {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-left:7px;
padding:0px;
margin-bottom: 0.1em;
text-align:left;

}





#inhalt_breit {
width: 500px;
border-left: 1px dotted #CCCCCC;
float:left;
margin-left:20px;
}


#inhalt_breit h1 {
font-family:"Arial", sans-serif;
font-size: 20px;
line-height: 35px;
color:#666666;
background-color: transparent;
letter-spacing: 1px;
margin-left: 7px;
margin-right: 5px;
margin-bottom:0px;
padding-bottom:0px;
}


#inhalt_breit a:link, #inhalt_breit a:visited {
color: #000000;
text-decoration:underline;
}

#inhalt_breit a:hover, #inhalt_breit a:active {
color: #772432;
text-decoration: underline;
}

#inhalt_breit h2 {
font-family:"Arial", sans-serif;
font-size: 25px;
color: #FFFFFF;
margin-left:7px;
}

#inhalt_breit h2 a:hover {
color: #818A8F;
}

#inhalt_breit h3 {
font-family:"Arial", sans-serif;
font-size: 18px;
border-bottom: 1px dotted #CCCCCC;
color: #000000;
padding-bottom: 3px;
margin-left:7px;
line-height: 1.3em;
}

#inhalt_breit h4 a:link, #inhalt_breit h4 a:visited {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #000000;
padding-bottom: 3px;
margin-left: 7px;
}

#inhalt_breit h4 a:active, #inhalt_breit h4 a:hover {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #7B2927;
padding-bottom: 3px;
margin-left: 7px;
}


#inhalt_breit p {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-top:0px;
padding-top: 3px;
margin-left: 7px;
margin-right: 5px;
}

#inhalt_breit ul {
margin-top:10px;
list-style-type:square;
list-style-position:outside;
padding-left:17px;
}

#inhalt_breit ul li {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-left:7px;
padding:0px;
text-align:left;
margin-bottom: 0.3em;

}


#inhalt_breit p.projekte {
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 3px;
float:left;
}

#inhalt_admin {
width: 100%;
float:left;
margin-left: 0px;
}


#inhalt_admin h1 {
font-family:"Arial", sans-serif;
font-size: 20px;
line-height: 1.6em;
color:#666666;
background-color: transparent;
letter-spacing: 1px;
margin-left: 7px;
margin-right: 5px;
margin-bottom:0px;
padding-bottom:0px;
}


#inhalt_admin a:link, #inhalt_admin a:visited {
color: #000000;
text-decoration:underline;
}

#inhalt_admin a:hover, #inhalt_admin a:active {
color: #772432;
text-decoration: underline;
}

#inhalt_admin h2 {
font-family:"Arial", sans-serif;
font-size: 25px;
color: #FFFFFF;
margin-left:7px;
}

#inhalt_admin h2 a:hover {
color: #818A8F;
}

#inhalt_admin h3 {
font-family:"Arial", sans-serif;
font-size: 18px;
border-bottom: 1px dotted #CCCCCC;
color: #000000;
padding-bottom: 3px;
margin-left:7px;
line-height: 1.3em;
}

#inhalt_admin h4 a:link, #inhalt_admin h4 a:visited {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #000000;
padding-bottom: 3px;
margin-left: 7px;
}

#inhalt_admin h4 a:active, #inhalt_admin h4 a:hover {
font-family:"Arial", sans-serif;
font-size: 14px;
margin-bottom:0px;
color: #7B2927;
padding-bottom: 3px;
margin-left: 7px;
}


#inhalt_admin p {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-top:0px;
padding-top: 3px;
margin-left: 7px;
margin-right: 5px;
}

#inhalt_admin ul {
margin-top:10px;
list-style-type:square;
list-style-position:outside;
padding-left:17px;
}

#inhalt_admin ul li {
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 18px;
color:#000000;
margin-left:7px;
padding:0px;
text-align:left;
margin-bottom: 0.3em;

}


#inhalt_admin p.projekte {
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 3px;
float:left;
}

#inhalt_admin table{
border: 0px;
padding:0px;
margin:0px;
}

#inhalt_admin  table td, #inhalt_admin  table td {
font-family:"Arial", sans-serif;
font-size: 75%;
font-weight:normal;
line-height: 1.3em;
border-bottom: 1px solid #cccccc;
padding: 3px;
border-right: 1px solid #cccccc;
vertical-align: top;
}

#inhalt_admin table p, #inhalt_admin table p {
font-family:"Arial", sans-serif;
font-weight: normal;
font-size: 75%;
line-height: 1.3em;
font-weight: normal;
color: red;
}


#inhalt_admin table tr.kopfzeile  {
background-color: #CCCCCC;
color: #000000;
}



#spalte_rechts {
float:right;
width: 500px;
padding-top: 0px;
margin-top: 0px;
background-color:#CCCCCC; 
overflow:hidden;
border-left: 1px dotted #CCCCCC;


}

#spalte_rechts a:link, #spalte_rechts a:visited {
color: #4D4F53;
text-decoration:underline;
}

#spalte_rechts a:hover, #spalte_rechts a:active {
color: #252C26;
text-decoration: underline;
}

#spalte_rechts h1 {
font-family:"Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom:20px;
}

#spalte_rechts p {
font-family:"Arial", sans-serif;
font-size: 12px;
line-height: 18px;
}

#spalte_rechts ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#spalte_rechts li {
margin-top:3px;
font-family:"Arial", sans-serif;
font-size: 12px;
color:#999999;
border-bottom: 1px solid #A1A3A1;
padding-left: 2px;
padding-right: 5px;
padding-bottom:2px;
}

#spalte_rechts img {
border:0px;
}


#spalte_rechts img.rechts {
float:right;
}

#spalte_rechts img.rechts_clear {
float:right;
clear: both;
margin-top: 1em;
}

#spalte_rechts_schmal {
float:left;
width: 250px;
padding-top: 0px;
margin-top: 10px;
background-color:#FFFFFF; 
padding-left: 20px;

}

#spalte_rechts_schmal a:link, #spalte_rechts_schmal a:visited {
color: #CCCCCC;
text-decoration:underline;
}

#spalte_rechts_schmal a:hover, #spalte_rechts_schmal a:active {
color: #000000;
text-decoration: underline;
}

#spalte_rechts_schmal h1 {
font-family:"Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom:20px;
}

#spalte_rechts_schmal p {
font-family:"Arial", sans-serif;
font-size: 12px;
line-height: 18px;
}

#spalte_rechts_schmal ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#spalte_rechts_schmal li {
margin-top:3px;
font-family:"Arial", sans-serif;
font-size: 12px;
color:#999999;
border-bottom: 1px solid #A1A3A1;
padding-left: 2px;
padding-right: 5px;
padding-bottom:2px;
}

#spalte_rechts_schmal img {
border:0px;
}


#spalte_rechts_schmal img.rechts {
float:right;
}

#spalte_rechts_schmal img.rechts_clear {
float:right;
clear: both;
margin-top: 1em;
}






#fusszeile {
display:none;

clear: both;
width: 820px;
padding-left: 0px;
padding-right: 0px;
margin-right:0px;
margin-left:0px;
background-color: #FFFFFF;
margin-top:20px;
padding-top: 5px;
border-bottom: 1px dotted #CCCCCC;
border-top: 1px dotted #CCCCCC;

}

#fusszeile p {
font-family:"Arial", sans-serif;
font-size: 12px;
line-height: 1.3em;
margin-left: 5px;,
color: #000000;

}


#fusszeile a:link, #fusszeile a:visited {
color:#000000;
}

#fusszeile a:active, #fusszeile a:hover {
color:#C9031E;
text-decoration: underline;
}

#fusszeile img.rechts {
float:right;
}

#copyright img.rechts {
float:right;
}

#copyright {
clear: both;
width: 820px;
padding:0px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #FFFFFF;
border-top: 1px dotted #CCCCCC;
height: 3em;
margin-top: 1em;
}

#copyright p {
font-family:"Arial", sans-serif;
font-size: 11px;
line-height: 1.5em;
color: #666666;
padding-left: 5px;
}


#copyright a:link, #copyright a:visited {
color:#666666;
}

#copyright a:active, #copyright a:hover {
color:#000000;
text-decoration: underline;
}

#dateiliste {
background-color: #FFFFFF;
color: #000000;
font-size: 95%;
line-height: 1.3em;
margin-bottom: 3em;

}

#dateiliste table {
width: 100%;
}

#dateiliste table tr.kopfzeile {
font-family:"Arial", sans-serif;
background-color: #000000;
color:#FFFFFF;
}

#dateiliste table tr {
font-family:"Arial", sans-serif;
background-color: #CCCCCC;}

#dateiliste a:link, #dateiliste a:visited {
font-family:"Arial", sans-serif;
text-decoration: none;
color: #000000;
}

#dateiliste a:hover, #dateiliste a:active {
font-family:"Arial", sans-serif;
text-decoration: underline;
color: #000000;

}

#inhalt table, #inhalt_breit table, #projektbox table{
border: 0px;
padding:0px;
margin:0px;
}

#inhalt table td, #inhalt_breit table td, #projektbox table td {
font-family:"Arial", sans-serif;
font-size: 75%;
font-weight:normal;
line-height: 1.5em;
border-bottom: 1px dotted #cccccc;
padding: 3px;
border-right: 1px dotted #cccccc;
vertical-align: top;
}

#inhalt table td.ohne, #inhalt_breit table td.ohne, #projektbox table td.ohne {
font-family:"Arial", sans-serif;
font-size: 75%;
font-weight:normal;
line-height: 1.5em;
border-bottom: 1px dotted #cccccc;
padding: 3px;
border-right: 0px dotted #cccccc;
vertical-align: top;
}

#inhalt table p, #inhalt_breit table p, #projektbox table p {
font-family:"Arial", sans-serif;
font-weight: normal;
font-size: 75%;
line-height: 1.3em;
font-weight: normal;
color: red;
}


#inhalt table tr.kopfzeile, #inhalt_breit table tr.kopfzeile {
background-color: #CCCCCC;
color: #000000;
}


#inhalt img {
padding:0px;
border:0px;
margin:0px;
}





#kap_000001 {
display:none;
}

#kap_000002 {
display:none;
}

#kap_000003 {
display:none;
}

#user_message {
clear:both;
background-color: #FFFFFF;
color: #000000;
font-family: Tahoma;
font-size: 10px;
padding: 2px;
margin-bottom: 1em;
border-bottom: 1px dotted #CCCCCC;
}


#menu_admin {
float:left;
clear:both;
width: 100%;
background-color: #CCCCCC;
color: #000000;
font-family: Tahoma;
font-size: 10px;
border-bottom: 1px dotted #666666;
margin-bottom: 1em;
}

#menu_admin ul {
padding-top:10px;
display:inline;
list-style-type:none;
margin-left:0px;
}

#menu_admin ul li {
float: left;
font-family:"Arial", sans-serif;
font-size: 12px;
font-weight: normal;
padding-right: 10px;
letter-spacing:0.2ex;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
background-color:transparent;
margin-left: 5px;
color:#666666;
padding-bottom: 5px;
line-height: 1.2em;
border-right: 1px solid #CCCCCC;

}

#menu_admin ul li.erster {
margin-left:0px;
color:#666666;

}

#menu_admin a:link, #menu_admin a:visited {
text-decoration:none;
color:#666666;

}

#menu_admin a:hover, #menu_admin a:active {
color:#999999;
text-decoration: underline;
}


hr {
background-color: transparent;
color: transparent;
border:0px;
border-top: 1px dotted #cccccc;
width: 100%;
}

hr.hist {
background-color: transparent;
color: transparent;
border:0px;
border-top: 1px dotted #cccccc;
width: 100%;
}



input {
width: 480px;
}



textarea {
clear: both;
background-color:#DAE3EA;
color: #000000;
width: 480px;
height: 300px;
overflow-y: scroll;
}

#links {
float:left;
width: 45%;
}

#rechts {
float:right;
width: 45%;
margin-left: 10px;
border-left: 1px dotted #CCCCCC;
 
}

#zitat {
float: left;
}

#zitat p.gross {
font-family:"Arial", sans-serif;
font-style: italic;
font-size: 14px;
line-height: 1.5em;
color: #9A9B9C;
background-color: #FFFFFF;
border-bottom: 1px dotted #CCCCCC;
}

#auswahl {
float:left;
width: 100%;
}

#auswahl p {
font-size: 70%;
}


#auswahl .zitat {
font-style: italic;
font-weight: bold;
font-size: 70%;
}

#auswahl a:link, #auswahl a:visited {
color: #7B2927;
}

div.angebot_inhalt {
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
border: 1px dotted #CCCCCC;
border-top: none;
padding: 5px;
color: #FFFFFF;
}

div.bereich_inhalt img.close {
float:right;
margin-right:0px;
margin-bottom: 20px;
}

div.bereich_inhalt p {
padding-right: 20px;
}

div.bereich_inhalt ul li a:link, div.bereich_inhalt ul li a:visited {
padding-right: 20px;
color: #000000;
}

div.grau {
background-color: #EBF0F3;
padding-top: 5px;
padding-bottom: 5px;

}

img.float_left {
margin-right: 7px;
float:left;
}


div.projekte {
border-bottom: 1px dotted #CCCCCC;
height: 80px;
padding-top: 3px;
padding-bottom: 3px;
padding-left:7px;
padding-right:0px;
}


img.projektmini {
float:left;
margin-left: 7px;
width: 75px;
margin-right: 5px;
border:0px;
}

#inhalt p.projekte {
float:left;
margin-left: 5px;
}

#inhalt p.projekte {
float:left;
margin-left: 5px;
}


img.projektblatt {
float:left;
margin-left: 0px;
height: 67px;

}

.mager {
font-weight: normal;
}

div.projektbilder {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dotted #CCCCCC;
margin-bottom 5px;
height:75px;
width: 100px;
overflow:hidden;
}

p.user-message {
color: #59705D;
font-family:arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-left: 7px;
border-bottom: 1px dotted #59705D;
}


img.miniaturen {
height: 50px;
}

p.rubrik {
font-size: 6px;
color:#666666;
border-bottom: 1px dotted #CCCCCC;
}

.name {
font-weight: bold;
}

#sort {
width:50%;
float:left;
margin:0px;
font-size: 70%;
border-bottom 1px #CCCCCC;
}

#sort p {
float:left;
line-height: 1.5em;

}

td.ohne {
border-right: none;
}

div.nav {
width: 100%;
}

div.nav p input {
float: left;
width: 75px;
}

div.nav p.nav {
float:left;
}

p.clear {
clear:both;
}