@font-face {
	font-family: Use-Web;
	src: url(/css/use-icons.ttf?1fzsddddsdzz);
}

.use-icons { font-family: use-web; display: inline; color: #005; font-size: 3rem; line-height: 3.6rem; vertical-align: middle; padding-right: 5px; }
.use-icons#in_list { padding: 0;}

/*ALL AREAS*/
html {font-size: 10px;}
td, th, div {font-family: 'Open Sans', Tahoma; font-size: 14px;}
body {margin: 0px; background-color: #FFFFFF; font-size: 1.4rem;}

body a {  color:  #000055;  text-decoration: none; font-weight: normal; }
body a:hover {  color:  #DD0000;  text-decoration: none; }

/*INPUTS*/
input, select {	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #000000;	border: 1px solid #838383;	margin: 0px;	padding: 1px; vertical-align: middle; }
input.button {padding: 5px; vertical-align: middle; border-radius: 5px; color: #FFF; background-color: #8facc7;  }
input.text {height: auto; vertical-align: middle; padding-left: 3px;}
input.checkbox {border: 0px; vertical-align: middle; margin: 0px; padding: 0px;}
textarea {	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #000000;	border: 1px solid #838383;	margin: 0px;	padding-left: 3px;  padding-top: 3px; padding-bottom: 3px; }

img {vertical-align: middle;}


.search {margin-left: auto; margin-right: auto; width: 300px; margin-top: 60px;}
.search input[type=text] {padding: 10px; font-size: 1.3em; border-radius: 5px; width: 100%; height: auto; color: #888; margin-left: auto; margin-right: auto; border-color: #ccc;}

/*WARNINGS AND PROMTS*/
.access_denied_message { color:#bb0000; font-size: 20px; width: 200px; padding-left: 10px; padding-bottom: 10px; }
div.error {background-color: #F8FDAF; border: 1px solid #B3A700; padding: 10px; font-family: 'Open Sans', Tahoma; font-size: 1.3rem; font-weight: bold; width: 570px;}
div.success {background-color: #D4FC92; border: 1px solid #01A512; padding: 10px; font-family: 'Open Sans', Tahoma; font-size: 1.3rem; font-weight: bold; width: 800px;}

div#stat_navi {font-size: 1.2rem; color: #838383; display: inline; padding-left: 5px; padding-right: 3px;}
div#stat_navi a {font-size: 1.4rem; color:  #000055;  text-decoration: none; font-weight: bold;}
div#stat_navi a.selected {font-size: 1.4rem; color:  #838383;  text-decoration: none; font-weight: bold;}
div#stat_navi a:hover {font-size: 1.4rem; color:  #DD0000;  text-decoration: none; font-weight: bold;}

h3 {color: #000066;}
h4 {color: #777; display: inline; font-family: 'Open Sans', Tahoma; font-size: 13px; font-weight: bold; }
h5 {color: #666; display: inline; font-family: 'Open Sans', Tahoma; font-size: 11px; font-weight: normal; }
h6 {color: #777777; display: inline; font-family: 'Open Sans', Tahoma; font-size: 11px; font-weight: normal; }
h6 a {color: #777777; display: inline; font-family: 'Open Sans', Tahoma; font-size: 11px; font-weight: normal; }

/*S E D C A R D S==============================================================================================*/

/*SEDCARDS LIST MAIN TABLE*/
.table_sedcards_header { width: 540px; padding: 2px;}
.table_container_paging { background-color: #8FACC7; border: 0px solid #000000; height: 25px; color: #000;}
.table_container_single_paging_cell { background-color: #FEFEFE; border: 0px solid #000000; width: 20px; height: 25px; color: #336699;}

/*::::::::::::LINKS AUF SEITEN NAVIGATIONEN :::::::::::::::*/
.paginglink {    color: #000000;    text-decoration: none; }
.paginglink:hover {    color: #838383;    text-decoration: underline; }

/*:::::::::::: LINKS AUF SPALTEN VON TABELLEN :::::::::::::::*/
.columnlink {    color: #ff0000;    text-decoration: underline; }
.columnlink:hover {    color: #990021;    text-decoration: underline; }

/*:::::::::::: LINKS IN AUFLISTUNGEN :::::::::::::::*/
.listlink {    color: #333333;    text-decoration: none; }
.listlink:hover {    color: #333333;    text-decoration: underline; }

.listlink_small {    color: #333333;    text-decoration: none; font-family: Verdana; font-size: 11px; }
.listlink_small:hover {    color: #000000;    text-decoration: underline; font-family: Verdana; font-size: 11px;}

.footerlink {    color: #a2a2a2	;    text-decoration: underline; font-family: Verdana; font-size: 9px; }
.footerlink:hover {    color: #a2a2a2;    text-decoration: none; font-family: Verdana; font-size: 9px;}

/*:::::::::::: STANDARTE HINTERGRUNDFARBE FUER AUFLISTUNGEN ALLER ART:::::::::::::::*/
.listbackcolor {background-color: #8FACC7;}
.listbackcolor_credit {background-color: #65768a;}
.listbackcolor_abo {background-color: #AECCE8;}
.listbackcolor_not_sent {background-color: #CDCFD1;}
.listbackcolor_cancelled {background-color: #838383;}
.listbackcolor_paid {background-color: #6dd93a;}
.listbackcolor_paid_credit {background-color: #069c03;}
.listbackcolor_deactivated {background-color: #CF1111; }
.listbackcolor_paid_failed {background-color: #f99;}
.listnavi_td {  padding: 4px; color:  #43528F; }

table#sedcards_list {  border-collapse: collapse;  }
table#sedcards_list .reminder_level_0 {text-align: center;}
table#sedcards_list .reminder_level_1 {color: #FFF; background-color: #FB7E7E; text-align: center;}
table#sedcards_list .reminder_level_2 {color: #FFF; background-color: #FC3D3D; text-align: center;}
table#sedcards_list .reminder_level_3 {color: #FFF; background-color: #FF0000; text-align: center;}

/*:::::::::::: FARBEN DER SCHRIFT IN SPALTEN UND IN AUFLISTUGEN :::::::::::::::*/
table#sedcards_list th {  padding: 4px; color:  #838383;  border:  2px solid white; }
table#sedcards_list td {  padding: 4px; color:  #000055;  border:  2px solid white; }
table#sedcards_list td a {  color:  #000055;  text-decoration: none; font-weight: bold; }
table#sedcards_list td a:hover {  color:  #a00;  text-decoration: none; }

table#edit {  border-collapse: collapse;}
table#edit td a {  color:  #000055;  text-decoration: none; font-weight: bold; }
table#edit td a:hover {  color:  #DD0000;  text-decoration: none; }
table#edit td h6 a {  color:  #777;  text-decoration: none; font-weight:  normal; font-size: 13px; }
table#edit td h6 a:hover {  color:  #777;  text-decoration: underline; font-size: 13px; }


table#sedcards_list tr.h1{  background-color: #eee; }
table#sedcards_list tr.fi:hover,table#sedcards_list tr.se:hover,table#sedcards_list tr.fi:hover th,table#sedcards_list tr.se:hover th,table#sedcards_list tr.hover th,table#sedcards_list tr.hover {    background-color: #6C9DCE;}


/*:::::::::::: KLEINE SCHRIFT BEI ERKLAERENDEM TEXT:::::::::::::::*/
font.small_text{ color: #aaee00; font-size: smaller; font-weight: normal;   }

/*div.ui-datepicker{ font-size: 11px;}*/
img.ui-datepicker-trigger {cursor: pointer; margin-left: 5px;}

.AutoCompleteResult { text-align: left;  font-family: 'Open Sans', Tahoma, Arial;     color: #000;     font-weight: normal; background-color: #FFF; overflow: hidden; padding: 4px;}
.AutoCompleteResultOver {text-align: left; font-family: 'Open Sans', Tahoma, Arial;     color: #000;     font-weight: normal; background-color: #eaeaea; overflow: hidden; padding: 4px;}
.AutoCompleteHolder {position: absolute; overflow: hidden; display: none; vertical-align: top; text-align: left; z-index: 1100; background-color: #FFF; border: 1px solid #d4d4d4; border-radius: 5px; }
.AutoCompleteHolderSelectedItem {display: none; position: absolute;}
.AutoCompleteHeader { text-align: left;  font-family: 'Open Sans', Tahoma, Arial;     color: #000;     font-weight: normal; background-color: #CCC; overflow: hidden; padding: 4px;}

.flag_Deutschland, .flag_1 {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -284px -117px;}
.flag_Bulgaria, .flag_3 {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -284px -33px;}
.flag_Austria {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -4px -33px;}
.flag_Holland {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -116px -397px;}
.flag_Bosnien {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -144px -33px;}
.flag_Canada {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -60px -89px;}
.flag_UK, .flag_2 {margin-bottom: -2px; width: 16px; height: 11px; overflow: hidden; display: inline-block; background: url('/images/flaggensprite.png') -284px -173px;}

.LoginContainer {margin-left: auto; margin-right: auto; padding-left: 40px; padding-top: 40px; width: 400px;}
.LoginLogo {float: left; margin-right: 30px; margin-top: 40px; margin-bottom: 80px; }
.LoginHeadline {float: left; margin-top: 40px; margin-bottom: 80px;}
.LoginLabel {float: left; margin-right: 30px; width: 100px; margin-bottom: 10px;}
.LoginInput {float: right; text-align: right; }
#LoginSubmit { text-align: center;}

#LeftEditColumn {padding-right: 10px; float: left; border-right: 1px solid #eaeaea;}
#MainEditColumn {width: 620px; padding-left: 0px; vertical-align: top; margin-left: 220px; }

@media only screen and (max-width : 600px) {
 .LoginContainer{-webkit-appearance: none; width: 90%; padding: 15px; overflow: hidden;}
 .LoginLogo, .LoginHeadline, .LoginLabel, .LoginInput {float: none; width: 100%; text-align: left; overflow: hidden; margin-top: 10px; }
 .LoginLogo, .LoginHeadline {text-align: center; margin: 0px;}
 .LoginInput input {width: 90%; padding: 10px; -webkit-appearance: none;  }
 #LoginSubmit {width: 97% !important; }
 .error {width: 90% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 10px !important;  margin-bottom: 10px !important; }
}