body {
	background-color: #A0B1CB;
	color: inherit;
	/* font-family: Verdana; */
	/*line-height: 1.4em;*/
	height: 100%;
	margin-top: 15px;
}


/* verhindert das die Icons zu klein angezeigt werden */
td.ewListOptionBody img {
max-width: none;
}

/* Klasse um in den Inputfeldern für Mengenangaben eine rechtsbündige Formatierung zu erhalten */
.right {
text-align: right;    
}

.ewPager * b {
    border: 1px solid grey;
    /*background-color: #D2B48C;*/
    padding: 2px 4px;
    margin-right: -8px;
}


.ewLayout {
	display: table;
	margin: 0px auto;
	box-shadow: 2px 2px 2px rgb(75, 99, 134), -2px -2px 2px rgb(75, 99, 134);
	background-image: url('http://666kb.com/i/cvud9wzgkyni1wf8s.jpg');
	width: 1100px;
}

.ewHeaderRow {
	/*margin-top: 30px;*/
/*background-color: #B9C1AE;*/
	
}

.ewMenuRow {
	clear: both;
}

.ewSearchTable {
margin-top: 19px;
}

input:focus { 
     background-color : #FFFF80;   
     /* font-weight: bold; */
}


a:active {
    color: #f0f0f0 ; /* active link color */    
}

a:link {
    /*color: #0000FF; /* link color */
    text-decoration: none;
}

a:visited {
    /*color: #0000FF;  visited link color */
    text-decoration: none;
}

a:hover {
    color: #4040FF; /* move over link */
    
}

h1, h2, h3 {
	color: #3A4C69 /*#6e0115;*/
	text-shadow: 1px 1px 2px white;
}

h1 {
	font-size: 1.8em;
}

.searchbox {
   padding:15px; 
   border:thin #d2b48c;
   width:60%; 
   background-color:#eee8aa;     
}   

.addbutton {
    color: inherit; /* text color */
    font-family: Verdana; 
    font-size: 10pt;    
}       

.ewContentColumn {
	background-color: #D4DBE7;
	vertical-align: top;
	padding-left: 30px;
	padding-right: 30px;
padding-Top: 30px;
}

.ewFooterRow {
    background-color: #312528;
    color: #FFFFFF; /* footer font color */
    text-align: center;
    padding: 4px
}

.ewToolbarTopRow {
 background-color: #aaaaaa;
 color: #ffffff;
 padding: 6px;
 position: fixed;
 top: 0px;
 left: 0px;
 vertical-align: middle;
 width: 100%;
 border-color: #000000;
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 box-shadow: 10px 5px 30px #444;
 z-index: 999;
}

.ewToolbarRow {
    background-color: #505050; /* background color */
    color: #000000; /* footer font color */    
    padding: 2px;
    position: fixed; 
    vertical-align: middle;
    width: 100%;
    bottom: 0;
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
background: rgba(0, 0, 0, 0.75);    
    
}

.querydescription
{
position:float;width:450px;
background-color:#efefef;
border:1px solid #aaaaaa;
padding:5px;
font-size:small
}

.querydescrition p
{
color: green;
}

.querydescrition H2
{
font-weight: bold;
color: grey;
font-size: medium;
line-height: 80%
}

.tabledescription
{
	background-color: #E8E6EA;
	border: 1px solid #A0B1CB;
	box-shadow:#A0B1CB  3px 3px 5px; 
	padding: 10px;
	margin-bottom: 19px;
	/* width: 650px;*/
	line-height: 1.2em;	
	border-radius: 0px 0px 3px 3px;
        width: 775px;
}

