@charset "iso-8859-2";

/* css from http://www.agentur2728.de */

/* global css styles */
body{ margin:0; padding:0; color: #878787; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-style: normal; font-weight: normal; line-height:1.5em; background:#fff; }

/* text styles */
p{ margin-top:0; line-height:1.5em; }
h1, h2, h3, h4, h5, h6 { font-size:16px; font-style:normal; font-weight:bold; }
h1 { font-size: 30px; font-weight:normal; padding:0; padding-bottom:20px; margin:0; color:#575757; display:inline-block; }
h2 { font-size: 30px; font-weight:normal; margin:20px 0 20px 0; color:#575757; }
h3 { font-size: 20px; font-weight:bold; }
h4 { font-size: 18px; font-weight:bold; }
h5 { font-size: 16px; font-weight:bold; }

small{ font-size:10px; }
.mini { font-size: 10px; font-style: normal; }
.clr{ clear:both; }
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
.green{ color:#090; }
.orange{ color:#F90; }
.help{ cursor:help; }
.hand{ cursor:pointer; }

p.rating-text{ font-style:italic; margin:10px 0 0 0; padding:0; width:calc(100% - 40px); max-width:540px; }
p.rating-text .fa{ font-size:14px !important; }
p.rating-text .fa:first-child{ margin-right:10px; }
p.rating-text .fa:last-child{ margin-left:10px; }

.ico-close{ 
	float:right; display:block; width:16px; height:16px; padding:4px; background-color:#fff; color:#ff8200; font-size:14px; line-height:16px; text-align:center; text-decoration:none;
	border:3px solid #ff8200; -webkit-border-radius: 3px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; cursor:pointer; cursor:hand;
}
.ico-close:hover{ background-color:#ff8200; color:#FFF; text-decoration:none; }

.ico-copylink{ font-size:24px; color:#878787 !important; cursor:pointer; cursor:hand; } 
.ico-copylink:hover{ color:#ff8200 !important; text-decoration:none; }

.red-box, .green-box{ padding:5px 10px; margin:15px 0; display:block; font-size:14px; }
.red-box{ color:#fff; background-color:#F00; border:1px solid #F00; }
.green-box{ color:#fff; background-color:#090; border:1px solid #090; }
.red-box strong, .green-box strong{ font-size:22px; font-weight:normal; display:inline-block; margin-bottom:5px; }
.red-box .fa, .green-box .fa{ color:#FFF; float:left; font-size:33px; margin:0 15px 15px 5px; }

a:link{ color: #ff8200; text-decoration:none;}
a:visited{ color: #ff8200; text-decoration:none;}
a:hover{ color: #ff8200; text-decoration:underline;}
a:active{ color: #ff8200; text-decoration:underline;}

hr { height:0px; border:0; border:none; border-top: 2px dotted #ececec; margin:15px 0; }
ul li{ list-style-type:square; margin:0; margin-left:-10px; line-height:1.5em; }

/* table */
td.spacing{ width:auto; min-width:120px; padding-right:20px; }
th{ background:#ddd; text-align:left; font-weight:normal; }
tr.even{	background-color:#f9f9f9; transition: all .5s ease; }
tr.odd{		background-color:#fcfcfc; transition: all .5s ease; }
tr.even:hover td,tr.odd:hover td{ background-color:#e6ebef; color:#878787; }

#body{ 		position:relative; display:block; 			  margin:0 auto; padding:0; 	width:100%; height:auto; 					border:none; 	background:transparent; overflow: hidden !important; }
#head{	 	position:relative; display:block; float:left; margin:0; padding:17px 10%; 	width:80%; height:75px; 					border:none; 	background:#fff; border-bottom:2px solid #ececec; }
#logo{	 	position:relative; display:block; float:left; margin:0; padding:0; 			width:165px; height:74px; 					border:none; }
#main{	 	position:relative; display:block; float:left; margin:0; padding:50px 10%; 	width:80%; height:auto; min-height:200px; 	border:none; 	background:none; }
#content{	position:relative; display:block; float:left; padding:0; margin:0; 			width:100%; height:auto; min-height:180px; border:none; 	background:transparent; }
#popup{ 	position:relative; display:block; float:left; padding:0 2vw; margin:0;	width:96vw; }

/*.nav, .top{ display:inline-block; width:45%; padding:5px 0; }
.top{ float:right; text-align:right; }
.nav{ float:left; text-align:left; }
.nav a,
.nav a:link,
.nav a:visited,
.nav a:active{ 	display:block; position:relative; float:left; width:auto; height:auto; margin:0 10px 0 0; color: #878787; text-decoration:none; }
.nav a:hover,
.nav a.active{color:#ff8200; text-decoration:none; }*/

/* admin */
div#nbox{ display:block; position:relative; width:auto; height:auto; float:left; text-align:left; /*float:right; text-align:right;*/ margin:0; padding:0; border:none; background:transparent; }
div#nbox a,
div#nbox a:link,
div#nbox a:visited,
div#nbox a:active{ 	display:block; position:relative; float:right; width:auto; height:auto; padding:6px 10px; margin:0 5px 0 0; background-color:#ececec; color:#878787; border:#ececec 1px solid; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
div#nbox a:hover,
div#nbox a.active{background:#ff8200;color:#FFF;border:#ff8200 1px solid;text-decoration:none; color:#fff; }

/* button/input */
input[type=text], input[type=password], textarea, select{ font-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:16px; color:#333; width:155px; padding:10px; border:1px solid #e6ebef; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background:#e6ebef; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{ color:#f00; border:1px solid #f00; }

/*input[type=submit], .button, button{ font-size:16px; color:#ff8200; width:auto; min-width:155px; padding:8px 10px; border:3px solid #ff8200; -webkit-border-radius: 3px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background:#ffffff; cursor:pointer; cursor:hand; text-decoration:none; }
input[type=submit]:hover, .button:hover, button:hover{ color:#fff; background-color:#ff8200; text-decoration:none; }*/

input[type=submit], .button, button{ 
	font-size:16px; color:#ffffff !important; width:auto; min-width:155px; padding:8px 12px; background:#ff8200; cursor:pointer; cursor:hand; text-decoration:none; 
	border:3px solid #ff8200; 
	-webkit-border-top-right-radius: 13px; -moz-border-top-right-radius: 13px; -khtml-border-top-right-radius: 13px; border-border-top-right: 13px;
	-webkit-border-bottom-left-radius: 13px; -moz-border-bottom-left-radius: 13px; -khtml-border-bottom-left-radius: 13px; border-border-bottom-left: 13px; 
	-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
input[type=submit]:hover, .button:hover, button:hover{ color:#ff8200 !important; background-color:#ffffff; text-decoration:none; }

input[type=text].copylink{ font-size:16px; color:#ff8200; width:calc(100% - 80px); max-width:500px; padding:8px 10px; margin-right:10px; border:2px dashed #ff8200; -webkit-border-radius: 3px;  -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background:#ffffff; cursor:pointer; cursor:hand; text-decoration:none; }

.txt_fld_small{ width:85px; min-width:85px; max-width:85px; }
.txt_fld_middle{ width:150px; min-width:150px; max-width:150px; }
.txt_fld_default{ width:228px; min-width:228px; max-width:228px; }
.txt_fld_large{ width:295px; min-width:295px; max-width:295px; }
.txt_fld_textarea{ width:350px; min-width:350px; max-width:350px; height:120px; min-height:50px; max-height:300px; }

input[type=text].bg_red{ background:#fbc6c5; border:1px solid #F00; }

tr.even input[type=text], 
tr.odd input[type=password],
tr.even input[type=text], 
tr.odd input[type=password],
tr.even select, 
tr.odd select{ min-width:80%; }