/*
******************************************************************************
* Copyright    : XWS GmbH 2008
* Projekt      : 1773 Homepage XWS
* Autor        : MiKa
* Datum        : 31.01.2008
* Info         : Style Sheets für DotNetNuke-Portal "XWS" - Skin "XWS"
* Markup       : CSS 2
* Browser      : IE 6, IE 7, Firefox 2, Opera 9
******************************************************************************
* Farben:
* Hellbeige     : #F5F5F2 (Seitenhntergrund)
* Orangerot     : #FF6500 (Überschriften, Hervorhebungen)
* Blaugrau      : #5D7CA2 (Rahmen)
* Dunkelblaugrau: #495979 (Links)
*
* Schriften:
* Nav 1.1       : 12px bold Arial Uppercase (Navigationseintrag Menü 1, Ebene 1 - z. B. "Software")
* Nav 1.2       : 11px bold Arial (Navigationseintrag Menü 1, Ebene 2 - z. B. "Roadmapping")
* Nav 2.1       : 10px bold Arial Uppercase (Navigationseintrag Menü 2, Ebene 1 - z. B. "Unternehmen")
* Nav 2.2       : 9px bold Arial (Navigationseintrag Menü 2, Ebene 2 - z. B. "Werte")
* Nav 3         : 10px normal Arial (Navigationseintrag Menü 3 - z. B. "Home")
* H1            : 17px normal rot Arial (Überschriften 1. Grades)
* H2            : 12px bold rot Arial (Überschriften 2. Grades)
* H3            : 12px bold schwarz Arial (Überschriften 3. Grades)
******************************************************************************
*/

/* Importiere modulspezifische Styles: */
@import url("styles/Documents.css");
@import url("styles/FAQ.css");
@import url("styles/UDT.css");
@import url("styles/Text-HTML.css");
@import url("../../FCKstyles.css"); /* Styles für die Stile-Auswahl im FCK-Editor. */



body
{
	margin: 0;
	padding: 0;
}

a img
{
	border: none;
}

a:hover,
a:active
{
	color: #FF6500;
}

.Clickable /* Für anklickbare Elemente. */
{
	cursor: pointer;
}



/* Allgemeine Styles: */

body,
p, h1, h2, h3, h4, h5, h6, th, td,
.Normal,
.NormalStrong,
.NormalBold,
.NormalDisabled,
.SkinObject,
.Head,
.SubHead,
.StandardButton
{
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 12px;
	color: Black;
}

body,
.Normal,
.NormalStrong,
.NormalDisabled
{
	font-size: 12px;
	line-height: 140%;
}

.NormalDisabled
{
	color: Gray;
}

ul
{
	margin: 0 0 1em 0;
	/margin-left: 1.4em; /*: Für IE 6/7. */
	padding-left: 1.4em;
	/padding-left: 0; /*: Für IE 6/7. */
	margin-top: 0;
}

ol
{
	margin: 0 0 1em 0;
	/margin-left: 2.1em; /*: Für IE 6/7. */
	padding-left: 1.4em;
	/padding-left: 0; /*: Für IE 6/7. */
	margin-top: 0;
}

.DesignedList
{
}

.DesignedList li
{
	background: #d7e4ed;
 	margin-bottom: 4px;
 	padding: 0 2px;
}
ul.DesignedList li
{
}

table.DesignedTable
{}

table.DesignedTable th,
table.DesignedTable td
{
	text-align: center;
	vertical-align: middle;
	height: 84px;
	font-family: Arial;
}

table.DesignedTable th
{
	background-color: #FF5A00;
	color: White;
	font-weight: bold;
	width: 84px;
}
table.DesignedTable td
{
	background-color: #d7e4ed;
	border: solid 10px white;
	border-left: none;
	border-right: none;
	width: 60px;
	font-size: 10px;
}

table.DesignedTable td.Empty
{
	background-color: transparent;
}


ol ul li,
ul li,
ul ul li,
ul ul ul li,
ol ul li,
ol ul ul li
{
	list-style-type: square;
}

.Small
{
	font-size: 10px;
}

.NormalStrong
{
	font-weight: bold;
}

.Head, h1, h2
{
   color: #FF6500;
}

.Head, h1
{
   font-size:  17px;
   font-weight: normal;
	margin: 0;
	padding: 0;
}

.SubHead, h2
{
   font-size:  12px;
   font-weight: bold;
	margin: 0;
	padding: 0;
}