.tableheader
{
	color:#2B2C37;
	font-size: 150%;
	/*font-family: Candara;*/
	font-weight: 700;
	background-color: #f4f3dc;
/*background-image: url("../phpimages/Farbverlauf 13a.jpg");*/
/*background-repeat: no-repeat;*/
background-position: right bottom;
border: 1px solid #A0B1CB;
box-shadow: #A0B1CB  3px 3px 5px;
padding: 4px;
border-radius: 3px;
width: 775px; 
/*background: -webkit-linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;
background: -moz-linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;
background: -o-linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;
background: -ms-linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;
background: linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;
-svg-background: linear-gradient(top, #A0B1CB 0, #E8E6EA 45%, #E8E6EA 50%, #E8E6EA 55%, #E8E6EA 60%, #E8E6EA 50%, #A0B1CB 100%) no-repeat;*/
background: -webkit-gradient(linear,left top,left bottom,from(#A0B1CB),to(#D4DBE7));
}

/*.tooltip
{
position:float;
width:300px;
padding:5px;
font-size:small
}*/

.legende {
	margin: 0px;
	border: 1px solid #aaaaaa;
	padding: 8px;
	font-size: 9px;
	background-color: white;
	margin-top: 15px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.legende-highlight {
        padding: 3px;
        font-weight: bold;
        border: 1px solid grey;
        white-space: nowrap;
        line-height: 23px;
}

/* Anfang Pedigree CSS */

        TABLE.liste {
            font-family: Verdana;
            font-size: 8pt;
			border: 1px solid #888888;
			border-collapse: collapse;
        }
        
        TABLE.liste TR TH {
            background-color: #e5cc80;
			border: 1px solid #888888;
			padding:3px 7px 2px 7px;
            text-align: left;
        }
		
        TABLE.liste TD {
			border:1px solid #888888;
			padding:3px 7px 2px 7px;
			line-height: 14px;
        }		
        
        TABLE.liste tr:nth-child(even) {
            background-color: #F8EAC2;
        }

        TABLE.liste tr:nth-child(odd) {
            background-color: #F6EED7;
        }        
        
        TABLE.liste TR:hover TD {
            background-color: #faf56e;
        }

        a.link_neu:link, a.link_neu:visited {
            text-decoration: None;
            color: #002945;
            font-weight: Bold;
			font-size: 11px;
        }
        
        a.link_neu:hover, a.link_neu:active {
            color:#3200ec;
            text-decoration: None; 
            font-weight: Bold;
        }
        
        .sdb { 
            font-size:7pt; 
            color:#800000; 
            margin-right: 10px;
            /*width: 80px;*/
	    font-weight: normal;	
            padding-top: 4px;
            line-height: 6px;		
		}
            
        .sdi {
			font-weight: normal;		
			color: #303030;
			/*display: block;*/
			font-size: 10pt;			
			border-bottom: 1px solid #CEC7C7;
			margin: 0 0 1px
        }
		
		.sdismall {
			width: 75px;
		}
		
.boxheadline {
	margin-left: 12px;
	font-size: 13px;
	color: #800000;
	font-weight: bold;
}		
		
#stammdatenlinks {
	float: left;
	width: 425px;
}		

#stammdatenrechts {
	float: left;
	width: 425px;
}		        

#stammdatenunten {
	clear: both;
}

.box {
	border-left: 1px solid #d0d0d0; 
	border-right: 1px solid #d0d0d0; 
	border-top: 1px solid #d0d0d0;    
	margin: 1px 10px 10px 10px; 
	/*padding: 0px 5px 5px 5px;*/
	padding-top: 2px;	
	padding-left: 5px;
	padding-right: 5px;
	/*background-color: #f0f0f0;*/
	background-color: #FFFFFC;
	/*abgerundetet Ecken*/
	-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}

.ped_kurz_hund {
	color: #641C1C;
	/*background-color: inherit;*/
	background-color: #FFFEED;
	/*padding: 5px 2px 5px;*/
	font-size: 12px;
	text-shadow: inherit;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	display: block;
	margin-bottom: 20px;
	
}

.ped_hundename {
	font-size: 20px;
	text-shadow: 1px 1px 1px rgb(165, 165, 165);
	padding-bottom: 10px;
        margin-left: 10px;
}


.ped_trenner {	
	border-left: 1px solid #A0A0A0;
	margin-left: 10px;
	margin-right: 10px;
}


#generationen {
	float: left; 
	padding: 5px;
}

#hervorheben {
	float: right;
	padding: 5px

}
		
/* ENDE Pedigree CSS */
        

.ewGridLink {
    color: inherit; /* text color */
    font-family: Verdana; 
    font-size: medium;     
}        
        

/* ANFANG Tabelle für querys */

        TABLE.data {
            font-family: Verdana, Arial, sans-serif;
            font-size: 10pt;        
        }
        
        TABLE.data TR TH {
            background-color: #e5cc80;
            text-align: left;
        }
        
        TABLE.data tr:nth-child(even) {
            background-color: #F8EAC2;
        }

        TABLE.data tr:nth-child(odd) {
            background-color: #F6EED7;
        }       
        
        TABLE.data TR:hover TD {
            background-color: #faf56e;
        }                    
           
/* ENDE Tabelle für querys */
           
 
 .ewTitle {
    font-size: 3.2em;
    visibility:hidden;
}
 



.ped_titel {
    color: #FF0000
} 
 
 .ped_nachkommen, .ped_titel, .ped_verband, .ped_age , .ped_todestag, .ped_wurftag, .ped_farbe,
.ped_avk, .ped_ik,.ped_welpen, .ped_farbgen, .ped_hd, .ped_ed, .ped_bilder, .ped_untersuchungen  {
font-size: 8pt;
} 
 
 
.infotext
{
    /* font-size:1.4em;
    line-height:1.6em; */
    padding:0px
}

.infotext a
{

}
.infotext p
{
color: #202020;
}

.infotext H2
{
    color: DarkOliveGreen;
    font-size:1.2em;
    
}

.infobox {
  background-color: #E8E6EA; /*#F6F6F6;*/
  /*background-image:url(http://www.mollio.org/css/images/afeaturebox_bg.gif);*/
  background-position:100% 100%;
  background-repeat:no-repeat no-repeat;
  border-color:#D7D7D7;
  border-style:solid;
  border-width:1px;
  color:#333333;
  box-shadow: 3px 3px 5px #888888;
  margin:0 0 1.5em;
  padding:10px 20px 10px 20px;
}
.infobox h1, .infobox h2, .infobox h3, .infobox h4, .infobox h5, .infobox h6 {
  border-bottom-color:#AA0000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color: #3A4C69;
  margin:0 0 0.3em;
}
.infobox p {
  border:none;
  color:#444444;
  margin:0 0 1em;
}
.infobox a {
  font-weight:bold;
}

