/* CSS layout */
html,body  {
	margin: 0;
	padding: 0;
	font-family:Calibri;
	height:100%;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%), url(/images/background.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:90% 90%;
}

body {
	/*padding-bottom:40px;*/
	margin-bottom:50px;
	}
	
	
/*** Wrapper ***/
#wrapper {
	position:relative;
	height:100%;
	width:100%;
	margin:0 auto 0 auto;

	
}

/* Container */
#container {
    width:90%;
    height:100%;
    /*margin:0 auto 0 auto;*/
    margin:0 auto 0 auto;
    /*margin-bottom:50px;*/
    padding-bottom:30px;


}

#footer {
	height:30px;
	background-color:#666666;
	color:white;
	bottom:0px;
	position:fixed;
	width:90%;
	padding-top:5px;
	text-align:center;
	margin-left:5%;

}

#footeralt {
	clear: both;
	height:40px;
	background-color:#666666;
	color:white;
	bottom:0px;
	/*margin-bottom:0px;*/
	/*float:left;*/
	position:fixed;
	/*position:absolute;*/
	width:90%;
	/*margin-top:10px;*/
	/*margin-top:-50px;*/
	padding:10px;
	text-align:center;
	width:100%;
	/*margin-top:-100px;*/
	display:block;
}

#footer2 {
	clear: both;
	height:50px;
	background-color:#666666;
	color:white;
	bottom:0px;
	position:fixed;
	margin-top:10px;
	width:80%;
	padding:10px;
	text-align:center;

}
	
table caption {

	font-weight:normal !Important;
	/*background-color:#5D7B9D;*/
}

table th {
	font-weight:normal !Important;
	}

h1 {
	white-space:nowrap;
	font-family:Calibri;
	font-size:2em;
	font-weight:normal;
}


/* Hidden */

.Hidden {
	visibility:hidden;
	}
	
	
/* Header */
#masthead {
	height:12%;
	min-height:60px;
	background-color:rgb(2,71,138);
	color:white;
	margin:0;
	width:100%;
	overflow:hidden;
	font-family:Calibri;
	align-items:center;
	display:flex;
}

#masthead img {
	padding-left:15px;
}
/* TOP Navigation */
#top_nav {
	margin:0 auto 0 auto;
	margin-bottom:10px;
	width:100%;
}


#left_col {
	width: 200px;
	float: left;
}

/* Content */
#page_content {
	
	margin-top:10px;
	width:100%;
	height:100%;
	/*height:100%;*/
}

#page_content_left {
	margin-top:10px;
	display:block;
	width:30%;
	max-width:30%;
	float:left;
	overflow-x:auto;
	/*height:100%;*/
}

#page_content_right {
	/*margin-top:10px; */
	display:block;
	width:57%;
	/*height:100%;*/
	float:left;
	margin-left:33%;
	position:absolute;
	margin-top:10px;

	}
		

#page_content_right_2 {
	margin-top: -10px;
	display:block;
	width:27%;
	float:left;
	margin-left:73%;
	position:absolute;

	}
	
#page_content_left_middle {

	margin-top:10px;
	display:block;
	min-width:55%;
	max-width:55%;
	/*max-width:60%;*/
	float:left;
	/*width:100%;*/
	/*position:relative;*/


}

#page_content_right_middle {

	display:block;
	max-width:42%;
	float:left;
	margin-left:58%;
	position:absolute;
	margin-top:10px;

}

#page_content_left_40 {

	margin-top:10px;
	display:block;
	width:40%;
	/*max-width:60%;*/
	float:left;
	/*width:100%;*/
	/*position:relative;*/
}

#page_content_right_60 {

	display:block;
	max-width:58%;
	float:left;
	margin-left:41%;
	position:absolute;
	margin-top:10px;
}

#page_content_left_60 {

	margin-top:10px;
	display:block;
	width:60%;
	/*max-width:60%;*/
	float:left;
	/*width:100%;*/
	/*position:relative;*/
}

#page_content_right_40 {

	display:block;
	max-width:39%;
	float:left;
	margin-left:61%;
	position:absolute;
	margin-top:10px;
}

#page_content_left_45 {

	margin-top:10px;
	display:block;
	width:45%;
	/*max-width:60%;*/
	float:left;
	/*width:100%;*/
	/*position:relative;*/
}

#page_content_right_55 {

	display:block;
	max-width:43%;
	float:left;
	margin-left:46%;
	position:absolute;
	margin-top:10px;
}



.headerFilmTitel {
	font-size:1.2em;
	color:#333333;
}

/* ** Special Display inline-block; */

displayInline {
	display:inline-block;
}

.Button {
	background-color:#5D7B9D;
	color:white;
	font-weight:normal;
	height:30px;
	border-color:silver;
}

.ButtonTransparent {
	background-color:white;
	color:gray;
	border:0px;
}

.ButtonSmall {
	background-color:#5D7B9D;
	color:white;
	font-weight:normal;
	height:25px;
	width:25px;
	border-color:silver;
	text-align:left;


}

input[type=Button] {
	padding-left:15px;
}

