/*
 *	Style Guide colors
 *
 *	White					#FFFFFF
 *	Black					#000000
 *	Light green blue		#E1E7F5
 *	Light blue				#97A3BB
 *	Mid blue				#55637E
 *	Dark blue				#2B3352
 *	Background blue			#36A7E9
 *	OK Green				#00BB00
 *	OK Light Green			#EEFFEE
 *	ERROR Red				#FF0000
 *	ERROR Light Red			#FFEEEE
 *
 */


html {
    margin: 				0px;
    padding: 				0px;
}

body {
	/*background-color: 	#007199;
    background-image: 		url(design.tgr/back.jpg);*/
    background-color: 		#3d6179;
    background-image: 		url(design.tgr/back3.jpg);
    background-repeat: 		no-repeat;
	font-family:			Arial, Helvetica, Verdana;
	font-size:				10pt;
	text-align: 			justify;
	margin: 				0px;
    padding: 				0px;
}

.tgrversion {
	position:				absolute;
	left:					700px;
	top:					5px;
	font-size:				1.5em;
	color:					#FFFFFF;
	background-color:		#AA0000;
	padding:				5px;
	border:					2px solid #000000;
}

/*
 *	Tabellendesign
 */
 
table {
	line-height:			1em;
    border-collapse:        collapse;
}

table.aboutus {
    text-align:             center;
}

table.aboutus tr {
    height:                 170px;
    vertical-align:         top;
}

table.liste {
	border-spacing:			0;
	border:					1px solid #2B3352;
}

.liste th {
	background-color:		#2B3352;
	color:					#FFFFFF;
	padding:				2px 5px 2px 5px;
	border-right:			1px solid #2B3352;
	border-left:			1px solid #2B3352;
}

.liste tr.line0 {
	background-color:		#E1E7F5;
}

.liste tr.line1 {
	background-color:		#FFFFFF;
}

.liste td {
	padding:				2px 5px 2px 5px;
	border-right:			1px solid #2B3352;
	border-left:			1px solid #2B3352;
	border-bottom:			1px solid #2B3352;
}

th a:link {
	text-decoration:		none;
	color:					#FFFFFF;
}

th a:hover {
	text-decoration:		underline;
}
 
/*
 *	Seitenaufbau
 */
 
.global {
    margin: 				50px 0px 0px 30px;
}
 
.global .left {
	float:					left;
	width:					150px;
	margin:					0px;
	padding:				0px;
}

.global .right {
	width:					700px;
	float:					left;
	margin: 				0px 0px 0px 10px;
	padding:				0px;
}

.content {
	padding:				0px 10px 0px 10px;
	margin:					0px;
	line-height:			1.5em;
}


/*
 *	Hauptteil
 */

.global .right .main {
	width:					698px;
	background-color: 		#FFFFFF;
	border-left: 			1px solid #2B3352;
    border-right: 			1px solid #2B3352;
    border-bottom: 			1px solid #2B3352;    
    margin: 				0px;
    padding: 				0px;
}

.global .right .main .top,
.global .left .menu .top {
	background-image: 		url(design.tgr/main.toWhite_new.png);
	height:					20px;
	margin:					0px;
}

.global .right .main .bottom,
.global .left .menu .bottom {
	background-image: 		url(design.tgr/main.toLightGreen.png);
	height:					20px;
	margin:					0px;
}

.news {
	width:					670px;
	padding:				3px;
	background-color:		#e1e7f5;
	border-bottom:			1px dotted #97a3bb;
}
.events {
	padding:				3px;
	border-bottom:			1px dotted #97a3bb;
}

.infobox {
	border:					1px dotted #97A3BB;
    background-color: 		#e1e7f5;
    padding: 				10px;
    line-height:			1.3em;
}

img {
	border-width:			0;
}

img.border {
    border:            1px solid #000000;
}

.news .img {
	text-align:				center;
}

fieldset.nonForm {
	margin-top:				10px;
	width:					314px;
	border:					1px solid #2B3352;
	float:					left;
}

legend {
	color:					#2B3352;
	font-weight:			bold;
}

.leftinfo {
	text-align:				center;
	border-top:				1px solid #000000;  
    margin: 				0px;
    font-size:				0.7em;
    padding:				5px;
    color:					#777777;
}

.adminmenulink {
	width:					129px;
	text-align:				center;
	vertical-align:			middle;
	margin:					2px;
	padding:				1px;
	float:					left;
}