#wrapper {
    background-color: inherit;
    width: 1020px; 
    margin-top: 30px;
}

#infobereich {
    background-color: inherit;
    width: 280px;
    margin-left: 20px;
    float:right;
	margin-right: -17px;
}

#menubereich {
    background-color: inherit;
    margin-left: 4px;
    /* width: 190px; */
    float: left;
}

#textbereich {
    margin-right: 285px;
    margin-left: 200px;
    padding: 9px;
    background-color: #E8E6EA;
    border: 1px solid #D7D7D7;    
    box-shadow: 3px 3px 5px #888888;

}

#textbereich2 {
    background-color: #E8E6EA;
    margin-left: 200px;
    padding: 10px;
    border: 1px solid #D7D7D7;    
    box-shadow: 3px 3px 5px #888888;

}

a.pedigree {
    background: url(../phpimages/pedigree12.gif) no-repeat center left; 
    color: #000000; 
    padding-left:16px;
}

a.homepage {
background: url(../phpimages/extlink12.png) no-repeat center left; 
color: #000000; 
padding-left:16px;
}

a.linkintern {
  background: url(../phpimages/intlink10.gif) no-repeat center left; 
  /* border-bottom-color:#303030;
  border-bottom-style:dotted;
  border-bottom-width:1px; */
  color: orangered; 
  padding-left:14px;
}

a.readmore {
background: url(../phpimages/readmore.gif) no-repeat center left; 
color: #000000; 
padding-left:14px;
}

.login {
    font-weight:normal;
    font-size:1.7em;
}

.klein {
    font-weight:normal;
    font-size:0.8em;
}

a.menue{
 display: Block;
 white-space: Nowrap;
 font-size: 10pt; 
 background-color: #F8F8F3;
 border-bottom: solid 1px #DDDDC6;
}

a.menue:active, a.menue:hover, a.menue:focus{
 font-size: 10pt;
 background-color: #E9E9DA;
 border-bottom: solid 1px #BCBC8D;
}

.senkrecht {
writing-mode: tb-rl;
position: absolute;
width: 50px;
right: 10px;
top: 20px;
}                                             

.bemerkung{
    width: 280px;
    background-color: #aaeeaa;
    border:1px dotted #090909;
    box-shadow:#888888 3px 3px 5px;    
    padding:5px;
}

.rot {  
    background-color: #f98282;
}

.gelb {
    background-color: #ffff00;
}

.suchebutton {
    padding: 20px
    font-size: 16px;
}
          
.login {
    font-weight:normal;
    font-size:1.7em;
}         

.LoginField {
    font-size: 12pt; 
    font-weight: semi-bold; 
    text-shadow: 1px 1px 5px #FFFFFF, -1px -1px 5px #EEEEEE;
	margin-left: 50px;
}

.ewTable .ewTableHeader td {
	background-color: #E5CC80;	/* header bgcolor */
	color: #000000; /* header font color */
	border-color: #808080; /* header border color */
	background-image: url("../phpimages/Farbverlauf 2.png"); /* header bg image */
	background-repeat: repeat-x;
	vertical-align: top;
	padding: 3px;	
}          

H1.stammdaten  {
	font-size: 18px;
	background-color: #E5CC80;
	color: #000000;
	font-weight: bold;
	height: auto;
	margin: 10px auto;
	display: table;
}

/* =============== TYPOGRAPHIE - TEXT STILE =============== */

.text-alert {
	border-top: 2px solid #FEABAB;
	border-bottom: 2px solid #FEABAB;
	background: #FFDFDF url(../phpimages/icon-text-alert.png) no-repeat;
}
.text-info {
	border-top: 2px solid #B7D2F2;
	border-bottom: 2px solid #B7D2F2;
	background: #DBE7F8 url(../phpimages/icon-text-info.png) no-repeat;
}
.text-download {
	border-top: 2px solid #DDEDBC;
	border-bottom: 2px solid #DDEDBC;
	background: #F2F9E5 url(../phpimages/icon-text-download.png) no-repeat;
}
.text-comment {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background: #FEF8E1 url(../phpimages/icon-text-comment.png) no-repeat;
}
.text-tip {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background: #FFFFD5 url(../phpimages/icon-text-tip.png) no-repeat;
}
.text-attachment {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../phpimages/icon-text-attachment.png) no-repeat;
}
.text-video {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../phpimages/icon-text-video.png) no-repeat;
}
.text-audio {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../phpimages/icon-text-audio.png) no-repeat;
}
.text-tip,
.text-info,
.text-alert,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
	background-position: left center;
	padding: 0.8em 0.8em 0.8em 5em;
	min-height: 20px;
}

