/*
-------------------------------------------------------------------------------
Seite:  nhOfficce : Der Übersee-Club e.V. : Administration
Autor:  Monika Zimmermann, nocken & hammes consulting, Köln
Datum:  Juli 2012
-------------------------------------------------------------------------------
html, body, form {height: 100%}
*/

body, div, p, h1, h2, h3, h4, ul, li, table, form {
	margin:0;
	padding:0;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #244061;
}

html {overflow: auto;}

body { 
	background-color: #95B3D7;
}

#rahmenAlles {
	min-width: 900px;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	border: solid 2px #DBE5F1;
    background-color: #95B3D7;
}

/*
-------------------------------------------------------------------------------
Kopfzeile: Logo, Info zur aktuellen Seite
-------------------------------------------------------------------------------
*/
#rahmenKopf {
	height: 54px;
	width: 100%;
    background: url(Images/LogoHintergrund.jpg);
}
#kopfLogo {
	position: relative;
	float: left;
	height: 54px;
	width: 300px;
}
#kopfInfo {
	position: relative;
	float: right;
	min-width: 590px;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
}

/*
-------------------------------------------------------------------------------
Menü
-------------------------------------------------------------------------------
*/
#menuOben {
	width: 100%;
	min-height: 25px;
	margin: 0;
	padding: 0;
    background-color: #DBE5F1;
    border-bottom: solid 1px #C5C5C5;
}

/*
-------------------------------------------------------------------------------
Inhalt mit 1 Spalte (MainPage.master)
-------------------------------------------------------------------------------
*/
#rahmenInhalt1Spalte {
	position: relative;
    width: 100%;
	min-height: 500px;
    background-color: White;
}
#inhalt1Spalte {
	position: relative;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

/*
-------------------------------------------------------------------------------
Inhalt mit 2 Spalte
-------------------------------------------------------------------------------
*/
#rahmenInhalt2Spalten {
	position: relative;
	min-height: 500px;
	background-color: White;
	background-image: url(Images/UntermenuHintergrund.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}
#inhalt2SpaltenTabelle {
    display: table; 
}
#inhalt2SpaltenZeile {
    display: table-row; 
}
#inhalt2SpaltenZelleLinks {
	display: table-cell; 
	width: 180px; 
	padding-top: 15px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	text-align: left; 
	vertical-align:top;
}
#inhalt2SpaltenZelleRechts {
    display: table-cell; 
    padding: 10px; 
    text-align: left; 
    vertical-align: top;
}

/*
-------------------------------------------------------------------------------
Inhalt
-------------------------------------------------------------------------------
*/
#rahmenFuss {
	position: relative;
	width: 100%;
    background-color: #DBE5F1;
    border-top: solid 1px #C5C5C5;
    font-size: 10px;
    color: #244061;
    padding-top: 5px;
    padding-bottom: 5px;
}
#fussLinks {
    float: left;
    padding-left: 5px;
}
#fussRechts {
    float: right;
    padding-right: 5px;
}
a.fuss          { text-decoration: none; font-size: 10px; color: #244061 }
a.fuss:link	    { text-decoration: none }
a.fuss:active	{ text-decoration: none }
a.fuss:visited	{ text-decoration: none }
a.fuss:hover	{ text-decoration: none }

/*
-------------------------------------------------------------------------------
Datenliste (GridView)
-------------------------------------------------------------------------------
*/
.Datenliste_Kopfzeile {
    color: White;
    font-weight: bold;
    white-space: nowrap;
    background-color: #88AAD6;
}

.Datenliste_Zeile1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #244061;
    background-color: #F4F4F4;
}
.Datenliste_Zeile2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #244061;
    background-color: White;
}
.Datenliste_Zeile1:hover, .Datenliste_Zeile2:hover {
    background-color: #DBE5F1;
}

.Toolbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #244061;
	background-color: #DDE7EE;
    border-right: solid 1px #C5C5C5;
    border-bottom: solid 1px #C5C5C5;
    padding-top: 4px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    width: 100%;
}

.ToolbarButton 
{
    text-align: left;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
}