SubSubHead, h3
{
	color: black;
	font-size: 12px;
	margin: 0;
	margin: 0;
	padding: 0;
}

.SkinObject,
a.SkinObject:link,
a.SkinObject:visited
{
	color: #5D7CA2;
	font-size: 9px;
}

a.SkinObject:hover,
a.SkinObject:active
{
	color: #FF6500;
	font-size: 9px;
}

.SkinObjectHidden,
.SkinObjectHidden a
{
	/*color: #F5F5F2 !important; /* : Verstecken durch gleiche Farbe wie der Hintergrund. */
}

.PagePrint
{
}
.PagePrint img
{
	vertical-align: middle;
	margin-right: 3px;
}

td.User
{
	text-align: right;
}
span.User a.SkinObject:hover,
span.User a.SkinObject:active
{
	color: #5D7CA2;
}

.StandardButton
{
   background: #9DB3CE none;
   border: solid 2px outset;
   color: black !important; /* important für Buttons vom Typ a.StandardButton (z. B. im helferlein_Form-Modul) */
   text-decoration: none !important; /* important für Buttons vom Typ a.StandardButton (z. B. im helferlein_Form-Modul) */
   font-size: 11px;
   font-weight: normal;
   height: 20px;
}



/* Data Grids: */
/* Verwendung in DNN nicht dokumentiert; derzeit speziell für UDT-Modul verwendet. */

table.DataGrid_Container
{
}

tr.DataGrid_Header td,
tr.DataGrid_Item td,
tr.DataGrid_AlternatingItem td
{
	text-align: left;
	vertical-align: top;
	padding: 0.5em 1em 0.5em 0;
}

tr.DataGrid_Header td
{
	font-weight: bold;
}

tr.DataGrid_Item td,
tr.DataGrid_AlternatingItem td
{
	border-top: solid 1px gray;
}

.PagingTable
{
	border: none;
	border-top: solid 1px gray;
}



/* Seitenlayout: */

.pagemaster
{
	width: 100%;
	height: 100%;
	background-color: #F5F5F2;
}

.pagemaster .pageheaderleft
{
	background: url("images/xws-headerbg-left.png") repeat-x;
	width: 50%;
}

.pagemaster .pageheaderright
{
	background: url("images/xws-headerbg.png") repeat-x;
	width: 50%;
}

.skinmaster
{
	width: 995px;
	height: 100%;
}

.skinheader
{
	width: 100%;
	height: 77px; /* = Höhe Headergrafik */
	background: url("images/xws-headerbg.png") repeat-x;
}

.skinheader .keyvisual
{
	text-align: left;
	vertical-align: top;
}

.skinheader .logo
{
	text-align: center;
	vertical-align: top;
}

.skinsubheader
{
	height: 20px;
	padding-right: 33px;
}

.mainnav
{
	margin-bottom: 5px;
}

.contentpane
{
	width: 539px;
}

.adminpane
{
	width: 100%;
}

.leftpane,
.rightpane
{
	width: 170px; /* Gesamtbreite inkl. Padding: 230px. */
	padding-left: 30px;
	padding-right: 30px;
}



/* Für Skin-Variante "Home" : */

.leftcontentpane,
.rightcontentpane
{
	width: 50%;
}

.leftcontentpane
{
	padding-right: 1px;
}

.rightcontentpane
{
	padding-left: 1px;
}



/* Inhalte: */

/* Links: */
.more
{
	background: url("images/icons/a.more.gif") no-repeat right center;
	padding-right: 9px;
	font-weight: bold;
}

.back
{
	background: url("images/icons/a.last.gif") no-repeat left center;
	padding-left: 9px;
	font-weight: normal;
}

.external
{
	background: url("images/icons/a.external.gif") no-repeat right center;
	padding-right: 16px;
	font-weight: normal;
}

.mail
{
}

.phone
{
}




/* Styles für einzelne Seiten: */

/* Software: */

.software
{
	background: url("/Portals/3/Software/BG-Icon3D.png") repeat-x;
	height: 80px;
	padding: 0;
	clear: both;
}
.software .icon
{
	float: left;
}
.software .description
{
	height: 57px; /*: Für Box-Modell von Firefox und Opera; abzügl. 10 pxcPadding. */
	/height: 67px; /* Für Box-Modell von IE 6/7. */
	border: solid 1px #5D7CA2;
	background: white;
	margin-left: 76px;
	margin-right: 32px;
	position: relative;
	top: 10px;
	left: -3px;
	padding: 5px;
}