blockquote {
  font-size: 1.4em;
  font-style: italic;
  font-family: times;
  text-shadow: 2px 2px 1px white;
  line-height: 24px;
  padding: 8px;
  background-color: #faebbc;
  border-top: 2px solid #e1cc89;
  border-bottom: 2px solid #e1cc89;
  margin: 5px 60px;
  background-image: url(../phpimages/blockquotes.png);
  background-position: 1% 5%;
  background-repeat: no-repeat;
  text-indent: 30px;
}

blockquote p {
    	display: block;
    	background-image: url(../phpimages/blockquotes.png);
    	background-repeat: no-repeat;
    	background-position: bottom right;
}

.rotate {
    display: block;
    position: relative;
    left: 95px;
    top: 70px;
    white-space:nowrap;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);	
}

.zal0 {
    color: white;
    font-weight: bold;
}

.zal1 {
    color: #333333;

}

.zal2 {
	color: inherit;
	text-decoration: line-through;
}

a.matrix:link, a.matrix:visited , a.matrix:hover {
	color: inherit;
	font-weight: bold;
}

.accordion-group {
background-color: #eee8aa; /*#ab896c;*/
background-image: url("../phpimages/Farbverlauf 04.png");
border: 1px solid #A78572;
box-shadow: #746650 2px 2px 4px;

}

.accordion-inner {
	border: 1px solid #A78572;
    background-color:  #faf5e3;
	border-left: 0px solid #A78572;
}

.ewRow {
margin-bottom: 3px;
}

.table th,
.table td {
  padding: 0px 6px 3px 6px;
  line-height: 30px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

/*
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 16px;
	margin-top: 4px;
}
*/

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
  margin-top: 4px;
}


.ewSearchOperator select {
	font-size: 1.0em;
}

.ewItemList {
	margin-top: 5px;
}

.tab-content {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom:1px solid #ddd;
padding: 10px;
margin-bottom: 19px;
background-color: #eeeddd;
}

#pedigreetabs .tab-content {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom:1px solid #ddd;
padding: 10px;
margin-bottom: 19px;
background-color: #EEEDDD;/*#fff;*/
min-width: 1160px;
}

#pedigreetabs .nav-tabs {
margin-bottom: 0;
border: 1px solid #aaaaaa;
background: -webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#C7C6B8));
background:-moz-linear-gradient(bottom,#F7F7F7,#C7C6B8);
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#F7F7F7',endColorstr='#C7C6B8');
border-radius: 2px 2px 2px 2px;
padding-left: 2px;
padding-top: 2px;

}

.nav-tabs {
margin-bottom: 0;
/*border: 1px solid #aaaaaa;*/
/*background: -webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#C0BFBF));*/
border-radius: 2px 2px 2px 2px;
/*padding-left: 2px;*/
padding-top: 2px;
font-size: 10px;
}

.nav-tabs > li > a {
	border: 1px solid #9D9D9D;
	color: #333333;
	
}

#pedigreetabs .nav-tabs > li > a {
	border: 1px solid rgb(186, 186, 186);
	color: #333333;
	background-color: white /*rgb(240, 238, 236)*/;

}

#pedigreetabs .nav-tabs > li > a:hover,
#pedigreetabs .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  color: #FF6400;
  background-color: #eeeeee;
  border: 1px solid white;
}


.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
  color: #FF6400;
  background-color: #eeeeee;
}

.navbar .nav>li>a {
	padding: 10px;
}

label {
display: block;
margin-bottom: 0px;
}

.btn {
	line-height: 14px;
}

.ewTableHighlightRow > td {
    background-color: orange;
    color: white;
    /*text-shadow: 1px 1px 1px grey;*/
}

.pagination ul > li > a,
.pagination ul > li > span {
  padding: 2px 10px;
}

select,
input[type="file"] {
  height: 27px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 27px;
}

/* 1 Spalte in Add/Edit */
.ewGrid > tbody > tr > td > .table > tbody > tr > td:first-of-type,
.ewMultiColumnTable > tbody > tr > td > .table > tbody > tr > td:first-of-type {
  text-align: right;
  background-color: orange;
  font-weight: bold;
  color: #554433;
}

/* Add/Edit ungerade Zeilen Hintergrundfarbe */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f1c8;
  border: 1px solid #C7B18B;
  /* Schriftgröße in den Spalten */
  font-size: 11px;
}

/* Add/Edit gerade Zeilen Hintergrundfarbe */
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #fffeed;
  border: 1px solid #C7B18B;
/* Schriftgröße in den Spalten */
  font-size: 11px;
}

/*
.ewDelete {
    background: url(../phpimages/delete.gif) no-repeat;
    background-position: 2% 50%; 
}

.ewView {
    background: url(../phpimages/view.gif) no-repeat;
    background-position: 2% 50%; 
}

.ewCopy {
    background: url(../phpimages/copy.gif) no-repeat;
    background-position: 2% 50%; 
}

.ewEdit {
    background: url(../phpimages/edit.gif) no-repeat;
    background-position: 2% 50%;
}
*/

