@CHARSET "ISO-8859-1";

@import url('style_content.css');
@import url('style_admin.css');
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.eot');
    src: url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('fonts/roboto_condensed/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;


}
html, body {
    background-color: #fff;
    background-position: center top;
    color: #444;
    font-family: roboto_condensedregular,Helvetica,Sans-Serif;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    height: 100.2%;
}

h1, h2, h3 {font-family: robotoregular,Helvetica,Sans-Serif;}

h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 16px;}

a {text-decoration: none;}

/*---------------------------------------------------------------------------------------------*/
/* Layout Styles
/*---------------------------------------------------------------------------------------------*/
h1.install{
	width: 500px;
	margin: 0 auto;
	margin-top: 50px;
	}
#wrapper{
	width: 100%;
	text-align: left;
	
}
.zent1{margin: 0 auto;}

#kopf {
	box-sizing:border-box;
	width: 100%;
	border-bottom: 0px solid red;
}
#kopf-logos{
	position: relative;
	z-index:1;
}
#content_hg{
	width: 100%;
	background-color: #dfd5cd;
	min-height: 400px;
	}
#content{
	box-sizing:border-box;
	height: 254px;
	width: 1024px;
	border: 0px solid red;
	margin: 0 auto;
	z-index: 10;
}
#unten_hg{
	width: 100%;
	background-color: #eee;
}
#unten {
	box-sizing:border-box;
	height: 254px;
	width: 1024px;
	border-bottom: 0px solid green;
	margin: 0 auto;
	margin-top: 5px;
	position:relative;
}
#start_unten {
	box-sizing:border-box;
	height: 254px;
	width: 1024px;
	border-bottom: 0px solid green;
	margin: 0 auto;
	margin-top: 5px;
	position:relative;
}
.bild_unten{
	position: absolute;
	z-index: 2;
	
}
/*---------------------------------------------------------------------------------------------*/
/* Header Test Styles
/*---------------------------------------------------------------------------------------------*/
#tb-logo{
	float: left;
	height:77px;
}
#vb-logo{
	box-sizing:border-box;
	padding-top: 10px;
	position: absolute;
	width: 272px;
	height: 150px;
	z-index: 50;	
	float: right;
	text-align: center;
	}
#skyline{border: 0px solid green;}

.tan_button{
	width:100px;
	height:100px;
	border: 3px solid #6a6a6a;
	border-radius: 15px;
	margin: 15px auto 0px auto;
}
.tan_button_spacer{
	width:100px;
	margin: auto;
}
.admin-button{
	background: url('../images//admin-panel.jpg');
	background-size: cover;
}
.admin-button:hover{
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}
.user-button{
	background: url('../images//user-panel.jpg');
	background-size: cover;
}
.user-button:hover{
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}
.td_content_display{
	
}