/* CSS Dokument fuer die Webseite www.mobiles-buero.at */
/* Autorin: Alexandra Steiner - www.alexandra-steiner.at */
/* Datum: im Jaenner 2009 */

body {
   background-color: #ffffff;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

* {
   margin: 0;
   padding: 0;
}

h1, h2, h3 {
   color: #800000;
}
h1 {
   font-size: 1em;
   margin: 0 0 7px 0;
}

h2 {
   font-size: 0.9em;
   clear:left;
   margin: 8px 0 5px 0;
}
h3 {
   font-size: 0.8em;
   clear:left;
   margin: 8px 0 5px 0;   
}
strong {
   color: #800000;
}

p {
   color: #000000;
   line-height: 1.4em;
   font-size: 0.7em;
   text-align: justify;
   padding: 5px 0;
}

ul, ol {
   color: #000000;
   font-size: 0.7em;
   padding: 5px 0;
   margin: 0 0 0 50px;
}

ul {
   list-style-type: circle;
}
ol {
   list-style-type: decimal;
}
li {
   line-height: 1.4em;
   padding: 2px 0;
   margin: 0;
}

form {
   margin: 0;
   padding: 0;
}

form ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
form li {
   margin: 3px 0;
   padding: 0;
   line-height: normal;
}

label {
   color: #800000;
   display: block;
   float: left;
   width: 150px;
}

input, textarea {
   width: 300px;
   padding: 1px 3px;
   font-family: "Courier New", Courier, monospace;
   font-size: 1em;
   border: 1px solid #ffffff;
   background-color: #ffffff;
}

input:hover, textarea:hover {
   background-color: #cccccc;
   border: 1px solid #cccccc;
}
input:focus, textarea:focus {
   background-color: #ffffff;
   border: 1px solid #800000;
}


small {
   font-size: 80%;
}

a {
   background: url(design/link_icon.gif) right no-repeat;
   padding: 0 8px 0 0;
}
a:link {
   color: #800000;
   text-decoration: underline;
}
a:visited {
   color: #800000;
   text-decoration: none;
}
a:hover {
   color: #800000;
   text-decoration: none;
}
a:active {
   color: #800000;
   text-decoration: underline; 
}

img {
   float:left;
   border: 1px solid #800000;
   margin: 10px 0 10px 0;
}

#logo {
background: url(design/schriftzug.gif) top left no-repeat;
   margin: 0 0 0 10px;
   height: 70px;
   width: 610px;
}

#logo * {
   margin-left: -3000px;
}

#wrapper {
   margin: 25px 0 10px 250px;
   width: 550px;
   background-color: #f2f2f2;
}

#datumsub {
   background-color: #ffffff;
   margin: 0;
   padding: 0;
   color: #ffffff;
}
#datumsub a {
   background: none;
   color: #ffffff;
   padding: 0;
   margin: 0;   
}
#datumsub a:link {
   text-decoration: underline;
}
#datumsub a:visited {
   text-decoration: none;
}
#datumsub a:hover {
   text-decoration: none;
}
#datumsub a:active {
   text-decoration: underline;
}


#datumsub .datum {
   background: url(design/button_datum.gif) center no-repeat;
   position: absolute;
   top: 70px;
   left: 250px;
   height: 20px;
   width: 200px;
   margin: 0;
   padding: 0 10px 0 10px;
   text-align: center;
}

#datumsub .datum p {
   font-size: 0.65em;
   color: #ffffff;
   text-align: center;
   padding: 2px 0 0 0;
}


#datumsub .submenue {
   position: absolute;
   top: 70px;
   left: 580px;
   height: 17px;
   width: 220px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#datumsub .submenue ul {
   list-style-type:none;
   margin: 0;
   padding: 0;
   height: 20px;
   text-align: center;
   font-size: 0.55em;
}
#datumsub .submenue li {
   background: url(design/button_sub.gif) center no-repeat;
   display: block;
   float: left;
   color: #ffffff;
   height: 17px;
   width: 110px;
   margin: 0;
   padding: 3px 0 0 0;
}

#menue {
   margin: 0;
   padding: 0;
}

#menue ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-size: 0.7em;
   font-weight: 600;
}
#menue li {
   display: block;
   float: left;
   text-align: center;
   height: 20px;
   width: 110px;
   margin: 0;
   padding: 0;
}
#menue a {
   background: url(design/button_menue.gif) center top no-repeat;
   display: block;
   padding: 2px 0 0 0;
   height: 18px;
   width: 110px;
}
#menue a:link {
   color: #ffffff;
   text-decoration: none;
}
#menue a:visited {
   color: #cccccc;
   text-decoration: none;
}
#menue a:hover {
   background: url(design/button_menue_hover.gif) center top no-repeat;
   color: #800000 !important;
   text-decoration: none;
}
#menue a:active {
   color: #ffffff;
   text-decoration: underline;
}

#content {
   clear: both;
   padding: 20px;
}

.up {
   text-align: right;
   clear: both;
}
.up a {
   background: url(design/pfeil_nachoben.gif) left bottom no-repeat;
   padding: 0 0 0 10px;
}
.up a:link {
   color: #800000;
   text-decoration: underline;
}
.up a:visited {
   color: #800000;
   text-decoration: none;
}
.up a:hover {
   color: #800000;
   text-decoration: none;
}
.up a:active {
   color: #800000;
   font-style: italic;
   text-decoration: underline; 
}

.button {
   background: url(design/button_form.gif) top center no-repeat;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   border: none;
   display: block;
   width: 110px;
   height: 20px;
   cursor: pointer;
   color: #ffffff;
   font-size: 0.9em;
   font-weight: 600;
   padding: 0;
   margin: 0 0 0 250px;
}
.button:hover {
   border: none;
   background: url(design/button_form.gif) top center no-repeat;
}


.button:focus {
   background: url(design/button_form_focus.gif) top center no-repeat;
   color: #800000;   
}

.nolink {
   background: none;
   padding: 0;
   margin: 0;
}

#footer {
   background: url(design/footer.gif) center no-repeat;
   height: 20px;
   color: #ffffff;
}

#footer ul {
   padding: 3px 0 0 0;
   margin:0;
   font-size: 0.6em;
   color: #ffffff;
   text-align: center;
}
#footer li {
   display: inline;
}
#footer a {
   background: none;
   padding: 0;
   margin: 0;
   color: #ffffff;   
}
#footer a:link {
   text-decoration: underline;
}
#footer a:visited {
   text-decoration: none;
}
#footer a:hover {
   text-decoration: none;
}
#footer a:active {
   text-decoration: underline;
}