a:link {
	color:					#55637E;
	text-decoration:		none;
	font-weight:			bold;
}
a:visited {
	color:					#55637E;
	text-decoration:		none;
	font-weight:			bold;
}
a:hover {
	color:					#2B3352;
	text-decoration:		underline;
	font-weight:			bold;
}

.layer_z {
	background-image:		url(design.tgr/background_index_z_message.gif);
	width:					100%;
	height:					100%;
	z-index:				10;
	position:				absolute;
	left:					0px;
	top:					0px;
	padding:				100px 0px 0px 0px;
}

.layer_z .border {
	width:					600px;
	margin:					auto;
}

.layer_z .border .message {
	background-color:		#FFFFFF;
	border:					3px solid #2B3352;
	font-size:				1.4em;
	padding:				10px;
	height:					250px;
}

.layer_z .message #layerzspinner {
	padding:				50px 0px 0px 0px;
	text-align:				center;
}

#p5 {
	padding:				5px;
}

#font08 {
	font-size:				0.8em;
}

#w90 {
	width:					90px;
}

#w200 {
	width:					200px;
}

#w320 {
	width:					320px;
}

#w400 {
	width:					500px;
}

#w100 {
	width:					100%;
}

#left {
	float: 					left;
}

#leftw50p {
	float: 					left;
	width:					46%;
}

#leftw330 {
	float: 					left;
	width:					330px;
}

#right {
	float: 					right;
}

#right300 {
    float:                     right;
    width:                    300px;
    margin:                    0px 0px 0px 10px;
}

#right170 {
    float:                     right;
    width:                     170px;
    margin:                    0px 0px 0px 10px;
}

#left300 {
	float: 					left;
	width:					300px;
	margin:					0px 0px 0px 10px;
}

#right400 {
	float: 					right;
	width:					400px;
	margin:					0px 0px 0px 10px;
}

#imgleft {
	float:					left;
	margin:					10px 10px 10px 0px;
	border:					1px solid #000000;
}

#imgright {
	float:					right;
	margin:					10px 0px 10px 10px;
	border:					1px solid #000000;
}

#aligncenter {
	text-align:				center;
}

#alignleft {
    text-align:                left;
}

#alignright {
    text-align:                right;
}

#column2 {
	float:					left;
	width:					326px;
	margin:					0px 4px 0px 4px;
	padding:				2px;
}

/*
 *	Bericht hinzufügen
 */
 
.addstartpic, .addendpic {
	border:					1px solid #444444;
	background-color:		#BBBBBB;
	vertical-align:			middle;
	text-align:				center;
	width:					100%;
	padding:				30px 0px 30px 0px;
}

.addpic {
	border:					1px solid #444444;
	background-color:		#BBBBBB;
	vertical-align:			middle;
	text-align:				center;
	width:					300px;
	height:					150px;
	padding:				30px 0px 30px 0px;
}

.deletepic {
	border:					1px solid #444444;
	background-color:		#BBBBBB;
	vertical-align:			middle;
	text-align:				center;
	padding:				0px 0px 5px 0px;
}

/*
 *	Flash Messages
 */
 
#flash_message {
	font-weight:			bold;
	font-size:				0.9em;
	padding:				5px;
}

.flash_info {
	border:					2px solid #00BB00;
	color:					#00BB00;
	background-color:		#EEFFEE;
}

.flash_error {
	border:					2px solid #FF0000;
	color:					#FF0000;
	background-color:		#FFEEEE;
}

/*
 *	Schwarzes Brett
 */
 
.news .left,
.AjaxPost .left {
	width:					160px;
	float:					left;
	text-align:				left;
	line-height:			1em;
}

.news .left .info,
.AjaxPost .left .info {
	font-size:				0.7em;
	margin-top:				5px;
}

.news .left img,
.AjaxPost .left img {
	width:					50px;
	float:					left;
	margin-right:			2px;
	margin-bottom:			2px;
}

.news .right {
	float:					left;
	width:					496px;
}

.AjaxPost .right {
    float:                    left;
    width:                    460px;
}

/*
 *	Copyright
 */

.global .right .footer {
	width:					638px;
	background-color: 		#FFFFFF;
	border: 				1px solid #2B3352;  
    margin: 				0px;
    font-size:				0.7em;
    padding:				5px 30px 5px 30px;
    margin-top:				10px;
    color:					#777777;
}

.global .right .footer #left {
	float:					left;
}

.global .right .footer #right {
	float:					right;
}

/*
 *	Menü
 */

