@charset "utf-8";


html,body {
    height: 100%;
}

br {
    margin: 4px;
}

body {
    width: 960px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}

em {
    font-style: italic;
}

button {
    padding: 0;
    margin: 0 0 5px 0;
}

img {
    border: 0;
    padding-right: 4px;
}

.zentriert {
     text-align: center;
}

.login {
     text-align: right;
     color: #aaa;
}

.user {
     color: #377b9e;
     font-weight: bold;
}

input,
select,
textarea {    
    background-color: #eee;
    font-family: verdana;
    font-size: 13px;
    color: #a00;
}

input.breite,
textarea.breite,
select.breite {
    width: 300px;
    border: 1px dotted #8c1313;
}

#boxrechts table #uploads  {
    padding-left: 15px;
    padding-bottom: 15px;
}

 #boxrechts span #picturetemp {
    padding-left: 2px;
    padding-bottom: 50px;
}

input.breite1,
textarea.breite1,
select.breite1 {
    margin-bottom: 10px;
    width: 245px;
    border: 1px dotted #8c1313;
}

input.breite2,
textarea.breite2,
select.breite2 {
    border: 1px dotted #8c1313;
}

input.login {
    margin: 20px 0 0 150px;
    color: #8c1313;
    border: 1px dotted #8c1313;
}

select.sel {
    border: 1px dotted #000;
}

/*########### HEAD ###########*/

#header {
    height: 110px;
    margin: 0 0 30px 0;
    background-image: url(../../../shared/img/logo.png);
    background-repeat: no-repeat;
    background-position: center left;
}

/*########### NAVI ###########*/

#navi {
    text-align: right;
}
#navi p {
    color: #555;
    font-size: 13px;
}

#navi span,
#admin_content span {
    color: #aa0000;
}

#navi .ausrichtung {
    text-align: right;
    margin-right: 30px;
}

/*########### LINKE BOX ###########*/

#boxlinks {
    width: 250px;
    float: left;
    margin: 0 10px 0 0;
    border: 2px solid #cecece;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
} 

#boxlinks p,
#boxrechts p,
#admin_login {
    color: #555;
    font-size: 13px;
    padding: 0 0 0 20px;
    margin: 0 0 15px 0;
}


#boxlinks h1,
#boxrechts h1,
#admin_login h1 {
    color: #8c1313;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 2px solid #8c1313;
    padding: 0 0 0 10px;
    background-color: #ccc;
    line-height: 30px;
}

#admin_login h1 {
    text-align: center;
}

#boxlinks h1 {
    margin: 0;
}

#boxrechts h1,
#admin_login h1{
    margin: 0 0 20px 0;
}

#boxlinks h2,
#boxrechts h2,
#admin_login h2{
    color: #1f8cc4;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 10px;
    margin: 15px 0 2px 0;
}

#boxlinks h3,
#boxrechts h3,
#admin_login h3 {
    color: #a00;
    font-size: 16px;
    padding: 0 0 20px 10px;
    margin: 0 0 0px 0;
}

#boxlinks h4,
#boxrechts h4,
#admin_login h4 {
    color: #555;
    font-size: 14px;
    padding: 0 0 0 10px;
    margin: 0 0 8px 10px;
}

#boxlinks h5,
#boxrechts h5,
#admin_login h5 {
    color: #1f8cc4;
    font-size: 14px;
    font-weight: bolder;
    padding: 0 0 0 0;
    margin: 15px 0 5px 10px;
}

#boxlinks h6,
#boxrechts h6,
#admin_login h6 {
    color: #555;
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 0 0 8px 10px;
}

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

#boxlinks li a {
    padding: 0 0 0 20px;
}

#boxlinks a.aktiv {
color: #fff;
background-color: #8c1313;
}

#boxlinks a {
    color: #8c1313;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    display: block;
    line-height: 30px;
}

#boxlinks a:hover {
    color: #fff;
    text-decoration: none;
    outline: none;
    background-color: #8c1313;
}

.trenner1 {
    border-top: 1px dotted #a00;
    
}

.trenner2 {
    border-bottom: 1px dotted #a00;
    margin-bottom: 10px;
}

/*########### RECHTE BOX ###########*/

#boxrechts {
    width: 680px;
    float: right;
    margin: 0px;
}

#admin_login {
    width: 350px;
    margin: 200px auto 0 auto;
}

