/*
 * FILE: css/style.css
 * ---------------------------------------------------------------
 * VERSION: 0.1.0.2
 * ---------------------------------------------------------------
 * COPYRIGHT:
 *   (C) 2005 - 2007 AIGES oHG, Cologne, Germany
 * ---------------------------------------------------------------
 * BESCHREIBUNG:
 * -------------
 * MVC CMS Stylesheet.
 * ---------------------------------------------------------------
 * CHANGELOG:
 * ----------
 * 0.1.0.3 - 07.04.07 -
 - added css classes messageBox.{error,info,confirm,warn}
 * 0.1.0.2 - 19.01.07 - Jan Zimmerschied
 - added css classes for advertisements:  ads120x600, ads125x125, ads468x60, ads728x90
 * 0.1.0.1 - 09.10.06 - Athanasios Bountos
 - initial version.
 */

A { COLOR: #003399; TEXT-DECORATION: none; }
/*A:link {	COLOR: #003399; TEXT-DECORATION: none}
A:visited {	COLOR: #003399; TEXT-DECORATION: none}
A:active {	COLOR: #003399; TEXT-DECORATION: none}*/
A:hover {TEXT-DECORATION: underline;}

a:focus {outline:		none;}
html {	margin-top:		-10px;}
body {
	text-align: 	left;
	border:	0px;
	font-family: 	verdana;
	font-size:	12px;
	margin-top:	10px;
	margin-bottom:	10px;
	color:		#00044B;
	background-color: #FFFFFF;
}

.body {
	text-align: 	left;
	margin: 	auto;
}

/*
 * Banner oben
 */
.body .topBanner {border-bottom: 1px solid #cdcdcd;}
/*
 * Logo im Banner oben mit Link
 */
.body .topBanner .logo {float:left;}
.body .topBanner .logoLink {float:left; width: 600px; display:none;}
.body .topBanner a.logoLink:hover {text-decoration: none;}

.body .topBanner .logoLink h1 {clear: both;}

/* Fusszeile unter dem Bottom Navi */
.bottomFooter {color:#787878; font-size:0.9em;text-align: center; margin-top: 5px; border-top: 1px solid #ababab; background-color: #efefef; padding: 5px;}
.bottomFooter a:hover {text-decoration: none;}
.bottomFooterLeft {float: left;}
.bottomFooterRight {float: right;}

/*
 * AUSSEHEN DER TABELLEN CTable
 */
/* das Div das die Tabelle und die Seitennavigation beschreibt. */
div.tableDivWithNavi {clear:both;margin-top:10px;}
div.tableDivScrollableBorder {border: 1px solid gray;}
/* sollen Tabellen scrollbar sein, dann overflow: auto, sonst visible */
div.tableDivScrollable 	{overflow: scroll; width: auto;}
div.tableDiv {}
div.tableRow:hover div { background-color:lightblue;}

/* CTable Navigation */
div.tableNaviDiv {margin-bottom: 5px; text-align:center;}
/* CTable Navigation erste Seite */
a.tableNaviFirst	{ color:		#000000;  }
/* CTable Navigation letzte Seite */
a.tableNaviLast 	{ color:		#000000;  }
/* CTable Navigation eine Seite zurueck */
a.tableNaviPrev { 
	color:		#000000;
	padding-left:	4px;
	padding-right:12px; }
/* CTable Navigation aktuelle Seitennummer */
a.tableNaviCurr {
	color:		#0000FF;
	padding-left:	4px;
	padding-right:4px; }
/* CTable Navigation naechste Seite */
a.tableNaviNext {
	color:		#000000;
	padding-left:	12px;
	padding-right:4px; }
/* CTable Navigation Seitennummern */
a.tableNaviPage { color: #0000FF; padding-left: 2px; }
/* CTable Tabellenueberschriften */
a.tableColSortHeader {color: #000000;}
div.tableHeaderRow{ background-color: #B0C4DE; font-weight: bold;}
/* CTable Bearbeitenlink und Loeschenlink */
a.tableEditBtn { color: #666666; font-style: italic; }
a.tableDelBtn { color: #BB3333; font-style: italic; }

/* Aussehen von Formularen
CForm Standardformatierung */
form div.element {border-bottom: 1px solid #cdcdcd; width:auto; margin-top: 5px;}
form div.element div.label {float: left; width: 250px;}
form div.element.error div.label {color: #ff0000;}
form div.element input {float: left;}
form div.element textarea {}
form div.element input.inputErr {}
form div.element div.error {clear: both; font-size: 0.9em; color: #ff0000;}
/* Speichern Knoepfe des Editieren Formulars */
form div.submitButtons {margin-top: 20px; padding: 15px; border-top: 1px solid gray;}
form div.submitButtons div.element {float: left; width:auto; border-bottom: 0px;}
form div.submitButtons div.element input {float: left; min-width: 150px; font-weight: bold; margin-right:5px;}

/* dbMod CSS 
----------------------------------------------------*/
div.dbMod fieldset {border: 1px solid #cdcdcd;margin-top: 20px;background-color:#ededed;padding:10px;}
div.dbMod legend {font-size: 1.3em; font-weight:bold;}
div.dbMod legend a {color: #00044B;text-decoration: none;}
div.dbMod .dbModAction {text-align: center; margin: 10px 0 10px 0; font-size: 1.3em; font-weight: bold;}
div.dbMod .dbModAction.add {float:right;margin:0px;}
/* message box */
div.dbMod .messageBox .message  {min-height:50px;}
div.dbMod .messageBox .messageButtons {border-top:solid #cdcdcd 1px;padding-top:20px; margin-left:-50px;text-align:center;}
/* Das Query-Formular (Steht fast ueber jeder Tabelle) */
form.query0, form.query1, form.query2, form.query3, form.query4, form.query5, form.query6, form.query7, form.query8  {float: left; width: 76%;}
/*form.query1 div.submitButtons {float: left;}*/
form div.element.q div.label {float: left; width: auto; margin-right: 6px;}
form.query0 .submitButtons, form.query1 .submitButtons, form.query2 .submitButtons, form.query3 .submitButtons, form.query4 .submitButtons, form.query5 .submitButtons, form.query6 .submitButtons, form.query7 .submitButtons, form.query8 .submitButtons{float: left;margin: 0px; padding:0px; border:0px;}
form.query0 div.element, form.query1 div.element, form.query2 div.element, form.query3 div.element, form.query4 div.element, form.query5 div.element, form.query6 div.element, form.query7 div.element, form.query8 div.element {float: left; border: 0px; margin-right: 6px;}
/* dbMod view */
div.dbMod.view .detail {border: 1px solid #cdcdcd; margin:20px 0 0 6px; padding:10px;}
div.dbMod.view .detail div.column {float: left; width: 44%; overflow:auto; margin-right: 6px;}
div.dbMod.view .detail div.field {clear: both; border-bottom: 1px solid #cdcdcd;}
div.dbMod.view .detail div.field.even {background-color: #ededed;}
div.dbMod.view .detail div.field div.label {float:left; width: 40%; font-weight: bold;}
div.dbMod.view .detail div.field div.value {float: left;}
div.dbMod.view div.editLink {text-align: center; margin: 10px 0 10px 0; font-size: 1.3em; font-weight: bold;}


a.backToPageStart {float:right;}

/*
 * TopMenu and TopSubMenu
 */
div.mainMenu {}
	.topMenu	{display: block; margin:0px;padding:0px;float: left; border-right: 1px solid #cdcdcd; font-family:sans-serif;font-size:0.9em;}
	div.topMenu a	{padding:3px; display: block;}
	div.topMenuSeperator {height:3px; background-color:#B0C4DE; border-bottom:solid gray 1px;}
	div.topMenuDiv div.topMenu.activeMenuItem {background-color: #B0C4DE;}
	div.topMenuDiv a:hover {color: black;}
	div.topSubMenuDiv {background-color:#B0C4DE; font-family:sans-serif; font-size:0.9em; text-align:center; border-bottom: 1px solid #cdcdcd;}
	div.topSubMenuDiv div.topMenu.activeMenuItem {background-color:#B0C4FF ;}
	div.topSubMenuDiv a:hover {color: white;}
	div.mainMenu div.selectEditor {float: right;}
	div.mainMenu form.publish {float: right;}
	div.mainMenu form input {font-size: 12px; height: 18px;font-size:0.9em;}
	div.mainMenu form select {font-size: 12px; height: 23px;}


/*
 * Module Settings
 */
div.settings form.listEdit .element {border-bottom:solid #cdcdcd 1px; width:100%; margin-top:5px;}
div.settings form.listEdit .element .label {text-align:left;float:left; width:60%;}
div.settings form.listEdit .element input {width: 300px;}
div.settings form.listEdit .element textarea {width: 300px;}
div.settings form.listEdit .submitButtons div.element input {width: 150px;}
div.settings form.listEdit .submitButtons div.element {float: left; width:auto; }
div.settings form.listEdit .submitButtons {padding: 0 0 0 35%}
/*
 * Sprachwechsel
 */
.changeLanguage {text-align: right;}

/*
 * Module LOGIN
 */
.loginDiv { width: 400px; margin: auto; margin-top: 50px; margin-bottom: 50px;  padding: 10px; border: 1px solid gray;}
.loginDiv .sslLogin {margin-bottom: 10px;}
.loginDiv .loginErr {color: red; font-weight: bold;margin-bottom: 10px;}
.loginDiv form.login div.element {border-bottom: 0px;}
.loginDiv form.login div.element input {width: 300px;}
.loginDiv form.login div.submitButtons {background-color: #dedede;}
.loginDiv form.login div.element.login {float: right;}
.loginDiv form.login div.element.login input {width: 100px;}
.loginDiv .loginHeadline {border-bottom: 1px solid gray; margin-bottom: 20px; font-size: 1.1em; font-weight: bold;}

/*
 * loginStatus
 */
div.loginStatus {float: right;}
div.loginStatus a.userName { border-right:solid #cccccc 1px;}
div.loginStatus a.logout {padding:4px; padding-left:6px; padding-right:6px;}
/* LOGIN END */

/*
 * SEND mail
 */
.groups  {
	background-color: #cdcdcd;
	margin:			auto;
	margin-right:		10px;
	margin-top:		30px;
	width:			150px;
	float:			left;
	border:			solid 1px gray;
	height:			350px;
	overflow:		auto;}
.groups .groupChkBox {
	clear:			both;
	float:			left;}

.nlContent {
	float:			left;
	background-color: #B0C4DE;
	border:			solid 1px gray;
	padding:			20px;}

.testnl {
	float:			left;
	font-size:		20px;}
.testnl input ,.sendnl input {
	font-size:		20px;
	margin-top:		5px;
	margin-bottom:	5px;}
.sendnl {
	float:			left;
	margin-left:		10px;}

.htmlPart, .uploadImg {
	border:			solid 1px gray;
	margin-top:		20px;
	background-color: #cdcdcd;
	padding:			20px;}
.mailtext textarea {
	width:			500px;
	height:			150px;}
.subject input {width:	250px;}


.uploadImg .img1, .uploadImg .img2, .uploadImg .img3,
.uploadImg .img4, .uploadImg .img5, .uploadImg .img6,
.uploadImg .img7, .uploadImg .img8, .uploadImg .img9,
.uploadImg .img10, .uploadImg .img11, .uploadImg .img12 {float: left; }

.uploadImg .fixedWidth {width: 110px; padding: 5px; float: left;}
.uploadImg .fixedWidth img {max-width: 110px;}
.uploadImg .einBildUpload {padding-top:5px; border-top: 1px solid gray; margin: 5px;}

.uploadImg .einBildUpload .imgURL, .uploadImg .einBildUpload .imgTag {float:left;}
.uploadImg .einBildUpload .imgURL1, .uploadImg .einBildUpload .imgTag1 {width:180px; float:left;}

/*
 * SEND SMS
 */
.smsForm {
	float:			left;
	height:			362px;
	background-color:#B0C4DE;
	width:			30%;
	margin:			auto;}
.send input, .test input {
	font-size:		1.2em; font-weight: bold;}

.E_gruppen {
	margin-bottom:	-20px;
	font-weight:		bold;
	width:			25%;}
.send_buttons {
	margin:			auto;
	margin-top:		20px;}

/*
* STARTPAGE
*/
.startpage 			{}
.startpage h1			{font-size:1.7em; font-weight:bold; padding:15px 0 15px 0;}
.startpage h2			{font-size:1.6em; font-weight:bold; padding:15px 0 15px 0;}
.startpage h3			{font-size:1.4em; font-weight:bold; padding:10px 0 10px 0;}
.startpage li			{margin: 0 0 10px 0;}
.startpage h1.rcptAddDel	{text-align:center; margin:150px 0 350px 0;}

.startpage .delRcptDiv		{}
.startpage .addRcptDiv		{border-bottom:solid lightgray 1px; margin: 0 0 16px 0;}
.startpage .addRcptDiv .form	{float:left; width:470px;}	
.startpage .delRcptDiv .form	{float:left; width:470px;}

.startpage .addRcptDiv .messageBox.warn			{}
.startpage .addRcptDiv .information.messageBox.info	{float:left; width:400px; margin:10px; text-align:justify;}
.startpage .delRcptDiv .information.messageBox.info	{float:left; width:400px; margin:10px; text-align:justify;}

.startpage .element 			{padding:0 0 5px 0;}


.content > .messageBox {margin: 65px;}