.menu {
	background-color:		#FFFFFF;
	border-left:			1px solid #2B3352;
	border-right:			1px solid #2B3352;
	border-bottom:			1px solid #2B3352;
	
}

.menu .input {
	margin:					0px;
}

.menu input {
    background:             url(design.tgr/login.input.png) top left no-repeat;
    border-width:           0;
    vertical-align:         middle; 
    height:                 20px;
    width:                  118px;
    padding:                2px 3px 2px 3px;
    margin:					0px;
}

.menu label {
	font-size:				0.8em;
	color:					#2b3352;
	margin:					0px;
}

.intmenu {
	background-color:		#ccd5e9;
}

.menu a  {
    display: 				block;
    font-weight:		 	bold;
    padding: 				0px 0px 0px 10px;
    text-align: 			left;
    vertical-align: 		middle;
    height:					18px;
    white-space:			nowrap;
}

.menu a:link {   color: #000000; text-decoration: none; }
.menu a:visited {   color: #000000; text-decoration: none; }
.menu a:hover {   color: #000000; background-color: #E1E7F5; text-decoration: none;}

#red {
	color:					#AA0000;
}
/*
 *	Überschriften
 */

.h1-left {
	background-image: 		url(design.tgr/h1_left_new.gif);
	height:					20px;
	width:					12px;
	float:					left;
	display:				block;
}

.h1-right {
	background-image: 		url(design.tgr/h1_right_new.gif);
	height:					20px;
	width:					12px;
	float:					left;
	display:				block;
}

h1 {
	background-image: 		url(design.tgr/h1_middle_new.gif);
	height:					20px;
	font-size:				1.1em;
	margin:					0px;
	display:				block;
	float:					left;
	color:					#FFFFFF;
	white-space:			nowrap;
}

h1#menu {
	width:					126px;
}

h1#main {
	width:					676px;
}

h1#layerz {
	width:					576px;
}

h2 {
	background-image: 		url(design.tgr/h2_dot.gif);
    background-position:	left;
    background-repeat: 		no-repeat;
    padding-left:			15px;
	font-size:				1.1em;
	margin:					0px;
	color:					#2b3352;
}

h3 {
    background-image: 		url(design.tgr/h3_arrow.gif);
    background-position: 	left;
    background-repeat: 		no-repeat;
    padding-left: 			22px;
    font-size: 				11px;
    font-weight: 			bold;
    color: 					#172F5D;
    margin: 				-7px 0px 0px 6px;
}

h4 {
	font-size:				1.2em;
	color:					#2B3352;
	font-family:			Batang, Georgia, Garamond, Arial;
	white-space:			nowrap;
}

h5 {
	font-size:				0.8em;
	margin:					0px;
}

h6 {
	padding-left:			10px;
	font-weight:			bold;
	color:					#2b3352;
	text-decoration:		underline;
	font-size:				0.9em;
	margin:					0px;
}

h7 {
    font-weight:            bold;
}

/*
 *	Apnoe
 */
 
.apnoe {
	background-image:		url(../img/apnoe/apnoe_back.jpg);
	margin-left:			-10px;
	margin-right:			-10px;
	padding:				5px 10px 5px 85px;
	height:					500px;
	width:					603px;
	border-top:				1px solid #000000;
	border-bottom:			1px solid #000000;
}

/*
 *	Groups
 */
 
.groups {
	width:					680px;

	overflow:				auto;
}

/*
 *	Formulare
 */
 
.submit {
	text-align:				center;
	padding: 				5px;
}

.content label {
	display:				block;
	width:					100px;
	float:					left;
}

.radio label {
	float:					none;
	display:				inline;
}

.menu label {
	display:				block;
	width:					138px;
	float:					left;
}

fieldset input {
	margin-top:				7px;
}

.dateinput div.input {
    float:                  left;
    width:                  40px;
}

.form-error {
	border:					1px solid #FF0000;
	background-color:		#FFEEEE;
}

.error-message {
	font-weight:			bold;
	font-size:				0.9em;
	color:					#FF0000;
	margin:					5px 0px 0px 0px;
}

.input,
form {
	margin:					0px;
	padding:				0px;
}

input {
	margin:					2px;
	padding:				0px;
}

.AjaxPost {
    background-color:       #97A3BB;
    color:                  #000000;
    padding:                5px;
    margin-bottom:          5px;
}

.AjaxPost a.headline {
    color:                  #000000;
    font-weight:            normal;
}

fieldset.modern {
    border:                 none;
    border-top:             2px solid #55637E;
}

legend.modern {
    font-size:              1.3em;
}