﻿/* PAGE/GENERAL */

*
{
	font-family: Helvetica,Verdana,sans-serif;	
}

html,body,form,div,table,h3
{
	margin: 0;
	padding: 0;
}

p
{
	margin-bottom:12px;	
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	background-color:#ffffff;
}

#form1
{
	height: 100%;
}

.background
{
	min-height: 100%;
	width:100%;
}

.nonFooter
{
	position: relative;
	min-height: 100%;
	height: 100%;
}

.content
{
	/*padding-top: 80px;*/
	padding-bottom: 4.4em; /*footer wird am padding gestoppt wenn sich groesse aendert auch hier aendern*/
}

.contentMain
{
	margin: 0 auto;
	width:80%;
	padding:50px;
	/*background-color:#dedede;*/
}

.contentText
{
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
}

.headertext_left
{
	padding-right:40px;
	text-align: left;
	font-size:18pt;
	font-weight: normal;
	color: #0075DB;
}

.headertext_left_half {
	border-right: 1px solid transculent;
	padding-right: 40px;
	text-align: left;
	font-size: 18pt;
	font-weight: normal;
	color: #0075DB;
}

.headertext_right {
	padding-left: 40px;
	text-align: left;
	font-size: 18pt;
	font-weight: normal;
	color: #0075DB;
}