/* */
.input-medium {
width: inherit;
}

#flogin {
    box-shadow: #726054 3px 3px 5px;
    padding:15px; 
    border: 1px solid #AF9573;
    width:550px; 
    background-color: #f4f3dc;     
    font-size: 10pt; 
	margin-left: 0px;
	margin: left;
    /* background: url(../phpimages/lock32.gif) no-repeat center right; */
white-space: nowrap;
}       

.ewSearchCaption {
	width: 125px;
	display: inline-block;
	border-bottom: 1px dotted #999;
	white-space: pre-wrap;
}

.ewSearchOperator {
	display: inline-block;
	text-align: right;
}


.hidden {
	display: none;
}

.alert-danger, .alert-error {
background-color: #FD3535;
border-color: #AF001A;
color: #FFFFFF;
font-weight: bold;
text-shadow: 0px 1px 1px black;
}


.testcss {
border: 1px solid #aaaaaa;
background: white;
padding: 20px; /*15px;*/
margin-top: 15px;
}

.control-group {
	margin-bottom: 7px;
}

.sitelogo {
	font-size: 5em;
	margin-top: 50px;
	margin: 30px auto 0px;
	text-shadow: 3px 3px 40px lightgrey, -1px -1px 1px white;
	background: darkcyan;
	height: 80px;
	width: 100%;
	border-bottom: 2px solid;
	text-align: center;
	line-height: 1em;
	font-family: serif;
	display: none;
}

.dropdown-header {
	padding: 2px 10px;
	
	text-align: right;
}

.dropdown-menu .divider {
	margin: 1.5px 1px;
	border-bottom: 1px solid #999999;
}

.imgcontainer {
	float: left;
	width: 120px;
	height: 120px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #faf5e3;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
	box-shadow: #888888 3px 3px 5px;
	margin: 10px 8px 10px;
	text-align: center;
}

.imgbox img {
	max-width: 80px;
}

.imgbox {
	overflow: hidden;
	height: 100px;
	display: block;
}

.imgname { 
	color: #800000;
	font-family: Arial;
	font-size: 10px;	
	font-weight: bold;
	white-space: nowrap;
	width: 160px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;	
}

.imgtext {
	color: #808080;
	font-family: Arial;
	font-size: 9px;
	font-style: italic;
}

#bildergalerie {
	width: 1015px
}

.bildcontainer {
	float: left;
	width: 180px;
	height: 180px;
	padding-top: 7px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #faf5e3;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
	box-shadow: #888888 3px 3px 5px;
	margin: 10px 8px 10px;
	text-align: center;
}

.imgcontainer:hover {
	background-color: #d8d0b4;
}

.bildbox {
	overflow: hidden;
	height: 120px;
	display: block;
}

.bildhundename { 
	color: #800000;
	font-family: Arial;
	font-size: 10px;	
	font-weight: bold;
	white-space: nowrap;
	width: 160px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;	
}

.copyright {
	color: #808080;
	font-family: Arial;
	font-size: 9px;
	font-style: italic;
}


.ewGridUpperPanel, .ewGridLowerPanel {
padding: 4px;
border-left: 0;
border-right: 0;
background-color: #A0B1CB;
color: inherit;
}

.ewGrid .ewGridContent {
padding: 0;
border: 1px solid #7F623B;
}

form {
	margin: 0 0 0px; 
}

.zwingername {
	font-size: 1.3em;
}

.cmsedit {	
	text-align: right;
}

 #cssmenu {
width: 173px;
border-style: solid solid none solid;
border-color: #222222;
border-size: 0px;
border-width: 0px;
padding:0px;
}
#cssmenu ul{
margin:0px;
padding:0px;
list-style:none;
}
#cssmenu li a {
height: 32px;
height: 23px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight:normal;
color: #222222;
border: 1px solid #D7D7D7;
box-shadow: 3px 3px 5px #888888;
display: block;
background: url(http://www.datenbank-deutscher-spitz.de/db/phpimages/Farbverlauf%2024.png);
background-size: auto 30px;
padding: 8px 0 0 10px;
margin-bottom: 1px;
}
#cssmenu li a:hover {
color: #222222;
font-weight: bold;
background: #F0CB6D;
/*background: url(http://www.datenbank-deutscher-spitz.de/db/phpimages/Farbverlauf%2011.png) 0 -32px;*/
padding: 8px 0 0 10px;

}
#cssmenu li a:active {
color: #222222;
font-weight: bold;
background: #F0CB6D;
/*background: url(http://www.datenbank-deutscher-spitz.de/db/phpimages/Farbverlauf%2011.png) 0 -32px;*/
padding: 8px 0 0 10px;

} 

.menutitel {
    font-size: 1.3em;
    color: #3A4C69; /*#6e0115*/
    text-align: left;
    text-shadow: 1px 1px 2px rgb(255, 255, 255);/*white*/
    padding-left: 6px;
    padding-bottom: 5px;
    padding-top: 10px;
    display: block;  
}