input[type=submit] {
	padding-left:15px;	
}

input[type=Button][Value*="Bearbeiten"] {

	background-image:url('images/Data-Edit-24.png');	
	background-position:left;
	background-repeat:no-repeat;

}

input[type=Button][Value*="bearbeiten"] {

	background-image:url('images/Data-Edit-24.png');	
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Button][Value*="hinzufügen"] {

	background-image:url('images/Add-New-24_white.png');	
	background-position:left;
	background-repeat:no-repeat;
}


input[readonly=Readonly] {
	background-color:rgb(225,225,225);
	}

input[type=Button][Value="."] {

	background-image:url('images/Pointer-24.png');
	background-position:center;
	background-repeat:no-repeat;
}


input[type=Button][Value*="Abbrechen"] {

	background-image:url('images/cancel-24_white.png');	
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Button][Value*="   Abbrechen"] {

	background-image:url('images/cancel-24_white.png');	
	background-position:left;
	background-repeat:no-repeat;
}


input[type=Submit][Value*="Aktualisieren"] {

	background-image:url('images/Save-24.png');	
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Submit][Value*="Speichern"] {

	background-image:url('images/Save-24.png');	
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Submit][Value*="Einfügen"] {

	background-image:url('images/Save-24.png');	
	background-position:left;
	background-repeat:no-repeat;
}


input[type=Button][Value*="Löschen"] {

	background-image:url('images/Bin-24_white.png');
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Button][Value*="Neu"] {

	background-image:url('images/Add-New-24_white.png');
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Submit][Value*="Neu"] {

	background-image:url('images/Add-New-24_white.png');
	background-position:left;
	background-repeat:no-repeat;
}

input[Value*="suchen"] {

	background-image:url('images/Search-Find-24.png');
	background-position:left;
	background-repeat:no-repeat;
}

input[type=Text][title=Link] {
	width:400px;
}

input[type=Text] {
	width:200px;
	padding-left:5px;
}

.inputMiddle {
	width:250px !Important;
}

.inputNormal {
	width:150px;
}

textarea {
	font-family:Calibri;
	font-size:0.9em;
	width:400px;
}

.Bemerkungen {
	min-width:400px;
	height:auto;
 	/*white-space:normal;*/
 	display:block;
 	border:0;
}


td.Bemerkungen {
	white-space:normal;
	height:auto;
	width:350px;
}

td.dv-Bemerkungen {
	white-space:normal;
	height:auto;
	width:100%;

}

.URLData
{
	display:inline-block;
	/*word-wrap:break-word;*/
	/*table-layout:fixed;*/
	word-break:break-all;
	max-width:390px;
	
	/*overflow-wrap:break-word;*/
	/*word-wrap:break-word;	*/
}

a.URLData
{
	display:inline-block;
	overflow:auto;
	/*word-wrap:break-word;*/
	/*table-layout:fixed;*/
	word-break:break-all;
	max-width:390px;
}


input[id*="URL"] {
	width:390px;
}

select {
	width:200px;
}

.ButtonEdit {
	background-color:#5D7B9D;
	color:white;
	font-weight:normal;
	height:30px;
	background-image:url('images/Data-Edit-24.png');	
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}

a.ButtonEdita  {
	background-color:#5D7B9D;
	height:25px;
	width:25px;
	background-image:url('images/Data-Edit-24.png');	
	background-repeat:no-repeat;
	display:block;
	color:white;
	border:1px solid silver;
	text-align:center;
	text-decoration:none;
}


input[type=text] {
	border-radius:3px;
	border:1px solid silver;
	height:20px;
}

.titleField {
	display:inline-block;
	width:100px;
	
}


select {
	border:1px solid silver;
}

/*** View Layouts ***/
/*** Listview/Datalist View **/

.DLHeaderRow {
	font-size:1.2em;
	color:#666666
}

.DLNormalRow {
	font-size:0.9em;
}

.lv-item {
	background-color:white;
}


.lv-item:hover {
	background-color:#E6E6E6
	
}

/*** View Layout Listview 2 ***/

.lv table {
	border-collapse:collapse;
	
}


.lv table th {
	background-color:#5D7B9D;
	color:white;
	text-align:left;
	border-collapse:collapse;
	padding:3px;
}

.lv tr {
	border-bottom:1px solid silver;
}

.lv td {
	padding:4px;

}


table {
	white-space:nowrap;
	
}

/*** Paging **** */
.GridPager a, .GridPager span
    {
        display: block;
        height: 25px;
        width: 25px;
        font-weight: normal;
        text-align: center;
        text-decoration: none;
        font-size:1.1em;

    }
    
.GridPager a
    {
        background-color: #f5f5f5;
        color: gray;
        border: 1px solid #969696;
    }
.GridPager span
    {
        background-color:gray;
        color: #FFF;
        border: 1px solid white;
        
    }


.grid {
	overflow-x:auto;

}

.GridViewFooter {
	column-span:2;
	}

/*
td.GridViewFooter {
	-webkit-column-span:all;
	column-span:all;
	
}
*/