/* TODO: Farben im Extranet pro Mandant aus Datenbank konfigurierbar */
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,img {  
    margin:0; 
    padding:0; 
    border:0;
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
    margin:0;
    padding:0.3em 0 0.3em 0;
} 

fieldset,img {  
    border:0; 
} 

address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 

/*
ol,ul { 
    list-style:none; 
} 
*/

caption,th { 
    text-align:left; 
} 

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

q:before,q:after { 
    content:''; 
} 

abbr,acronym { border:0; 
}

/* Koitank */

body {
	background: #d9e5f3;
    font-family: sans-serif;
    font-size: 10pt;
    color: #000000;
}

#body {
    padding:0.5em;
}

p {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

ul {
    padding-left: 2em;
}

/* Tabelle mit Rahmen und etwas Abstand zwischen Zellen */
table.nice td,th {
    padding: 0.2em;
    border: 1px solid black;
    /* background-color: #303030; */
}

/* Anzeige der Fischdaten in großer Schrift */
.big {
    font-size: 200%;
}

.bigpreis {
    font-size: 200%;
    margin-top: 2em;
}

.big td {
    padding: 0.2em;
}

/* Tabelle mit Rahmen und etwas Abstand zwischen Zellen */
table.padding td,th {
    padding: 0.2em;
}

th {  
	font-weight: bold;
}

td {
    vertical-align: top;
    padding: 0.5em;
}

h1 {
    font-size: 150%;
    color: #0034d1;
    padding-bottom: 0.3em;
}

h2 {
    font-size: 120%;
    color: #0034d1;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

.nowrap {
    white-space: nowrap;
}

/* Formulare (http://www.sitepoint.com/article/fancy-form-design-css) */
fieldset {
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: 1px solid grey;
	background: #eeeeee;
    -moz-border-radius: 1em;
}

label {
	color: #505050;
}

legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
}

input[type=submit] {  
	background-color: #ffc900;
    padding: 0.2em;
    margin: 0.2em;
}

/* Forms */
/*
form {
    padding: 0.2em;
    margin: 0;
}
    */

/*
input[type=text], input[type=submit], input[type=password], textarea {
    border:0;
}
*/

/* Der IE kennt auch in Version 7 noch kein :focus - Pech gehabt */
input:focus, textarea:focus {
	background-color: #ffff99;
}

/* Inside table cells don't use space around <UL> */
/*
td ul {
    margin: 0;
    padding: 0;
    padding-left: 1em;
    list-style-type: square;
}

td li {
    margin: 0;
}

ul.menuitems {
    display: inline;
    margin-left: 10px;
    padding: 0;
}

li.menuitem {
    list-style: none;
    display: inline;
    border-left: 1px solid #f3f3eb;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
    */

a {
    /* text-decoration: none; */
    color: #000000;
}

/*
a:hover {
    background-color: #eeeeee;
    text-decoration: underline;
}
*/

a img {
    border: 0;
}

/*
td {
    padding: 0.1em;
    margin: 0;
    border: 0;
    vertical-align: top;
}

th {
    text-align: left;
}
    */

/*
h1 {
    padding-left: 0;
    margin: 0.2em 0.5em 0.5em 0;
    font-size: 150%;
    font-weight: normal;
    color: #f08a00;
}

h2 {
    padding-left: 0;
    margin: 0.2em 0.5em 0.5em 0;
    font-size: 120%;
    color: #446785;
    text-decoration: underline;
}
    */

.error {
    color: red;
    font-weight: bolder;
}

/* Formencode-Fehlermeldungen */
.error-message {
    color: red;
    font-weight: bold;
    font-size: 80%;
    float: left;
}

/* Hinweis */
.hinweis {
    color: #f7c31d;
}


/* Listen ohne Aufzählungszeichen */
ul.nobullet {
    list-style-type: none;
    padding-left: 0;
}

/* Pager (seitenweises Blättern) */
.pager_link {
    background: #a0a0a0;
    text-decoration: none;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.pager_link:hover {
    text-decoration: none;
}

.pager_curpage {
    color: #ffffff;
    background-color: #729742;
    padding-left: 0.2em;
    padding-right: 0.2em;
    font-weight: bold;
}

.pager_dotdot {
}



/* Hover-Tooltips */

.tip{
cursor:help;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
    color: #000;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }



/* Autocompleter */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	/* background-color: Window; */
    background-color: #b35900;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

}

.ac_loading {
	background : Window url('/icons/spinner.gif') right center no-repeat;
}

.ac_over {
    background-color: #b35900;
	background: #000000;
}

.ac_moreItems {
	text-align: center;
	background-color: InactiveCaption;
	color: InactiveCaptionText;
	margin: 0px;
	padding: 0px 5px;
	cursor: default;
	display: block;
	width: 100%;
	/*font-size: 12px;*/
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* Tabs oben */

#navtabs {
    border-bottom-width:0.2em;
    border-bottom-style:solid;
    margin-left:0pt;
    padding:3px 0pt;
}
#navtabs li {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
}
#navtabs li a {
    /*background:#DDDDEE none repeat scroll 0%; */
    padding:0.2em;
    color:#fff;
    font-size: 120%;
    /*
    border-color:#777788 rgb(119, 119, 136) -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px medium;
    color:green;
    margin-left:3px;
    padding:3px 0.5em;
    */
}
#navtabs li a:hover {
    /* background:red none repeat scroll 0%; */
    /* border-color:blue; */
}
#navtabs li a#navtabcurrent {
    background:#F0F0F0 none repeat scroll 0%;
    border-bottom:1px solid #F0F0F0;
    color:#6A89BD;
    text-decoration:none;
}

/* Farben der Kategorien / Navigations-Tabs */
.katcolor-fische {
    background-color: #b35900;
}
.katcolor-kunden {
    background-color: #002db3;
}
.katcolor-reservierung {
    background-color: #007400;
}
.katcolor-becken {
    background-color: #74001d;
}
.katcolor-zuechter {
    background-color: #007474;
}
.katcolor-mandanten {
    background-color: #747400;
}

/* Dieselben Kategorien-Farbe fuer eine Linie unterhalb der Tabs je nach aktuellem Controller */
.borderbottom-fische {
    border-bottom-color: #b35900;
}
.borderbottom-kunden {
    border-bottom-color: #002db3;
}
.borderbottom-reservierung {
    border-bottom-color: #007400;
}
.borderbottom-becken {
    border-bottom-color: #74001d;
}
.borderbottom-zuechter {
    border-bottom-color: #007474;
}
.borderbottom-mandanten {
    border-bottom-color: #747400;
}
.borderbottom-start {
    border-bottom-color: #000000;
}

/* Formular-Eingabefelder fuer Username/Passwort mit Icon */
/*
#username {
    background-image: url(/icons/user.png);
    background-repeat: no-repeat;
    padding-left: 18px; platz fuer 16-Pixel breites Icon
}

#password {
    background-image: url(/icons/key.png);
    background-repeat: no-repeat;
    padding-left: 18px; platz fuer 16-Pixel breites Icon
}
*/

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #404040;
    /* color: #333; */
    border: 1px solid white;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

.jqmClose {
    /* color: #000000; */
    /* background-color: #bce27f; */
    padding: 0.1em;
    float: right;
    border: 1px solid white;
}