.disabled {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.ewTableLastCol {
/* padding-left: 150px !important; */
}

.ewBasicSearch {
    font-family: Verdana; 
    font-size: small; 
    width:775px;
    background-color:#E8E6EA; /*#efefef;*/
    border: 1px solid #A0B1CB;
    box-shadow:#A0B1CB  3px 3px 5px; /*#888888*/;    
    padding: 10px 10px 10px 15px;
    display: inline-table;
    border-radius: 3px;
    margin-bottom: 25px;
}
/* Menue Button über Bootstrapgenerator */
.btn-menu { 
  color: #363635; 
  background-color: #FFFEED; 
  border-color: #C2C2C2; 
  background-image: linear-gradient(to bottom, #FFFEF7 0, #F2F2EC 100%);
} 
 
.btn-menu:hover, 
.btn-menu:focus, 
.btn-menu:active, 
.btn-menu.active, 
.open .dropdown-toggle.btn-menu { 
  color: #363635; 
  background-color: #F2CB68; 
  border-color: #C2C2C2; 
  background-image: linear-gradient(to bottom, #F2CB68 0, #F2CB68 100%);
} 
 
.btn-menu:active, 
.btn-menu.active, 
.open .dropdown-toggle.btn-menu { 
  background-image: none; 
} 
 
.btn-menu.disabled, 
.btn-menu[disabled], 
fieldset[disabled] .btn-menu, 
.btn-menu.disabled:hover, 
.btn-menu[disabled]:hover, 
fieldset[disabled] .btn-menu:hover, 
.btn-menu.disabled:focus, 
.btn-menu[disabled]:focus, 
fieldset[disabled] .btn-menu:focus, 
.btn-menu.disabled:active, 
.btn-menu[disabled]:active, 
fieldset[disabled] .btn-menu:active, 
.btn-menu.disabled.active, 
.btn-menu[disabled].active, 
fieldset[disabled] .btn-menu.active { 
  background-color: #FFFEED; 
  border-color: #C2C2C2; 
} 
 
.btn-menu .badge { 
  color: #FFFEED; 
  background-color: #363635; 
}

.menu-links {
width: 180px;
margin-left: -2px;
box-shadow: 2px 2px 2px #B4B4B3;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/*Hover für Bootstrap-Dopdown*/
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:active, 
.dropdown-menu>li>a.active, 
.open .dropdown-toggle.dropdown-menu>li>a { 
  color: #363635; 
  background-color: #F2CB68; 
  border-color: #C2C2C2; 
  background-image: linear-gradient(to bottom, #F2CB68 0, #F2CB68 100%);
  }
  
  .ewSiteTitle {
    margin-bottom: -18px;
}

/*Abstand im dorpdown vom Headermenue*/
.dropdown-menu>li>a {
padding: 5px 20px;
}

/*Abstand bei der Datenerfassung Hundestammdaten*/
.form-group {
margin-bottom: 4px;
}

/*Abstand usw. beim Titel der Datenerfassung Hund*/
.control-label {
text-align: right;
margin-bottom: -2px;
padding: 8px;

}

/*Zeilenumbruch im Tooltiptext*/
.tooltip-inner  {
white-space: pre-wrap;
text-align: left;
max-width: 400px;
background-color: #fff /*#0B173B*/;
color: black;
padding: 7px;
border: 1px solid #a7a7a7;
}

.bemerkungInfo {
	color: #31B404;
	font-size: 0.9em;
	}

.bemerkungText {	
	/*font-size: 1.1em;*/
}

/*Umrandung für Datenerfassung Hund*/
.ewAddForm, .ewEditForm {
margin-bottom: 18px;
background-color: #FAF5E3;
border: 1px solid rgba(174, 174, 174, 0.89);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding: 10px;
max-width: 90%;
margin-left: 5px;
margin-right: auto;
}


/*Breite der Eingabefelder in der Umrandung für die Datenerfassung z.B. bei den Druckvorlagen*/
.form-control {
max-width: 100%;
}

/*Farbe des aktiven Reiter im Pedigree*/
#pedigreetabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
/*background-color: white;*/
background-color: #EEEDDD;
font-weight: bold;
}

/*Farbe des aktiven Reiter bei z.B. Hunde-Edit oder Eingabemasken wie Druckvorlagen*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
background-color: #eeeddd;
font-weight: bold;
}

/*Umrandung um die Hunde-Edit
#bm_animals_edit {
margin-bottom: 18px;
background-color: #E2D2AD;
border: 1px solid rgba(174, 174, 174, 0.89);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding: 10px;
max-width: 90%;
margin-left: 5px;
margin-right: auto;*/
}

/*Hintergrundfarbe und Schriftgröße des Tabellenheaders von Nachkommen usw..*/
table th {
	background-color: #e5cc80; 
	font-size: 12px
}

/*Borderfarbe im Tabellenheader von Nachkommen.. usw*/
.table>thead:first-child>tr:first-child>th {
border-top: 0;
/*border: 1px solid #C7B18B;*/
background-color: #e5cc80; 
font-size: 12px;
/*padding: 6px 2px 6px 4px;*/
font-weight: bold;
color: #fff;
background: #3A4C69;
padding: 4px
}

/*Hervorheben der Tabellen beim Ãœberfahren mit der Maus*/ 
.ewGrid .ewTable .ewTableHighlightRow>td {
background-color: orange;
color: white;
}

/*Klammer um etwas in Klammer zu setzen*/
span.klammer:before {
 content:"(";
}
 
span.klammer:after {
 content:")";
}

/*macht die Boxen der Stammdaten etwas breiter*/
.col-md-4 {
padding-right: 3px;
}

/* +++++++++++++++++ Umrandung usw. des Grid-Edit ++++++++++++++++++++++++++++++++++++*/

/*Umrandung um das Grid-Edit z.B. wenn man mehrere Hunde editiert*/
.ewUpdateForm   {
margin-left: auto;
margin-right: auto;
margin-bottom: 18px;
background-color: #FFC04B;;
border: 1px solid rgba(174, 174, 174, 0.89);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding: 10px;
max-width: 80%;
margin-left: 5px;
margin-right: auto;
}

/*Setzt den Flatter-Text beim Grid-Edit linksbündig*/
.ewUpdateForm  .control-label  {
text-align: left;
margin-bottom: 0;
padding-top: 7px;
}

/*Breite, Farbe und Border der linken Spalte im Grid-Edit*/
.ewUpdateForm .col-sm-2 {
width: 22.66666667%;
background-color: #FFC75F;
margin-left: 20px;
border: 1px solid #D0A74F;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}

/*Breite der rechten Spalte im Grid-Edit*/
.ewUpdateForm .col-sm-10 {
width: 63.33333333%;
}

/*+++++++++++++++++++++++Grid-Edit-ENDE+++++++++++++++++++*/

/* +++++++++++++++++ Umrandung der erweiterten Suche ++++++++++++++++++++++++++++++++++++*/

/*Umrandung um der erweiterten Suche*/
.ewSearchForm  {
margin-left: auto;
margin-right: auto;
margin-bottom: 18px;
background-color: #FAF5E3;
border: 1px solid rgba(174, 174, 174, 0.89);
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding: 10px;
max-width: 80%;
margin-left: 5px;
margin-right: auto;
}

/* Breite, Farbe und Border der linken Spalte in der erweiterten Suche */
.ewSearchForm .col-sm-3 {
background-color: #EDE7D3;
margin-left: 20px;
border: 1px solid #CCC4B2;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
text-align: left;
padding-left: 15px	
}

/* Breite der rechten Spalte in der erweiterten Suche */
.ewSearchForm .col-sm-9 {
width: 63.33333333%;
}

/*nimmt das Padding um die rote Schrift "Enthält" weg*/
.ewSearchForm .form-control-static {
padding-top: 0px;
padding-bottom: 0px;
}

/*+++++++++Ende Umrandung erweiterte Suche+++++*/

/*Umrandung der Statistikfelder in der Adressverwaltung*/
#el_bm_adressen_registriert .form-control-static {
background-color: rgb(241, 241, 241);
width: 30%;
border: 1px solid #C4C3C1;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 3px 3px 3px 3px;
color: rgb(146, 143, 143);
padding-left: 10px;
min-height: 33px;
}

/*Umrandung der Statistikfelder in der Adressverwaltung unterm Reiter System*/
#el_bm_adressen_lastlogin .form-control-static {
background-color: rgb(241, 241, 241);
width: 30%;
border: 1px solid #C4C3C1;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 3px 3px 3px 3px;
color: rgb(146, 143, 143);
padding-left: 10px;
min-height: 33px;
}

/*Umrandung der Statistikfelder in der Adressverwaltung unterm Reiter System/
#el_bm_adressen_logins .form-control-static {
background-color: rgb(241, 241, 241);
width: 30%;
border: 1px solid #C4C3C1;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 3px 3px 3px 3px;
color: rgb(146, 143, 143);
padding-left: 10px;
min-height: 33px;
}

/*Umrandung der Statistikfelder in der Adressverwaltung unterm Reiter System*/
#el_bm_adressen_ip .form-control-static {
background-color: rgb(241, 241, 241);
width: 30%;
border: 1px solid #C4C3C1;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 3px 3px 3px 3px;
color: rgb(146, 143, 143);
padding-left: 10px;
min-height: 33px;
}

/*Verhindert den Zeilenumpruch vor den Summenzeichen/zahlen unter den Listen*/
.ewAggregate {
	white-space: nowrap;
}

#selecthighlight .dropdown-menu > li > a {
        white-space: normal;
    }

