/*
******************************************************************************
* Copyright    : XWS GmbH 2008-2010
* Projekt      : 1773 Homepage XWS - CR1
* Autor        : MiKa
* Datum        : 11.02.2010
* Info         : Style Sheets für DotNetNuke-Portal "XWS" - Skin "XWS2010"
* Markup       : CSS 2
* Browser      : IE 6-8, Firefox 2-3.5, Opera 10, Safari 3.1 (alle unter Windows)
******************************************************************************
* Farben:
* Hellbeige     : #F5F5F2 (Seitenhntergrund)
* Orangerot     : #FF6500 (Überschriften, Hervorhebungen)
* Blaugrau      : #C3CEDA (Rahmen)
* Dunkelblaugrau: #495979 (Links)
*
* Schriften:
* Abstufung: 9 / 11 / 15 / 20px.
* Nav 1.1       : 11px 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       : 11px normal Arial Uppercase (Navigationseintrag Menü 2, Ebene 1 - z. B. "Unternehmen")
* Nav 2.2       : 11px normal Arial (Navigationseintrag Menü 2, Ebene 2 - z. B. "Werte")
* Nav 3         : 9px normal Arial (Navigationseintrag Menü 3 - z. B. "Home")
* H1            : 20px normal Arial (Überschriften 1. Grades)
* H2            : 15px normal Arial (Überschriften 2. Grades)
* H3            : 11px bold Arial (Überschriften 3. Grades)
******************************************************************************
*/

/* Importiere modulspezifische Styles: */
@import url("modules/Documents.css");
@import url("modules/FAQ.css");
@import url("modules/UDT.css");
@import url("modules/Text-HTML.css");
@import url("../../FCKstyles.css"); /* Styles für die Stile-Auswahl im FCK-Editor. */



body
{
	margin: 0;
	padding: 0;
}

form
{
	/*margin-bottom: 0; /* Vermeidet zusätzlichen Weißraum unter dem PageMaster. Dieser Weißraum erzeugt aber immer einen vertikalen Scrollbalken auch bei "kurzen" Seiten. Dies vermeidet horizontales Springen des SkinMasters beim Wechael zwischen "kurzen" und "langen" Seiten. ("Kurze" Seiten haben so wenig Inhalt, das sie standardmäßig keinen Scrollbalken haben.) */
}

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: 11px;
	color: Black;
}

body,
.Normal,
.NormalStrong,
.NormalDisabled
{
	line-height: 150%;
}

.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;
}



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: 9px;
}

.NormalStrong
{
	font-weight: bold;
}

.Head, h1, h2,
h1 a:link, h2 a:link, h1 a:visited, h2 a:visited
{
   color: #FF6500;
}

.Head, h1
{
   font-size:  20px;
   font-weight: normal;
	margin: 0;
	padding: 0;
}

.SubHead, h2
{
   font-size:  15px;
   font-weight: normal;
	margin: 0;
	padding: 0;
}

SubSubHead, h3
{
	color: black;
	font-size: 11px;
   font-weight: bold;
	margin: 0;
	margin: 0;
	padding: 0;
}

.SkinObject,
a.SkinObject:link,
a.SkinObject:visited
{
	color: #5D7CA2;
	font-size: 10px;
}

a.SkinObject:hover,
a.SkinObject:active
{
	color: #FF6500;
}

.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: #C3CEDA;
}

.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: #BCC8D6 url("images/pagemaster_bg.jpg") repeat-x; /* Verlauf */
	/*background: #C5D0DC; /* Hell */
	background: #98AABE; /* Dunkel */
}

.pagemaster .pagemarginleft,
.pagemaster .pagemarginright
{
	width: 50%;
}

.pagemaster .pagemarginright
{
	background: url("images/skinmaster_rightshadow.jpg") repeat-y;
	text-align: left;
	vertical-align: top;
}

.pagemaster .pagecenter
{}

.pagemaster .pagefooterleft,
.pagemaster .pagefootercenter,
.pagemaster .pagefooterright
{
	height: 14px;
}

.pagemaster .pagefootercenter
{
	background: url("images/skinmaster_bottomshadow.jpg") repeat-x;
	text-align: left;
	vertical-align: top;
}

.pagemaster .pagefooterright
{
	text-align: left;
	vertical-align: top;
}



.skinmaster
{
	width: 980px;
	height: 100%;
	border: solid 7px #FFFFFF;
	border-top: none;
	background: #E6EAEF;
}

.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;
	background: #FFFFFF;
	border-bottom: solid 7px #E6EAEF;
}



.mainnav
{
	margin-bottom: 5px;
}

.contentpane
{
	width: 604px; /* = skinmaster.width - skinmaster.border-left - skinmaster.border-right - contentpane.border-left - contentpane.border-right - leftpane.width - rightpane.width */
	background: white;
	border: solid 1px #C3CEDA;
}

.leftpane
{
	width: 172px;
	padding-left: 1px;
	padding-right: 7px;
}

.rightpane
{
	width: 172px;
	padding-left: 7px;
	padding-right: 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;
}

a.mail
{
	background: url("images/icons/mail.gif") no-repeat left center;
	padding-left: 22px;
	font-weight: normal;
}
a.mail:hover
{
}


.phone
{
	background: url("images/icons/phone.gif") no-repeat left center;
	padding-left: 20px;
	font-weight: normal;
}



/* Content-Untergliederung */

.Intro,
.Info
{
	border: rgb(128,128,175) 1px solid;
	padding: 7px 7px 0px 7px;
}


div.Intro,
div.Info
{
	padding: 7px;
}

.Intro h2,
.Info h2
{
	margin-top: 0px !important; /* Override container style. */
	margin-bottom: 0px !important;
	color: black;
	font-size: 11px !important;
	font-weight: bold;
}

table.DesignedContent
{
	border-left: solid 5px white;
	margin: 7px 0;
}

table.DesignedContent col.left,
table.DesignedContent col.right
{
	width: 65px; /* = .containercontent.padding-left/right - border-right */
	/width: 60px;
}

table.DesignedContent col.center
{
	width: 464px; /* = .contentpane.width - .containercontent.padding-left/right - td.borders */
}

table.DesignedContent td
{
	border-right: solid 5px white;
	border-bottom: solid 5px white;
	background: #E1EAF4;
	padding: 3px;
	vertical-align: top;
}

table.DesignedContent td.blank
{
	background: transparent;
	padding: 0;
}


.DesignedList
{
}

.DesignedList li
{
	background: #E1EAF4;
 	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: #E1EAF4;
	border: solid 10px white;
	border-left: none;
	border-right: none;
	width: 60px;
	font-size: 10px;
}

table.DesignedTable td.Empty
{
	background-color: transparent;
}




/* 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;
}
.containercontent .software .description h2 {
margin-top : 0;
}

table.ColumnList /**/
{
}

table.ColumnList td
{
	padding: 9px 2px;
}

table.ColumnList td.Spacer
{
	width: 2em;
}

table.ColumnList td.Separator
{
	border-right: solid 1px gray;
}