.contenttext_left
{
	padding-right:40px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.contenttext_left_half
{
	border-right: 1px solid #0075DB;
	padding-right:40px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.contenttext_left_half_small
{
	border-right: 1px solid #0075DB;
	padding-right:40px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.contenttext_right
{
	padding-left:40px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.contenttext_right_small
{
	padding-left:40px;
	padding-right:40px;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.small
{
	font-weight: normal;
	font-size: 9pt;
	margin-top: 10px;
}

.small a {
	text-decoration: underline;
	color: #0075DB;
}

.small a:hover
{
	color:#000000;
}

.middle
{
	font-weight: normal;
	font-size: 11pt;
}

.middle a {
	text-decoration: none;
	color: #0075DB;
}

.middle a:hover
{
	color:#000000;
}

.footer
{
	position: relative;
	width:80%;
	margin: -4.4em auto 0 auto;
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
	border-top:1px solid #0075DB; 
}

.footer a {
	text-decoration: none;
	color: #0075DB;
}

.footer a:hover
{
	color:#000000;
}

.footer_left
{
	padding:10px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

.footer_center
{

	text-align:center;
	vertical-align:middle;
}

.footer_right
{
	padding:10px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

.temilogo
{	
	float:left;
	padding:10px;
	width:170px;
}

.maintext
{
	font-family: Arial;
	font-size: 15pt;
	color: #666666;
	text-align:left;
	vertical-align:middle;
	height:50px;
	white-space:nowrap;
}

.mainwrapper
{
	padding: 10px;
	font-family: Arial;
	font-size: 12pt;
	font-weight:bold;
	color: #00305E;
	text-align:center;
	vertical-align:middle;
}

h1
{
	text-align: left;
	font-size:16pt;
	font-weight: normal;
	color: #0075DB;
}

h2
{
	text-align: left;
	font-size:14pt;
	font-weight: normal;
	color: #0075DB;
}

ul
{
	list-style-type:none;
}

li 
{ 
    padding-left: 1em;
    text-indent: -1em;
}

li:not(.ignore_list):before {
	content: "■";
	color: #0075DB;
	padding-right: 7px;
}
li.ignore_list {
	padding-right: 0px;
}

hr
{
	border: 0px solid #ffffff;
	background-color: #0075DB ;
	height:1px;
}

b
{
	color: #0075DB;
}

.greentext
{
	color:Green;	
}

.redtext {
	color: #E00000;
}

.orangetext
{
	color:Orange;	
}

.greentext_alt
{
	color:Green;	
	font-weight: normal;
	font-size: 11pt;
}

.redtext_alt {
	color: #E00000;
	font-weight: normal;
	font-size: 11pt;
}

.fakebox
{
	position:absolute;
	text-indent:4px;
	line-height: 40px;
	height:40px;
	font-size: 12pt;
	letter-spacing: 1px;
	color:#a9a9b1;
	z-index:-100;
	white-space:nowrap;
}

.textfield
{
	width:100%;
	min-width:300px;
	height:40px;
	background-color:transparent;
	border:1px solid #0075DB;
	font-size: 12pt;
	color: #00305E;
	outline: none;
	text-indent:4px;
	margin-bottom:10px;
	letter-spacing: 1px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align:middle;
    line-height: 34px;
}

.textfield:focus
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
}

.button
{
	width:100%;
	height:40px;
	background-color:#ffffff;
	border:1px solid #0075DB;
	font-size: 12pt;
	outline: none;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.button:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
	color:#000000;
	cursor:pointer;
}

.button:active
{
	background-color:#ececec;
	color:#0075DB;
}

.downloadlink
{
	width:100%;
	height:40px;
	background-color:#ffffff;
	border:1px solid #0075DB;
	font-size: 12pt;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    line-height:40px;
    vertical-align:middle;
}

.downloadlink:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
	color:#000000;
	cursor:pointer;
}

.downloadlink:active
{
	background-color:#ececec;
	color:#0075DB;
}

/*home.aspx spezifisch*/

.contenttext_left_home
{

	text-align: left;
	vertical-align:top;
	font-weight: normal;
}

.middle_home
{
	font-weight: normal;
	font-size: 11pt;
	line-height:22px;
}

.middle_home a
{
	text-decoration:none;
	color: #0075DB;
}

.middle_home a:hover
{
	color:#000000;
}

.mainwrapper_home
{
	font-family: Arial;
	font-size: 12pt;
	font-weight:bold;
	color: #00305E;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:0px;
	bottom:0px;
	width:100%;
	overflow:auto;
}

.innerwrapper_home
{
	padding-left: 20px;
	padding-right: 20px;
}

.tutorial
{
	background-color:#ffffff;
	border:1px solid #0075DB;
	padding-left:2px;
	padding-right:2px;
	outline: none;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.tutorial:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
	color:#000000;
	cursor:default;
}

/*impressum.aspx spezifisch*/

.emailtextbox
{
	margin-bottom:20px;	
}

.emailtextbox_focused
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #7da3be;
	
}

.email_adress_info
{
	color:#000000;
}

.email_info
{
	color:Green;
}

.email_error
{
	color:Red;
}

/*login.aspx spezifisch*/

.middle_login
{
	font-weight: normal;
	font-size: 11pt;
	margin-top: 10px;
}

.middle_login a {
	text-decoration: underline;
	color: #0075DB;
}

.middle_login a:hover
{
	color:#000000;
}

.password
{
	width:100%;
	min-width:300px;
	height:40px;
	background-color:transparent;
	border:1px solid #0075DB;
	font-size: 12pt;
	font-weight:bold;
	color: #00305E;
	outline: none;
	text-indent:3px;
	margin-bottom:10px;
	letter-spacing: 1px;
	font: large Verdana,sans-serif;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    line-height: 34px;
}

.password:focus
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
}

.password_with_button_wrapper
{
	border:1px solid #0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.password_with_button_wrapper_focus
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
}

.password_with_button
{
	width:100%;
	min-width:300px;
	height:38px;
	background-color:transparent;
	border:0px solid #0075DB;
	font-size: 12pt;
	font-weight:bold;
	color: #00305E;
	outline: none;
	text-indent:3px;
	letter-spacing: 1px;
	font: large Verdana,sans-serif;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    line-height: 34px;
}

.passwordbutton
{

	width:38px;
	height:38px;
	background-color:#ffffff;
	border:0px solid #0075DB;
	font-size: 12pt;
	outline: none;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:5px;
    z-index:10;
}

.passwordbutton:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border-left:0px solid #0075DB;
	color:#000000;
	cursor:pointer;
}

.passwordbutton:active
{
	background-color:#ececec;
	color:#0075DB;
}

/*settings.css spezifisch*/

h3
{
	float:left;
	text-align: left;
	font-size:14pt;
	font-weight: normal;
	color: #0075DB;
	padding-bottom:12px;
}

.buttonEdit
{
	float:right;
	height:40px;
	background-color:#ffffff;
	border:1px solid #0075DB;
	font-size: 12pt;
	outline: none;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.buttonEdit:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
	color:#000000;
	cursor:pointer;
}

.buttonEdit:active
{
	background-color:#ececec;
	color:#0075DB;
}

#EditMemberPassword
{
	display:none;
	margin-top:30px;
}

#EditMemberEMail
{
	display:none;
	margin-top:30px;
}

#EditMemberSettings
{
	display:none;
	margin-top:30px;
}

.checkbox
{
	margin-bottom:10px;
}

.checkbox td
{
	padding-left: 0px !important;	
}

/*systemvoraussetzungen.aspx spezifisch*/

#showAllBrowserInfos
{
	display:none;	
}

.buttonmini
{
	width:250px;
	height:20px;
	background-color:#ffffff;
	border:1px solid #0075DB;
	font-size: 8pt;
	outline: none;
	color:#0075DB;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.buttonmini:hover
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
	color:#000000;
	cursor:pointer;
}

.buttonmini:active
{
	background-color:#ececec;
	color:#0075DB;
}

#DropDownListAnrede
{
	border:1px solid #0075DB;
	outline: none;
	line-height: 34px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:10px;
}

.dropdownlistbox:focus
{
	box-shadow: 0 0 10px #7da3be ;
	-moz-box-shadow: 0 0 10px #7da3be ;
	-webkit-box-shadow: 0 0 10px #7da3be ; 
	border: 1px solid #0075DB;
}

.dropdownlistbox
{
	border:1px solid #0075DB;
	background-color:#ffffff;
}

.dropdownlistbox td
{
	border:1px solid #ffffff;
	background-color:#ffffff;
}
.dropdownlistbox td:hover
{
	border:1px solid #ffffff;
	background-color:#ececec;
}