/*-------------CSS fürs Pedigree----------------------*/

.ruede {
background-color:  #bce4e5; /*#F9B64F;  */ 
}

.huendin {
background-color: #facacc; /* #FCCD86; */
}

#pedigree {
	border-collapse: separate;
	border-spacing: 3px;
}

#pedigree td {
	line-height: 11px;
	border: 1px solid lightgrey;
	text-align: center;
	vertical-align: middle;
}

#pedigree p {
	margin: 0px;	
}

/*-------------ENDE - CSS fürs Pedigree----------------------*/

.form-control-static.ewSearchOperator {
	float:right;
}

/* Breite, Farbe und Border der linken Spalte in der Bearbeitungsmaske Hund*/
#bm_animals_edit .control-label {
background-color: #EDE7D3;
margin-left: 20px;
border: 1px solid #CCC4B2;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
text-align: left;
padding-left: 15px;
}

/*Breite der rechten Spalte im Edit-Hund*/
.form-horizontal .col-sm-10 {
width: 63.33333333%;
}

/*setzt den Trennstrich im Pedigreeheader*/
.phi:after {
    content: " | ";
    color: #A0A0A0;
}

.phi:empty {
    display: none;
}

span.bm_zwingername {
    font-weight: bold;
    font-size: 1.1em;
}