/*
-------------------------------------------------------------------------------
Statusmeldung
-------------------------------------------------------------------------------
*/
.rahmenStatusMeldung {
    margin-top: 15px;
    margin-bottom: 15px;
}
.statusMeldungNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #006633;
    background-color: #FFFFFF;
    background-image: url(Images/Ok.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 25px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.statusMeldungFehler {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #F90000;
    background-color: #FFFFFF;
    background-image: url(Images/Cancel.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 25px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*
-------------------------------------------------------------------------------
Modale Seite
-------------------------------------------------------------------------------
*/
.modalPage {
    position: fixed;
    width: 100%;
    min-height: 100%;
    top: 0px; 
    left: 0px;
}
.modalBackground {
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; 
    min-height: 100%; 
    background-color: #111111;
    position: fixed;
    top: 0px; 
    left: 0px;
    z-index: 500;
}
.modalTopContainer {
    position: fixed;
    top: 30px;
    height: 30px;
    left: 50%;
    width: 740px;
    margin-left: -360px;
    border: 2px solid #4E7CB7;
    background-color: #4E7CB7;
    z-index: 700;
}
.modalTop {
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
}
.modalTopLeft {
    float: left;
    color: White;
    font-size: 13px;
    font-weight: bold;
}
.modalTopRight {
    float: right;
    color: White;
    font-size: 13px;
    font-weight: bold;
}
.modalTopClearer {
    clear: both;
}
.modalBodyContainer {
    position: fixed;
    display: inline;
    top: 60px;
    left: 50%;
    width: 740px;
    margin-left: -360px;
    border: 2px solid #4E7CB7;
    background-color: #FFFFFF;
    z-index: 750;
    max-height: 85%;
    overflow: auto;
}
.modalBody {
    padding: 10px;
    text-align: center;
}

/*
-------------------------------------------------------------------------------
Fehlermeldung (Error.aspx)
-------------------------------------------------------------------------------
*/
.fehlerTitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	color: #CC0000;
	margin-top: 15px;
	margin-bottom: 15px;
}
.fehlerMeldung { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}
a.fehlerMeldung         { text-decoration: underline; color: #CC0000 }
a.fehlerMeldung:link	{ text-decoration: underline; color: #CC0000 }
a.fehlerMeldung:active	{ text-decoration: underline; color: #CC0000 }
a.fehlerMeldung:visited	{ text-decoration: underline; color: #CC0000 }
a.fehlerMeldung:hover 	{ text-decoration: underline; color: #CC0000 }

/*
-------------------------------------------------------------------------------
Flexigrid
-------------------------------------------------------------------------------
*/
.flexigrid div.fbutton .add {
	background: url(images/New.gif) no-repeat center left;
}

.flexigrid div.fbutton .delete {
	background: url(images/Delete.gif) no-repeat center left;
}

/*
-------------------------------------------------------------------------------
Überschrift
-------------------------------------------------------------------------------
*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	color: #4E7CB7;
	margin-top: 15px;
	margin-bottom: 15px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #244061;
	background-color: #DDE7EE;
    border-bottom: solid 1px #C5C5C5;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
-------------------------------------------------------------------------------
Standardlink
-------------------------------------------------------------------------------
*/
a           { text-decoration: underline; color: #244061 }
a.link	    { text-decoration: underline; color: #244061 }
a.active	{ text-decoration: underline; color: #244061 }
a.visited	{ text-decoration: underline; color: #244061 }
a.hover 	{ text-decoration: underline; color: #244061 }

/*
-------------------------------------------------------------------------------
Eingabebereich
-------------------------------------------------------------------------------
*/
table.eingabe {
    padding: 0;
    margin: 0;
}
td.eingabeText {
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
}
td.eingabeFeld {
    text-align: left;
    padding-bottom: 5px;
    white-space: nowrap;
}
/* Foto */
td.eingabeFoto {
    text-align: left;
    vertical-align: top;
    padding: 0;
}
a.eingabeFoto          { text-decoration: none; color: #E5F5FA; }
a.eingabeFoto:link     { text-decoration: none; color: #E5F5FA; }
a.eingabeFoto:visited  { text-decoration: none; color: #E5F5FA; }
a.eingabeFoto:hover    { text-decoration: none; color: #E5F5FA; }
a.eingabeFoto:active   { text-decoration: none; color: #E5F5FA; }
a.eingabeFoto img      { margin: 0; padding: 0; border: none; max-width: 250px; }

.eingabeBereich td.eingabeText {
    width: 150px;    
}

.eingabeFehler {
    color: White;
    background-color: Red;
    font-weight: bold;
}

/*
-------------------------------------------------------------------------------
Eingabe
-------------------------------------------------------------------------------
*/
input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #244061;
}

textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #244061;
}

.rahmenButtonWeiss {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 7px 2px 7px 2px;
}
.buttonWeiss {
    float: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #244061;
	background-color: White;
    border: solid 1px #95B3D7;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}
a.buttonWeiss           { text-decoration: none; font-size: 11px; color: #244061 }
a.buttonWeiss:link	    { text-decoration: none }
a.buttonWeiss:visited	{ text-decoration: none }
a.buttonWeiss:active, a.buttonWeiss:hover {
    text-decoration: none; color: Black; background-color: #FFE7A2; border: solid 1px #FFBD69 }

.buttonAuswaehlen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002B4E;
	background-color: White;
    border: solid 1px #95B3D7;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    margin-right: 5px;
}
a.buttonAuswaehlen           { text-decoration: none; font-size: 10px; color: #002B4E }
a.buttonAuswaehlen:link	    { text-decoration: none }
a.buttonAuswaehlen:visited	{ text-decoration: none }
a.buttonAuswaehlen:active, a.buttonAuswaehlen:hover {
    text-decoration: none; color: Black; background-color: #FFE7A2; border: solid 1px #FFBD69 }