/* HTML Elemente */
html
{
height: 100%;
}
body
{
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #666666;
margin: 0px;
padding: 0px;
height: 100%;
background-color: #f0f3fb;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
body
{
}
table, tr, td, input, textarea, select
{
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
}
input, textarea, select
{
padding: 2px;
}
textarea
{
resize: none;
}
img
{
border: 0px;
}
strong
{
}
h1, h2, h3
{
}
h1
{
font-size: 20px;
}
h2
{
font-size: 16px;
}
h3
{
font-size: 13px;
}
ul, ol
{
}
ul li
{
}
ol li
{
}
input
{
}
optgroup
{
}
option
{
}
/* Link Objekte */
a
{
white-space: nowrap;
text-decoration: none;
}
a:link
{
text-decoration: underline;
}
a:visited
{
text-decoration: underline;
}
a:hover
{
text-decoration: underline;
}
/* Standard Klassifizierungen */
.p-abs
{
position: absolute;
}
.p-rel
{
position: relative;
}
.r-0
{
right: 0px;
}
.b-0
{
bottom: 0px;
}
.b-10
{
bottom: 10px;
}
.t-left
{
text-align: left;
}
.t-right
{
text-align: right;
}
.t-center
{
text-align: center;
}
.v-top
{
vertical-align: top;
}
.v-middle
{
vertical-align: middle;
}
.v-bottom
{
vertical-align: bottom;
}
.d-none
{
display: none;
}
.d-block
{
display: block;
}
.d-inline { display: inline; }
.v-visible
{
visibility: visible;
}
.v-hidden
{
visibility: hidden;
}
.f-left
{
float: left;
}
.f-right
{
float: right;
}
.c-left
{
clear: left;
}
.c-right
{
clear: right;
}
.c-both
{
clear: both;
}
.w-70
{
width: 70px;
}
.w-90
{
width: 90px;
}
.w-120
{
width: 120px;
}
.w-180
{
width: 180px;
}
.w-200
{
width: 200px;
}
.w-210
{
width: 210px;
}
.w-220
{
width: 220px;
}
.w-230
{
width: 230px;
}
.w-250
{
width: 250px;
}
.w-300
{
width: 300px;
}
.w-320
{
width: 320px;
}
.w-340
{
width: 340px;
}
.w-350
{
width: 350px;
}
.w-370
{
width: 370px;
}
.w-400
{
width: 400px;
}
.w-420
{
width: 420px;
}
.w-450
{
width: 450px;
}
.w-500
{
width: 500px;
}
.w-100pr
{
width: 100%;
}
.input-w-210 input[type="text"],
.input-w-210 input[type="password"]
{
width: 210px;
}
.h-35
{
height: 35px;
}
.h-15
{
height: 15px;
}
.m0a
{
margin: 0px auto;
}
.m-0
{
margin: 0px;
}
.m-top-5
{
margin-top: 5px;
}
.m-top-10
{
margin-top: 10px;
}
.m-top-15
{
margin-top: 15px;
}
.m-top-20
{
margin-top: 20px;
}
.m-top-30
{
margin-top: 30px;
}
.m-bottom-10
{
margin-bottom: 10px;
}
.m-bottom-25
{
margin-bottom: 25px;
}
.m-left-5
{
margin-left: 5px;
}
.m-left-8
{
margin-left: 8px;
}
.m-left-10
{
margin-left: 10px;
}
.m-left-15
{
margin-left: 15px;
}
.m-right-8
{
margin-right: 8px;
}
.m-right-10
{
margin-right: 10px;
}
.m-right-15
{
margin-right: 15px;
}
.p-0
{
padding: 0px;
}
.p-10
{
padding: 10px;
}
.p-top-2
{
padding-top: 2px;
}
.p-top-5
{
padding-top: 5px;
}
.p-top-7
{
padding-top: 7px;
}
.p-top-8
{
padding-top: 8px;
}
.p-top-10
{
padding-top: 10px;
}
.p-top-15
{
padding-top: 15px;
}
.p-top-30
{
padding-top: 30px;
}
.p-bottom-5
{
padding-bottom: 5px;
}
.p-bottom-25
{
padding-bottom: 25px;
}
.p-bottom-30
{
padding-bottom: 30px;
}
.p-left-5
{
padding-left: 5px;
}
.p-left-10
{
padding-left: 10px;
}
.p-left-11
{
padding-left: 11px;
}
.p-right-5
{
padding-right: 5px;
}
.p-right-10
{
padding-right: 10px;
}
.p-right-15
{
padding-right: 15px;
}
.bold
{
font-weight: bold;
}
.size10
{
font-size: 10px;
}
.size12
{
font-size: 12px;
}
.size13
{
font-size: 13px;
}
.size14
{
font-size: 14px;
}
.size18
{
font-size: 18px;
}
.c-red
{
color: #ff3333;
}
.c-white
{
color: #ffffff;
}
.ajaxOverflow
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0.7;
background-color: #2f415f;
z-index: 1200;
}
.ajaxWaitOverflow
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0.7;
background-color: #2f415f;
z-index: 10000;
}
.ajaxWindowContent
{
position: fixed;
text-align: center;
background-color: #2f415f;
opacity: 1.0;
z-index: 8001;
border-radius: 6px;
padding: 20px;
border: 1px solid #ffffff;
}
.ajaxWindowContent.ajaxLoader
{
z-index: 10001;
}
.ajaxWindowContent h1
{
color: #ffffff;
border-bottom: 2px solid #ffffff;
}
.ajaxWindowContent span
{
color: #ffffff;
font-weight: bold;
padding-top: 10px;
display: block;
}
button
{
color: #ffffff;
font-weight: bold;
font-family: "Open Sans", Verdana, Arial, sans-serif;
cursor: pointer;
}
.button-norm,
.tab-norm
{
-moz-box-shadow: inset 1px 1px 4px 1px #ffffff;
-webkit-box-shadow: inset 1px 1px 4px 1px #ffffff;
box-shadow: inset 1px 1px 4px 1px #ffffff;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
background-color: #f9f9f9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
color: #666666;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 6px 22px;
text-decoration: none;
text-shadow: 1px 1px 4px #ffffff;
}
.button-norm.small
{
font-size: 15px;
}
.tab-norm
{
border-radius: 6px 6px 0px 0px;
padding: 0px;
}
.tab-norm a
{
display: block;
color: #666666;
text-decoration: none;
}
.button-norm:hover,
.tab-norm:hover
{
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
background-color: #e9e9e9;
}
.button-norm:active,
.tab-norm:active
{
position: relative;
top: 1px;
}
/* Table in Ajax Window */
.table-ajaxWindow
{
color: #ffffff;
text-align: left;
}
.table-ajaxWindow th
{
font-size: 18px;
background-color: #ffffff;
color: #2f415f;
}
.table-ajaxWindow tr.row-odd,
.table-ajaxWindow tr.row-odd-fix
{
background-color: #336699;
cursor: pointer;
}
.table-ajaxWindow tr.row-even,
.table-ajaxWindow tr.row-even-fix
{
background-color: #6699cc;
cursor: pointer;
}
.table-ajaxWindow td
{
font-size: 18px;
height: 30px;
}
/* Normale Table */
.table
{
color: #666666;
text-align: left;
}
.table th
{
font-size: 18px;
background-color: #ffffff;
color: #2f415f;
}
.table tr.row-odd,
.table tr.row-odd-fix,
.table tr.row-odd-fix:hover
{
background-color: #f0f3fb;
}
.table tr.row-even,
.table tr.row-even-fix,
.table tr.row-even-fix:hover
{
background-color: #dce5fb;
}
.table tr:hover
{
background-color: #2f415f;
color: #ffffff;
}
.table tr.row-odd-fix:hover,
.table tr.row-even-fix:hover { color: #666666; }
.table td
{
font-size: 18px;
height: 30px;
}
.tab-norm.active
{
position: relative;
top: 1px;
background: #ffffff;
filter: none;
border-bottom-color: #ffffff;
}
.button-norm.active
{
color: #2f415f;
background: #ffffff;
cursor: default;
box-shadow: inset 1px 1px 4px 1px #2f415f;
}
span
{
color: #666666;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 15px;
}
.jlabel
{
text-align: center;
}
input.big,
select.big,
textarea.big
{
padding: 10px;
font-size: 18px;
color: #666666;
font-weight: bold;
text-align: center;
border-radius: 8px;
border: solid 2px #cdcdcd;
}
select.big
{
padding: 3px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
input.big.t-left,
select.big.t-left
{
text-align: left;
}
input.big:focus
select.big:focus
{
border: solid 2px #2f415f;
}
textarea[disabled]
{
background-color: #cdcdcd;
}
.inp-close
{
position: absolute;
top: -24px;
right: -24px;
}
.inp-close img
{
cursor: pointer;
}
.content
{
margin: 0px auto;
min-width: 990px;
max-width: 1200px;
}
.content .login
{
width: 350px;
margin: 0px auto;
padding-top: 120px;
}
.content .login input,
.content .login button
{
margin: 10px 0px;
}