span.bm_zuechter {
    font-style: italic;
    color: #8C5001;
padding-left: 1px;
padding-bottom: 2px;
}

/*Menüanpassung zum Farbigen hervorheben*/
#highlight-zusatz .dropdown-menu > li > a {    
    white-space: normal;
    min-width: 220px;
}

/*setzt das Kreuz vor dem Todestag*/
.tot:before {
    content: " †";
}

.tot:empty {
    display: none;
}

/*setzt das Sternchen vor den Wurftag*/
.WT:before {
    content: " *";
    }

.WT:empty {
    display: none;
}

/*setzt eine Klammer vorher*/
.klammer:before {
    content: " (";
    }

/*setzt eine Klammer nachher*/
.klammer:after {
    content: " (";
    }

.klammer:empty {
    display: none;
}

/*.ped_titel:empty {
    display: none;
}*/

.overflow140 {
white-space: nowrap;
width: 170px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
font-size: 85%
}

/*macht die Schrift den den Tabellen Regenbogenbrücke kleiner*/
.ewGrid .ewTable>tbody>tr>td, .ewGrid .ewTable>tfoot>tr>td {
font-size: 12px;
border-color: #99A3B3;
}

/*detaillierte Inzuchtberechnung Text links*/
.dl-horizontal dt {
width: 250px;
}

/*detaillierte Inzuchtberechnung Text rechts*/
.dl-horizontal dd {
margin-left: 270px;
}

#gotopedigree {display: inline-block}

p.zinfo-bemerkung {
margin-left: 10px;
margin-right: 3px;
margin-top: 0px;
margin-bottom: 0px;
font-style: italic;
font-size: 0.9em;
color: goldenrod;
}

#animalsearch {
padding-left: 3px;
}

.statistiktext  {
max-width: 80%;
background-color: aqua;
background-color: #fffeed;
background-position: 100% 100%;
background-repeat: no-repeat no-repeat;
border-color: #D7D7D7;
border-style: solid;
border-width: 1px;
color: #333333;
box-shadow: 3px 3px 5px #888888;
margin: 0 0 1.5em;
padding: 10px 20px 10px 20px;
}

a {
color: #2A6598;
text-decoration: none;
}

/*Farbdetail in der Listenansicht in Klammer gesetzt.*/
.farbdetail:before {
 content:"(";
}
 
.farbdetail:after {
 content:")";
}

.farbdetail:empty {
    display: none;
}


.farbdetail {
/*font-style: italic; */
font-size: 11px;
color: rgb(84, 82, 78);
letter-spacing: -1px;")";
}

span.wp-deckrueden {
font-size: 10px;
white-space: nowrap;
}

.zuechter_zwingername {
display: block;
margin-bottom: -15px;
font-size: 13px;
padding-left: 1px;
font-weight: bold;
}

.ewSearchPanel {
    margin-bottom: 8px;
}

.ewToolbar {
margin-bottom: -10px;
margin-top: 15px;
}

/*bindet das Wort Größe vor der Größe im Pedigreeheader ein*/
.groesse:before {
    content: "Größe: ";
    color: #641C1C;
font-size: 12px;
text-shadow: inherit;
}

.groesse:after {
	content: " | ";
    color: #A0A0A0;
}

.groesse:empty {
    display: none;
}

/*setzt den Hinzufügebutton z.B. bei WP oder Eingabemaske etwas nach unten ab*/
.col-sm-offset-2.col-sm-10 {
   margin-top: 15px;
}

/*.col-sm-10 {
   margin-bottom: 20px;
}*/

.ewGrid .ewTable .ewTableFooter {
background-color: #E8E6EA;
}

.ewGrid .ewTable .ewTableAltRow {
background-color: #E8E6EA;
}

.ewGrid {
border: 1px solid #727E93;
}

.navbar-default {
    border-radius: 0px;
 }

.scrollToTop{
	width: 50px; 
	height: 50px;
	padding:10px; 
	position:fixed;
	bottom: 15px;
	right: 50%;
	display:none;
	background: url('../phpimages/arrow_up.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/* autosuggest-box maximale Höhe und Scrollbalken bei Bedarf */
.tt-dropdown-menu{	
	max-height: 400px; 
	overflow-y: auto;   
}