html{
background: #E5ECF3 url(../images/background_texture.jpg);
/*background: #E5ECF3 url(../images/wallpaper.png); E5ECF3*/
/*background-image:url(../images/wallpaper.png);*/
/*background-repeat:repeat;
background-attachment:fixed;
background:#E5ECF3;*/
}
body {
padding:0px 0px;
font-family:Arial, Helvetica, sans-serif;
/*background-clip: padding-box;*/
}
h1 {
color:#666666;
font-size:26px;
}
img {
border:0px;
}
font {
font-family:Arial, Helvetica, sans-serif;
}
.no-javascript-available {
display: block;
}
.javascript-available {
display: none;
}
div#emotion {
width:800px;
padding: 10px; /* <-> 804 */
text-align:left;
background-color:white;
margin:0 auto;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* optical view*/
table.roundbox {
width:821px;
text-align: center;
background: rgb(242,242,245);
border-style: none;
border-collapse: collapse;
-moz-border-radius: 5px;
border-radius: 5px;
}
#WrapFooter {
width: 100%;
/*height: 70px;*/
padding: 0px;
margin:0 auto;/**/
text-align:center;
/*background:white;*/
/*position: fixed;
bottom: 0px !important;*/
}
#footer {
/*position: fixed;
bottom: 0px !important;*/
text-align:center;
/*padding: 0px 18px 8px 0px; top,right,bottom,left*/
/*width: 100%;798px*/
/*background: white;#E5ECF3;#E5ECF3#efefef*/
}
/* optical view*/
.EmptyLine {
height: 10px;
}
/* optical view*/
.footerelement {
margin-left: 20px;
margin-right: 20px;
}
RequiredField {
color:#ffcc00;
size:2;
}
A:link {
color:#0000CC;
text-decoration: none;
}
A:active {
color:#BBBBFF;
text-decoration: none;
}
A:visited {
color:#0000CC;
text-decoration: none;
}
A:hover {
color:green;/*#000088;*/
text-decoration: none;
}
/* Simple Table */
table.simple {
border-width: 1px;
border-spacing: 0px;
border-style: none;
border-color: gray;
border-collapse: collapse;
}
table.simple th {
border-width: 1px;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
border-style: solid;
border-color: gray;
background-color: rgb(255, 255, 240);
}
table.simple td {
border-width: 1px;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
border-style: solid;
border-color: gray;
}
/*-------for form-------------*/
textarea {
resize:vertical;
}
input[type="search"] {
-moz-appearance:none;
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.fieldlabel {
padding: 7px;
color: #0000ff;
font-size: 0.8em;
}
#formdesign {
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
padding: 30px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:
0 0 2px rgba(0, 0, 0, 0.2),
0 1px 1px rgba(0, 0, 0, .2),
0 3px 0 #fff,
0 4px 0 rgba(0, 0, 0, .2),
0 6px 0 #fff,
0 7px 0 rgba(0, 0, 0, .2);
-moz-box-shadow:
0 0 2px rgba(0, 0, 0, 0.2),
1px 1px 0 rgba(0, 0, 0, .1),
3px 3px 0 rgba(255, 255, 255, 1),
4px 4px 0 rgba(0, 0, 0, .1),
6px 6px 0 rgba(255, 255, 255, 1),
7px 7px 0 rgba(0, 0, 0, .1);
box-shadow:
0 0 2px rgba(0, 0, 0, 0.2),
0 1px 1px rgba(0, 0, 0, .2),
0 3px 0 #fff,
0 4px 0 rgba(0, 0, 0, .2),
0 6px 0 #fff,
0 7px 0 rgba(0, 0, 0, .2);
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
#actions {
margin: 20px 10px 0px 0px;
}
#actions a {
/*color: #3151A2;*/
float: right;
line-height: 40px;
margin-left: 25px;
}
/* http://www.the-art-of-web.com/html/html5-form-validation/ */
input:required:invalid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC');
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}
input:focus:invalid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC');
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}
input:required:valid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=');
/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=');*/
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}
#inputfields input, #inputfields select, #inputfields input.file, #inputfields textarea {
padding: 5px 5px 5px 5px;
margin: 0px 0px 10px 7px;
/*width: 353px; /* 353 + 2 + 45 = 400 */
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
#inputfields input:focus, #inputfields select:focus, #inputfields input.file:focus, #inputfields textarea:focus {
background-color: #fff;
border-color: #e8c291;
outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}
#inputfields details {
margin-left: 7px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
border: 1px solid #ccc;
}
/*-------START tooltip-------------*/
.tooltip {
position: relative;
background: #eaeaea;
/*cursor: help;*/
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
}
.tooltip span {
text-align: center;
font-family: Georgia;
font-size: 14px;
font-style: italic;
font-weight: bold;
visibility: hidden;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 999;
width: 230px;
margin-left: -127px;/*-127px;*/
padding: 5px;
border: 2px solid #ccc;
opacity: .9;
background-color: #ddd;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover {
border: 0; /* IE6 fix */
}
.tooltip:hover span {
visibility: visible;
}
.tooltip span:before,
.tooltip span:after {
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
.tooltip span:before {
border-top-color: #ccc;
bottom: -8px;
}
/* Navy */
.navy-tooltip span {
color: #fff;
text-shadow: 0 1px 0 #000;
border-color: #161a1f;
background-color: #1e2227;
}
.navy-tooltip span:after {
border-top-color: #1e2227;
}
.navy-tooltip span:before {
border-top-color: #161a1f;
}
/* Blue */
.blue-tooltip span {
border-color: #59add4;
background-color: #61bde7;
}
.blue-tooltip span:after {
border-top-color: #61bde7;
}
.blue-tooltip span:before {
border-top-color: #59add4;
}
/*-------ENDE tooltip-------------*/
/*-------START box-------------*/
.box {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 1.2em;
overflow: auto;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.1em;
padding-bottom: 0.1em;
font-size: 1em; /* see: line-height*/
font-family: Tahoma, Arial, Helvetica;
margin-top: 0.5em;
margin-right: 0px;
margin-bottom: 0.5em;
margin-left: 0px;
border-color: #aaa;
border-width: 1px;
border-style: solid;
background-color: #E5ECF3; /*#ddddee;*/
}
.box p {
text-transform: none;
/*line-height: 1.4em;*/
font-weight: normal;
}
/*-------ENDE box-------------*/
/* START MsgBox */
/* http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 70px; /* old:...,...,...,50px*/
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/MsgInfo.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/MsgSuccess.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/MsgWarning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/MsgError.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/MsgValidation.png');
}
/* ENDE MsgBox */
/* START gallery */
.gallery li {
overflow:hidden;
display: inline;
list-style: none;
width: 90px;
height: 145px;
/*height: 150px;*/
float: left;
margin: 0 5px 5px 0;
text-align: center;
border: 1px solid #A0ACC0;
}
.gallery2 li {
overflow:hidden;
display: inline;
list-style: none;
width: auto;
height: auto;
float: left;
margin: 0 5px 5px 0;
text-align: center;
border: 1px solid #A0ACC0;
}
/* ENDE gallery */
/* START */
.selectmenu {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-overflow: "";
text-indent: 0.01px;
padding-left: 1px;
padding-right: 0px;
padding-top: 1px;
padding-bottom: 1px;
margin: 1px;
border-radius: 5px;
border: 0 !important;
/*border-color: blue;
background: lightgrey;*/
color: blue;
/*text-shadow:0 1px 0 rgba(0,0,0,0.4);*/
cursor:pointer;
}
.selectmenu::-ms-expand {
display: none;
}
/* ENDE */