﻿html, body, form  
{
    background-color: transparent;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    font: normal 14px/1.5em Verdana;
	width: 100%;
}

.RadWindow a.rwIcon 
{ 
    background: url('../Images/configuration.ico') !important; 
    width : 16px;
    height : 16px;
} 

center
{
	background-color: #fff;
	max-height: 300px;
	box-shadow: 5px 5px 20px silver;	
	border-radius: 15px;
}

#ctl00_centerPane
{
	margin-top: 5%;
	padding: auto;
	background-size:50%;
	background-position: bottom !important;
	background-repeat: no-repeat !important;	
}

#header-logo 
{
	height: 100px;
	background-color: #fff;
	background-image: url(Images/BIG_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 250px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

h1 
{
	text-align: center;
	line-height: 90px;
	font-family: verdana;
}

#header-image 
{
	height: 150px;
	width: 100%;
	background-image: url(Images/BIG_header.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 100px;
}

#MainContent_Pnl_Main 
{
	margin: 0 auto !important;
}

#main-content 
{
	background: #fff;
	height: 70%;
	min-height: 450px;
	width: 1000px;
	margin: auto;
	box-shadow:5px 5px 20px silver;
	border-radius: 15px;
}

#header-image 
{
	
}

body
{
	background: #F5F5F5;
}


#RAD_SPLITTER_PANE_CONTENT_ctl00_centerPane
{
	width: 100% !important;
	height: 614px;
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	margin: 0 auto;
}

#MainContent_Pnl_Main
{
	margin: 10px;
	padding: 0 5px;
	width: 450px; /* Breite des zentralen Fensters (Eingabebereich)*/
}

#RAD_SPLITTER_PANE_CONTENT_ctl00_bodyPane
{
	overflow: hidden !important;
}

#ctl00_ctl00_MainContent_Lnk_ForgotPasswordPanel {

}

/* Feld für Passwort vergessen*/
#MainContent_Lnk_ForgotPassword 
{
	text-decoration: none;
	background-color: #fff;
	color: #b3b3b3 !important;
	padding: 3px;
	width: 40px;
}

/* Feld für Passwort vergessen beim Überfahren*/
#MainContent_Lnk_ForgotPassword:hover
{
	text-decoration: none;
	background-color: #fff;
	color: #000 !important;
	padding: 3px;
	width: 40px;
}

div#Header-Center
{
	margin: 15px;
}

/* Bug fix with rounded input */
#ctl00_MainContent_Txt_Password,
#ctl00_MainContent_Txt_Loginname 
{
	border-radius: 0px !important;
	height: auto !important;
}

#ctl00_ctl00_MainContent_Pnl_MainPanel 
{
	padding: 3% 0;
}

/* Verhalten, wenn Fensterbreite < 1000px */
@media (max-width: 1000px) 
{	
	#header-image 
	{
		display: none;
	}
	
	#main-content 
	{
		width: 100%;
		min-width: 450px;
	}
}

/* Verhalten, wenn Fensterhöhe < 1000px */
@media (max-height: 1000px) 
{

	#ctl00_topPane
	{
		display: none;
	}
}

/* Verhalten, wenn Fensterhöhe < 800px */
@media (max-height: 800px) 
{

	#header-image 
	{
		display: none;
	}
}

/* Verhalten, wenn Fensterhöhe < 600px */
/*@media (max-height: 600px) 
{

	#header-logo 
	{
		display: none;
	}
}*/

/*
@media (max-width: 1200px) 
{
	#main-content 
	{
		background: #fff;
		height: 90%;
		min-height: 900px;
		width: 100%;
		margin: 0;
		box-shadow:4px 0px 8px rgba(0,0,0,.75);
	}

	#main-content 
	{
		border-top: 20px solid #D3D3D3;
	}
}

@media (max-width: 800px) {
	h1 
	{
		text-align: right;
		font-size: 1.8em;
		margin-right:20px;
	}
	
	#main-content 
	{
		border-top: 10px solid #D3D3D3;
	}
} 

@media (max-width: 500px) 
{
	#header-logo 
	{
		display: none;
	}
}

@media (max-height: 700px) 
{
	#RAD_SPLITTER_PANE_CONTENT_ctl00_centerPane
	{
		width: 100% !important;
		height: 614px !important;
		overflow-y: hidden !important;
		overflow-x: hidden !important;
		margin: auto;
		margin-top: -100px !important;
	}
}*/