#boxrechts,
#admin_login {
    
    padding: 0 0 20px 0;
    border: 2px solid #cecece;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#boxrechts a {
    color: #555;
    font-family: verdana, arial;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-decoration: none;
    outline: none;
}

#boxrechts a:hover {
    color: #8c1313;
    text-decoration: underline;
    outline: none;
}

#boxrechts table{
    width: 94%;
    margin: 0 0 0 20px;
    padding: 0;
}

#boxrechts th {
    color: #555;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 7px 0 5px 0;
}

#boxrechts td {
    color: #444;
    font-size: 13px;
    vertical-align: top;
    padding: 2px;
}

#boxrechts form {
    margin: 0;
    padding: 0;
}

#boxrechts .pflicht {
    color: #999;
    font-size: 9px;
}

#boxrechts input,
#boxrechts select {
    margin: 8px 0 0 10px;
}

#boxrechts p.absatz {
    margin: 30px 0 20px 0;
    text-align: center;
}

#boxrechts textarea {
    margin: 8px 0 0 10px;
}

#boxrechts .pflichtfeld {
    font-size: 10px;
    color: #aa0000;
}

#boxrechts td.einrueckung {
    padding: 0 0 5px 20px;
    color: #377b9e;    
}

#boxrechts p.fett {
    font-weight: bold;
}

#boxrechts p.error {
    color: red;
    font-weight: bold;
    padding: 5px 0 0px 20px;
}
.angelegt {
    text-align: center;
}

#boxrechts td.einrucken {
    padding-left: 35px;
}

#boxrechts .vorschaubild {
    padding-left: 10px
}

#boxrechts td.tabelle11,
#boxrechts td.tabelle22,
#boxrechts td.tabelle33,
#boxrechts td.tabelle44,
#boxrechts td.tabelle55,
#boxrechts td.tabelle66,
#boxrechts td.tabelle77,
#boxrechts th.bucher {
    text-align: left;
}

#boxrechts td.tabelle1 {
    width: 220px;
}

#boxrechts td.tabelle11 {
    width: 100px;
}

#boxrechts td.tabelle2,
#boxrechts td.tabelle22 {
    width: 100px;
}

#boxrechts td.tabelle222 {
    width: 330px;
}

#boxrechts td.tabelle3 {
    width: 100px;
}

#boxrechts td.tabelle33 {
    width: 80px;
}

#boxrechts th.tabelle333,
#boxrechts td.tabelle333 {
    text-align: center;
    width: 120px;
}

#boxrechts td.tabelle4 {
    width: 100px;
}

#boxrechts td.tabelle44 {
    width: 130px;
}

#boxrechts td.tabelle5 {
    width: 60px;
}

#boxrechts td.tabelle55 {
    width: 130px;
}

#boxrechts td.tabelle6,
#boxrechts td.tabelle66 {
    width: 40px;
}

#boxrechts td.tabelle7,
#boxrechts td.tabelle77 {
    width: 130px;
}

#boxrechts td.tabelle8 {
    height: 20px;
    padding: 0 0 13px 5px;
    border-bottom-color: #377b9e;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#boxrechts table.buchung {
    width: 95%;
}

#boxrechts span.bucher {
    font-weight: bold;
}

#boxrechts th.bucher {
   padding-bottom: 15px;
    border-bottom-color: #377b9e;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#loeschen {
    border: 1px dotted #8c1313;
    margin-left: 200px
}

/*########### BREADCRUMPS ##########*/

.pfeil {
    color: #aa0000;
}

.reisename {
    color: #1f8cc4;
}

.loeche_bestaettigung {
    color: #377b9e;
}

#boxrechts .loesche_text {
    text-align: center;
    margin: 30px 0 0 0;
}

#boxrechts .loesche_text a {
    margin: 0 15px 0 15px;
}

#boxrechts h3.einruecken {
    text-align: center;
    color: #555;
    font-size: 13px;
}

#label_logo {
    margin-right: 33px;
}

#label_logo_v {
    margin-right: 50px;
}

#label_vorschaubild {
    margin-right: 42px;
    vertical-align: top;
}

.einruecken {
    text-align: center;
    color: #a00;
}
/*############ Login ############*/

#admin_login table {
    margin-left: 50px;
    text-align: center;
}

#admin_login td {
    padding: 3px;
}