/*
FARBEN
dunkles blau: #00749A
helles blau: #8DBBC3
helles grau: #616161
*/

body {
	background-color: #616161;
	text-align: center;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Verdana;
	z-index: 0;
}

.bg1 {
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(images/bgflowers.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
}

.bg2 {
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(images/bgflowers.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	
}

.content {
	position: relative;
	top: 0px;
	min-height: 100%;
	width: 802px;
	margin: auto auto;
	background-image: url(images/bg_text.png);
	text-align: left;

	
}

.content_wrapper {
	float: left;

}

.content_margin {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

}

.header {
	position: relative;
	top: 27px;
	width: 802px;
	height: 127px;
	background-image: url(images/bg_header.png);
	font-size: 20pt;
	letter-spacing: 5pt;
}

.header .title {
	position: absolute;
	margin: 0px;
	top: 20px;
	right: 50px;
}

.menu {
	position: absolute;
	font-size: 8pt;
	letter-spacing: 0pt;
	margin: 0px;
	bottom: 15px;
	right: 30px;
	font-weight: bold;
	width: 570px;
	text-align: right;
}

.menu a, .menu a:visited, .menu a:active {
		
		text-decoration: none;
		font-weight: bold;
		padding: 2px 1px;
		color: #FFF;
}

.menu a:hover {
	font-weight: bold;
	background-color: #4B4B4B;
	border: 1px solid #00749A;
	padding: 0px;
	padding-bottom: 2px;
}

.content_wrapper {
	margin: 30px 10px;
}



a, a:visited, a:active {
	color: #8DBBC3;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

.external:after{
	content: url(images/external_link.png);
	margin-left: 3px;
}



.footer {
	position: absolute;
	top: 5px;
	margin: 0px auto;
	width: 802px;
	text-align: center;
	color: #00749A;
	font-size: 7pt;
}

/* elemente / */


.code_title {
	font-size: 10pt;
	margin-bottom: 0px;
	margin-left: 40px;
	font-style: normal;
	font-weight: bold;
}
.code_body {
	border: 1px solid #00749A;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	font-family: Courier;
}

.quote_title {
	font-size: 10pt;
	margin-bottom: 0px;
	margin-left: 40px;
	font-weight: bold;
}
.quote_body {
	border: 1px solid #00749A;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	font-style: italic;
}

.title, h1 {
	color: #FFF;
	font-size: 30px;
	padding-left: 20px;
	font-weight: normal;
}

.header h1 {
	color: #FFF;
	font-size: 30px;
	padding-left: 20px;	
}

h2 {
	color: #FFF;
	font-size: 17px;
	padding-left: 20px;
	font-weight: normal;
}

.content .description {
	margin-top: 0px;
	font-size: 7pt; color: #AAA;
	padding-left: 20px;
	font-style: italic;
}



.image {
	position: relative;
	float: right;
	clear: right;
	margin: 9px;
	border: 1px dashed #00749A;
	text-align: left;
	text-align: center;
	padding: 3px;
	min-width: 200px;
}
.image img {
	border: 1px solid #00749A;
}
.image .image_wrapper {
	margin: 0px;
	margin-bottom: -13px;
	min-height: 70px;
}
.image .image_save {
	background-image: url(icons/disk.png);
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: -3px;
	margin-left: 3px;
}
.image .image_title {
	font-size: 9pt;
	height: 15px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.image .image_description {
	font-size: 8pt;
	max-width: 250px;
	margin-bottom: 0px;
	text-align: left;
}

.image .image_info {
	font-size: 8pt;
	position: absolute;
	border: 1px solid #00749A;
	color: #000000;
	text-align: left;
	padding-left: 5%;
	top: 5px;
	width: 84%;
	padding-top: 5px;
	left: 5%;
	padding-bottom: 3px;
	background-image: url(images/alpha50.png);
	display: none;
}
.image:hover .image_info {
	display: block;
}

a img {
	border: 0px;
}

/* FOLDER: BLOCK */

.block {
	margin: 20px 20px;
	float: left;
	top: 0px;

}
.blocktitle {
	margin-left: 20px;
	font-size: 20pt;
	font-style: italic;
}
.block_content {
	border: 1px dashed #AAA;
	width: 300px;
	min-height: 200px;
	padding: 5px;
}
.block_description {
	font-size: 8pt;
	margin-top: 0px;
	color: #AAA;
	font-style: italic;

}

/* FOLDER: TABLE */

.t_all {
	margin: 10px auto;
	border: 1px solid #00749A;
	

}
.t_cell {
	border: 1px solid #00749A;
	padding: 3px;
	vertical-align: top;
	

}
.t_cell_head {
	border: 1px solid #00749A;
	padding: 3px;
	font-weight: bold;
	text-align: right;
	color: #FFF;
	background-color: #616161;
	empty-cells: hide;

}
.t_body {
	color: #FFF;
	vertical-align: top;
	
}
.t_body_warning {
	
	background-color: #763D3D;
	color: #F00;
	vertical-align: top;
	
}
.t_body_warning .t_cell, .t_body_warning .t_cell_head {
	color: #F00;
}
.t_head {
	color: #FFF;
	background-color: #616161;
	text-align: center;
	font-weight: bold;
	empty-cells: hide;
	vertical-align: bottom;
}
.t_head img {
	border: none;
}
.t_footer {
	text-align: center;
	font-size: 10pt;
	color: #FFF;
	background-color: #616161;
}

/* FOLDER FORMULAR */

textarea, input[type=text], input[type=password], select[multiple=multiple], input[type=file] {
	font-family: Verdana;
	font-size: 8pt;
	width: 600px;
	border: 1px solid #616161;
	color: #FFF;
	background-image: url(images/bg_formular.png);
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, select[multiple=multiple]:focus, input[type=file]:focus {
	border: 1px solid #FFF;
}
select, option {
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #616161;
	color: #00749A;
	min-width: 200px;
	background-image: url(images/bg_formular.png);
}
select:focus, select:hover, option:focus, option:hover {
	background-image: url(images/bg_formular.png);
	color: #487DA0;
	
}

input[type=submit] {
	border: 1px solid #616161;
	width: 200px;
	font-family: Verdana;
	font-size: 8pt;
	color: #FFF;
	background-image: url(images/bg_formular.png);
}

input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
	background-image: url(images/bg_formular.png);
	color: #8DBBC3;

}


/* FOLDER: FORUM */

.forum_table {
}

.forum_caption {
	margin-bottom: 0px;
	margin-top: 0px;
}

.forum_caption .title {
	font-size: 10pt;
	text-align: left;
	padding-left: 10px;
}
.forum_caption .description {
	font-size: 8pt;
	padding-left: 30px;
	
}

.forum_thread {
	border: 1px solid #00749A;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 750px;
	position: relative;
}
.forum_thread_new {
	border: 1px solid #900;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 750px;
	position: relative;
}
.thread_info {
	border: 1px solid #00749A;
	padding: 3px;
	font-size: 8pt;
	color: #FFF;
	background-color: #616161;
	left: 0px;
	right: 0px;
}
.thread_profile {	
	border: 1px solid #00749A;
	padding: 3px;
	font-size: 7pt;
	color: #FFF;
	width: 140px;
	background-color: #616161;
	position: absolute;
}
.thread_content {
	position: relative;
	margin: 2px;
	border: 1px solid #00749A;
	padding: 3px;
	font-size: 8pt;
	left: 147px;
	width: 592px;
	min-height: 128px;
	overflow-x: hidden;
}
.forum_author {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

.t_cell a p {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* FOLDER: DUPLEXAJAXAREA */

.pagecontrol {
	text-align: center;
	font-size: 8pt;
	color: #FFF;
	background-color: #616161;
	width: 90%;
	margin: auto;
	border: 1px solid #00749A;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.pagecontrol a {
	margin-right: 2px;
	margin-left: 2px;
}


/* STUFF */

.not_ok {
	background-color: #F99;
	color: #900;
}
.inlineerror {
	background-color: #F99;
	border: 1px solid #900;
	width: 400px;
	margin-left: 100px;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	color: #900;
}

#facies_error {
	background-image: url(url/dispatch_error.png);

}
#facies_error_wrapper {
	color: #FFF;
	font-size: 20pt;
	text-align: center;

}


.footer input {
	position: relative;
	color: #999;
	width: 100px;
	font-size: 7pt;
}

.loginfield[type=checkbox] {	
	line-height: 15px;
	vertical-align: middle;
	background-image: url(images/bg_formular.png);
	top: -2px;
	width: 15px;
	height: 15px;
}



.ajaxwaiter {
	height: 100%;
	width: 100%;
	min-height:50px;
	background-image: url(ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	position: relative;

}

#dispatch {
	border: 1px solid #000;
	width: 40%;
	right: 30%;
	position: fixed;
	z-index: 100;
	top: -2px;


	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	color: #000;
	font-size: 10pt;
}

#dispatch .success {
	background-image: url(images/dispatch_ok.png);
}
#dispatch .error {
	background-image: url(images/dispatch_error.png);
	color: #EEE;

}

.ajaxwaiter {
	height: 100%;
	width: 100%;
	min-height:50px;
	background-image: url(images/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	position: relative;


}

.global_func {
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: table;
	margin: 0 auto;
}

.global_link {
	text-align: center;
	display: table-cell;
	padding: 1px;
	font-size: 7pt;
}

.global_func_table_wrapper {
	clear: both;
	height: 55px;
	margin-bottom: 40px;
}

.global_func_wrapper {
	display: table-row;
	
}

.global_link a:hover {
	text-decoration: none;
}

.global_link:hover {
	border: 1px dashed #8DBBC3;
	padding: 0px;
}

.global_link img {
	margin: 0px;
	padding: 0px;
}

.global_link p {
	margin-top: 0px;
}

.info {
	border: 1px solid #E47303;
	background-color: #FFD489;
	color: #000;
	padding: 5px;
}

.info_success {
	border: 1px solid #3C7507;
	background-color: #CAFF8D;
	color: #000;
	vertical-align: middle;
	line-height: 38px;
	height: 38px;
}

.info_success img {
	margin: 3px;
	float: left;
	margin-right: 10px;
}

.info_error {
	border: 1px solid #810000;
	background-color: #FF8F8F;
	color: #000;
	vertical-align: middle;
	line-height: 38px;
	height: 38px;
}

.info_error img {
	margin: 3px;
	float: left;
	margin-right: 10px;
}

.info_error a, .info_error a:visited,  .info_error a:active {
	color: #555;
}

/* änderungen von Rémy */
html {overflow-y:scroll;} /* damit die seite nicht hin und her springt wenn der Scrollbalken erscheint. */
.content_margin > p {
    margin:0;
}
.code_body {overflow:auto;}