/**
 * Enthält das Cascading Style Sheet für das Projekt "www.patchwork-minilaedchen.de" (Medium: Bildschirm; Spezifikation: keine;)
 * @author:  	$Author: SEBER-RIDER $
 * @version: 	$Revision: 83 $
 * @date: 	$Date: 2012-08-11 12:12:35 +0200 (Sa, 11. Aug 2012) $
 */

/* Allgemein */
html {
	background-attachment:		fixed;
	background-image:		url('../images/design/background-gradient.png');
	background-position:		top;
	background-repeat:		repeat-x;
	background-color:		#003366;
	color:				#000033;
	}
html,
input,
textarea,
select {
	color:				#000033;
	font-family:			arial, sans-serif;
	font-size:			12px;
	}
body {
	background-image:		url('../images/design/background-tile.png');
	background-attachment:		fixed;
	background-position:		top left;
	margin:				0;
	}
html,
body {
	height:				auto;
	}
a {
	text-decoration:		none;
	}
a:link {
	
	}
a:visited {
	
	}
a:hover,
a:focus,
a:active {
	
	}
.Highlight {
	text-decoration:		underline;
	}
.Logo {
	text-align:			right;
	margin:				0;
	}
fieldset {
	border:				1px solid #99ccff;
	border-radius:			5px;
	box-shadow:			0 10px 15px -5px #99ccff;
	}
legend {
	font-size:			14px;
	}
.FilterForm {
	float:				left;
	margin:				0 25px 0 0;
	}
.FilterFormContainer {
	margin:				0 0 25px 0;
	}
.FilterFormInfoContainer {
	font-size:			9px;
	}
.PageNavigation {
	float:				right;
	}
.PageNavigation a,
.PageNavigation .CurrentPage {
	display:			inline-block;
	text-align:			center;
	padding:			3px 1px 0 0;
	height:				16px;
	width:				16px;
	border:				1px solid #99ccff;
	border-radius:			2px;
	margin:				0 3px 0 3px;
	background-color:		#bbddff;
	}



/* NoticeSign */



/* Hilfe */
.HelpButtonContainer {
	float:				right;
	}
.HelpIndexContainer {
	-moz-column-count:		3;
	-webkit-column-count:		3;
	column-count:			3;
	-moz-column-gap:		25px;
	-webkit-column-gap:		25px;
	column-gap:			25px;
	}
.HelpIndexContainer fieldset {
	padding:			10px 25px 15px 10px;
	margin:				0 0 25px 0;
	}
.HelpTextContainer {
	font-size:			12px;
	}
.HelpTextContainer fieldset {
	padding:			10px 25px 5px 10px;
	margin:				0 0 25px 0;
	}
.HelpTextContainer fieldset ul {
	margin:				0;
	padding:			0 0 0 -20px;
	list-style-type:		none;
	text-indent:			-20px;
	}
.HelpTextContainer fieldset li {
	padding:			0 0 10px 0;
	}
.HelpTextContainer fieldset li:first-line {
	font-weight:			bold;
	color:				#006699;
	}


/* Frame */
.FrameContainer {
	background-image:		url('../images/design/background-spot.png');
	background-attachment:		fixed;
	background-repeat:		no-repeat;
	background-position:		top left;
	vertical-align:			bottom;
	width:				100%;
	height:				100%;
	display:			table;
	}
.FrameBox {
	display:			table-row;
	}
.Frame {
	padding:			25px 25px 0 25px;
	position:			relative;
/*	display:			table-cell;
*/	width:				1100px;
	margin:				auto;
	}



/* Header */
.HeaderContainer {
	
	}
.HeaderBox {
	
	}
.Header {
	
	}
.DisplayNone {
	display:			none;
	}



/* Navigation */
.NavigationContainer {
	position:			absolute;
	top:				100px;
	font-size:			24px;
	font-weight:			bold;
	}
.User .NavigationContainer,
.Admin .NavigationContainer {
	font-size:			10px;
	}
.Attendant .NavigationContainer {
	font-size:			9px;
	}
.NavigationBox {

	}
.Navigation {
	
	}
.Navigation ul {
	padding:			0;
	margin:				0;
	list-style-type:		none;
	}
.Navigation > ul > li {
	position:			relative;
	}
.Navigation > ul > li:hover ul {
	left:				125px;
	}
.Navigation ul ul {
	position:			absolute;
	top:				5px;
	left:				150px;
	}
li.NavigationNewLine {
	font-size:			5px;
	}
.Navigation a:link,
.Navigation a:visited {
	
	}
.Navigation a:hover,
.Navigation a:focus,
.Navigation a:active {
	color:				#ffffff;
	}
.Navigation a {
	text-shadow:			2px 2px 2px #ffffff;
	color:				#000033;
	}
.Navigation li.Current {
	text-shadow:			2px 2px 2px #6699cc;
	}
.NavigationBox .Navigation > ul > li.Current > a > span {
	margin-left:			0;
	border:				3px solid #6699cc;
	background-color:		#ffffff;
	}
.Navigation > ul > li > a:hover {
	text-shadow:			2px 2px 2px #000033;
	}
.Navigation > ul > li.Current:hover {
	color:				#000033;
	text-shadow:			2px 2px 2px #6699cc;
	}
.NavigationBox .Navigation > ul > li > a:hover span {
	margin-left:			0px;
	}
.Navigation > ul > li > a > span {
	transition:			all 1s;
	-moz-transition:		all 1s;
	-o-transition:			all 1s;
	-webkit-transition:		all 1s;
	-khtml-transition:		all 1s;
	margin:				0 0 10px 75px;
	background-color:		#6699cc;
	border-radius:			15px;
	border:				3px solid #ffffff;
	padding:			2px 50px 3px 10px;
	box-shadow:			2px 2px 5px #000033;
	display:			block;
	}
.Admin .Navigation > ul > li > a > span,
.User .Navigation > ul > li > a > span {
	transition:			all 0.5s;
	-moz-transition:		all 0.5s;
	-o-transition:			all 0.5s;
	-webkit-transition:		all 0.5s;
	-khtml-transition:		all 0.5s;
	margin-bottom:			2px;
	border-radius:			10px;
	padding-left:			5px;
	margin-left:			50px;
	}
.Attendant .Navigation > ul > li > a > span {
	transition:			all 0.25s;
	-moz-transition:		all 0.25s;
	-o-transition:			all 0.25s;
	-webkit-transition:		all 0.25s;
	-khtml-transition:		all 0.25s;
	margin-bottom:			1px;
	border-radius:			7px;
	padding:			0px 50px 0px 5px;
	margin-left:			35px;
	border-width:			2px;
	}
.Attendant .NavigationBox .Navigation > ul > li.Current span {
	border-width:			2px;
	}



/* Footer */
.FooterContainer {
	background-image:		url('../images/design/footer-background.png');
	background-position:		top;
	background-repeat:		repeat-x;
	background-color:		#003264;
	position:			fixed;
	z-index:			0;
	bottom:				0;
	left:				0;
	width:				100%;
	font-size:			12px;
	color:				#ffffff;
	}
.FooterBox {
	background-image:		url('../images/design/footer-spot.png');
	background-repeat:		repeat-y;
	background-position:		right top;
	}
.Footer {
	width:				495px;
	margin:				auto;
	padding:			25px 450px 0 205px;
	height:				50px;
	position:			relative;
	}
.FooterAdmin {
	width:				775px;
	padding-left:			25px;
	}
.UserNavigationBox {
	margin:				5px 0 0 0;
	}
.FooterNavigation,
.UserNavigation {
	clear:				both;
	float:				right;
	}
.FooterNavigation ul,
.UserNavigation ul {
	padding:			0;
	}
.FooterNavigation li,
.UserNavigation li {
	display:			inline;
	padding:			0 3px 0 3px;
	}
.UserNavigation li {
	display:			inline;
	padding:			0 3px 0 3px;
	}
.Footer a {
	font-style:			italic;
	font-weight:			bold;
	}
.Footer a:link,
.Footer a:visited {
	color:				#bbddff;
	}
.Footer a:hover,
.Footer a:focus,
.Footer a:active {
	text-decoration:		underline;
	}
.FooterNavigation a.Current {
	text-decoration:		underline;
	}
.TwitterLink {
	display:			inline-block;
	width:				16px;
	height:				12px;
	background-image:		url('../../../media/twitter-logo.png');
	background-repeat:		no-repeat;
	background-position:		center;
	vertical-align:			middle;
	}



/* Content */
.ContentContainer {
	margin:				0 175px 100px 150px;
	padding:			0 0 0 0;
	position:			relative;
	}
.ContentBox {
	background-image:		url('../images/design/content-background.png');
	background-repeat:		repeat-x;
	background-position:		top left;
	background-color:		#ffffff;
	border-radius:			25px;
	border:				5px solid #99ccff;
	box-shadow:			5px 5px 10px #000033;
	padding:			25px;
	min-height:			500px;
	}
.Caption {
	font-size:			16px;
	font-weight:			bold;
	}
.Content {
	position:			relative;
	margin:				0 225px 0 0;
	}
.NoAdditionalContent {
	margin-right:			0;
	}
.Content a {
	font-style:			italic;
	font-weight:			bold;
	}
.Content a:link {
	color:				#0099cc;
	}
.Content a:visited {
	color:				#006699;
	}
.Content a:hover,
.Content a:focus,
.Content a:active {
	text-decoration:		underline;
	}
.ArticleDate {
	text-align:			right;
	}
.ArticleSubtitle {
	font-style:			italic;
	margin:				0 0 15px 0;
	}
.ArticleText {
	margin:				25px 0 0 0;
	line-height:			18px;
/*	word-spacing:			-1px;
	letter-spacing:			-1px;
*/	}
.ArticleEditor {
	margin:				25px 0 0 0;
	padding:			0 0 0 25px;
	font-family:			ArchitectsDaughterRegular, cursive, fantasy;
	font-size:			16px;
	}



/* Teaser / News */
.TeaserColumnContainer {
	clear:				both;
	border-top:			1px solid #99ccff;
	border-bottom:			1px solid #99ccff;
	position:			relative;
	padding:			10px 0 10px 0;
	}
.TeaserColumnBox {
	text-align:			justify;
	display:			table-row;
	}
.TeaserColumn {
	display:			table-cell;
	width:				50%;
	padding:			0 0 0 10px;
	border-left:			1px solid #99ccff;
	}
.TeaserColumn:first-child {
	padding:			0 10px 0 0;
	border:				none;
	}
.TeaserColumn > div {
	border-top:			1px solid #99ccff;
	}
.TeaserColumn > div:first-child {
	border:				none;
	margin-top:			-10px;
	}
.TeaserColumn > div:last-child {
	margin-bottom:			-10px;
	}
.TeaserColumn .FrontEndEditLink {
	
	}

.TeaserLeft .TeaserImage {
	float:				right;
	margin:				0 0 10px 10px;
	}
.TeaserRight .TeaserImage {
	float:				left;
	margin:				0 10px 10px 0;
	}
	


/* Front-End Edit */
.FrontEndEditLink {
	position:			absolute;
	padding:			10px;
	border-radius:			3px;
	box-shadow:			0 0 2px 2px #333333;
	background-image:		url('../images/design/overlay.png?a=33');
	display:			none;
	}
.FrontEndEditLink img {
	margin:				0 0 0 10px;
	}
.FrontEndEditLink a:first-child img {
	margin:				0;
	}
.TeaserColumn > div:hover .FrontEndEditLink,
.TeaserAbove:hover .FrontEndEditLink,
.TeaserBelow:hover .FrontEndEditLink,
.ArticleText:hover .FrontEndEditLink {
	display:			block;
	}



/* Artikel-Info und -Verknüpfungen */
.ArticleInfoContainer,
.ArticleRelationContainer {
	margin:				25px 0 0 0;
	width:				100%;
	border-spacing:			3px;
	background-color:		#99ccff;
	border-radius:			15px;
	}
.ArticleRelationContainer {
	background-color:		#6699cc;
	}
.ArticleInfoBox,
.ArticleRelationBox {
	display:			table;
	}
.ArticleInfo,
.ArticleRelation {
	display:			table-row;
	}
.ArticleInfoTitle,
.ArticleRelationTitle {
	display:			table-cell;
	vertical-align:			middle;
	}
.ArticleInfoTitle div,
.ArticleRelationTitle div {
	transform:			rotate(-90deg);
	white-space:			nowrap;
	-o-transform:			rotate(-90deg);
	-webkit-transform:		rotate(-90deg);
	-ie-transform:			rotate(-90deg);
	-khtml-transform:		rotate(-90deg);
/*	filter:				progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=-0.866, M21=0.866, M22=0.5, SizingMethod="auto expand");
*/	}
.ArticleInfoTitle div {
	margin:				0 -1px 0 0;
	}
.ArticleRelationTitle div {
	margin:				0 -146px 0 15px;
	min-height:			175px;
	}
.ArticleInfoContent,
.ArticleRelationContent {
	display:			table-cell;
	padding:			15px;
	background-color:		#ffffff;
	border-radius:			12px;
	width:				100%;
	box-shadow:			2px 2px 5px 0 #000033 inset;
	}



.ArticleAdditionalInfo,
.ArticleAsin,
.ArticleUrl,
.ArticleDistributor {
	margin:				10px 0 0 0;
	}
.ArticleAdditionalInfo p:first-child {
	margin-top:			0;
	}
.ArticleAdditionalInfo p:last-child {
	margin-bottom:			0;
	}
.ArticleAmazonLink {
	background-image:		url('../../../media/amazon-logo.png');
	background-position:		center 2px;
	background-repeat:		no-repeat;
	color:				transparent;
	}
.ArticleInfoContent > div:first-child {
	margin-top:			0;
	}
.ArticleRelation {
	overflow:			auto;
	text-align:			center;
	}
.ArticleRelation ul {
	list-style-type:		none;
	padding:			0;
	}
.ArticleRelation li {
	display:			inline-block;
	padding:			10px 10px 0 10px;
	text-align:			center;
	vertical-align:			top;
	max-width:			150px;
	}
.ArticleRelation img {
	display:			block;
	margin:				auto;
	}
.ArticleRelation a {
	display:			block;
	}




/* OverviewTable */
.OverviewTable thead th {
	background-color:		#99ccff;
	}
.Content .OverviewTable thead th a {
	color:				#006699;
	}



.OverviewTableHeaderActive,
.Content .OverviewTable thead th a.OverviewTableHeaderActive {
	text-shadow:			1px 1px 1px #000033;
	}



.OverviewTable tbody tr:hover {
	box-shadow:			0 0 5px 0 #336699 inset;
	}
.OverviewTable thead tr,
.OverviewTableNewHeader {
	box-shadow:			0 10px 15px -5px #99ccff;
	border-radius:			5px;
	}
.OverviewTable thead tr:first-child td,
.OverviewTableNewHeader tr:first-child td,
.OverviewTable tfoot td {
	color:				#99ccff;
	}



/* Additional Content */
.AdditionalContentContainer {

	}
.AdditionalContentBox {

	}
.AdditionalContent {
	padding:			10px;
	background-image:		url('../images/design/additional-content-background.png');
	background-repeat:		repeat-x;
	background-position:		bottom left;
	background-color:		#ffffff;
	min-height:			350px;
	max-height:			450px;
	border-radius:			15px;
	color:				#000033;
	width:				165px;
	min-width:			165px;
	border:				5px solid #003366;
	box-shadow:			5px 5px 10px #000033;
	position:			absolute;
	right:				225px;
	bottom:				25px;
	z-index:			1;
	overflow:			auto;
	text-align:			center;
	}
.Admin .AdditionalContent,
.User .AdditionalContent {
	text-align:			left;
	}
.AdditionalContentHover:hover {
	width:				auto;
	}
.AdditionalContent a {
	font-style:			italic;
	font-weight:			bold;
	}
.AdditionalContent a:link {
	color:				#0099cc;
	}
.AdditionalContent a:visited {
	color:				#006699;
	}
.AdditionalContent .Gallery {
	text-align:			center;
	}
.AdditionalContent .Gallery ul {
	list-style-type:		none;
	padding:			0;
	margin:				0;
	font-size:			0;
	}
.AdditionalContent .Gallery ul li {
	padding:			15px 0 10px 0;
	}
.AdditionalContent .Gallery li {
	float:				none;
	margin:				0;
	}
.AdditionalContent .Gallery .GalleryItemSubTitle {
	font-size:			10px;
	}



/* Suche */
.SearchContainer {
	padding:			0 200px 15px 0;
	}
.SearchBox {
	
	}
.Search {
	position:			relative;
	text-align:			right;
	}
.SearchInput {
	border:				3px solid #99ccff;
	border-radius:			7px;
	padding:			0 17px 0 2px;
	height:				18px;
	width:				150px;
	transition:			500ms ease-in-out;
	}
.SearchInput:focus {
	width:				700px;
	font-size:			20px;
	height:				30px;
	}
.SearchSubmit {
	background-color:		transparent;
	color:				transparent;
	border:				none;
	width:				16px;
	position:			absolute;
	top:				4px;
	right:				3px;
	background-image:		url('../../../modules/icons/images/16/scope.png');
	background-repeat:		no-repeat;
	}
.SearchHighlight {
	color:				#0099cc;
	font-weight:			bold;
	text-decoration:		underline;
	}
.SearchResultContainer {

	}
.SearchResultBox {
	margin:				25px 0 0 0;
	box-shadow:			0 10px 15px -5px #99ccff;
	padding:			10px;
	border-radius:			10px;
	}
.SearchResultTitle {

	}
.SearchResultText {
	padding:			15px 25px 15px 25px;
	}
.SearchResultLink {
	text-align:			right;
	}
.SearchResultMatches {
	
	}



/* Advertising */
.AdvertisingContainer {
	position:			absolute;
	right:				0;
	top:				100px;
	}
.AdvertisingBox {

	}
.Advertising {

	}



/* Popup */
.PopupFrame {
	background-color:		#ffffff;
	border:				5px solid #003366;
	border-radius:			25px;
	box-shadow:			5px 5px 10px 0 #000033;
	}
.PopupBody {
	border:				none;
	}
.PopupHelpBox {
	border-radius:			10px;
	box-shadow:			3px 3px 3px 0 #000033;
	}



/* Message */
.MessageContainer {
	border-radius:			15px;
	box-shadow:			3px 3px 5px #000033;
	}



/* Partner */
.PartnerTable th,
.PartnerTable td {
	padding-bottom:			25px;
	vertical-align:			middle;
	}



/* Impressum */
.DisclaimerContainer {
	width:				60%;
	float:				right;
	}
.ImprintBox {
	float:				left;
	width:				35%;
	}
.ImprintBox h5 {
	margin-top:			75px;
	}
.ImprintBox h5:first-child,
.DisclaimerContainer h5:first-child {
	margin-top:			0;
	}



/* Admin */
.NewItemLink {
	margin:				10px 0 10px 0;
	text-align:			right;
	}
.AdminDashBoardContainer {
	-moz-column-count:		2;
	-webkit-column-count:		2;
	column-count:			2;
	-moz-column-gap:		25px;
	-webkit-column-gap:		25px;
	column-gap:			25px;
	}
.AdminDashBoardContainer fieldset {
	padding:			10px 25px 15px 10px;
	margin:				0 0 25px 0;
	}
.BbCodeInfo {
	white-space:			nowrap;
	}
.BbCodeInfo > ul {
	padding:			0;
	}
.BbCodeInfo > ul,
.BbCodeInfo > ul > li > ul {
	list-style-type:		none;
	}
.BbCodeInfo li img {
	vertical-align:			middle;
	}
.BbCodeInfoComment {
	color:				#999999;
	}
.BbCodeInfo > ul > li {
	padding:			0 0 10px 5px;
	}
.BbCodeInfo ul ul {
	padding:			0 0 0 15px;
	}
.BbCodeInfo > ul > li > span {
	cursor:				help;
	}



/* Admin Ministatistiken */
.AdminStatisticsContainer {
	
	}
.AdminStatisticsContainer ul {
	padding:			0;
	display:			inline;
	}
.AdminStatisticsContainer li {
	display:			inline;
	margin:				0 0 0 25px;
	}




/* Links */
.LinkTable {
	table-layout:			fixed;
	}
.LinkTable a {
	display:			block;
	}
.LinkTable th,
.LinkTable td {
	padding:			0 10px 0 0;
	}
.LinkTable ul {
	padding:			0;
	list-style-type:		none;
	}
.LinkTable li {
	padding:			3px 0 2px 0;
	}
.LinkTable li:hover {
	background-color:		#99ccff;
	}



/* Formulare */
.StandardForm th {
	text-align:			right;
	}
.StandardForm td input,
.StandardForm td select,
.StandardForm td textarea,
.StandardForm td button {
	border-radius:			3px;
	box-shadow:			2px 2px 2px 0 #6688ff;
	}



/* Chefredakteur */
.ChiefEditorContainer {
	text-align:			center;
	font-size:			16px;
	font-family:			ArchitectsDaughterRegular, cursive, fantasy;
	padding:			15px 0 0 0;
	}
.ChiefEditorContainer img {
	margin:				0 0 15px 0;
	}



/* Redakteure */
.EditorsContainer {
	
	}
.EditorsBox {
	border:				3px solid #006699;
	border-radius:			10px;
	display:			inline-block;
	padding:			10px;
	margin:				0 25px 25px 0px;
	vertical-align:			top;
	width:				300px;
	box-shadow:			5px 5px 5px 0 #99ccff;
	}
.EditorsBox h6 {
	margin-top:			0;
	}
.EditorsBox img {
	float:				left;
	margin:				0 10px 0 0;
	}



/* Berechtigungserläuterungstabelle */
.ArticleAuthorationTable {
	
	}
.ArticleAuthorationTable td,
.ArticleAuthorationTable th {
	text-align:			center;
	}
.ArticleAuthorationTable td:first-child,
.ArticleAuthorationTable th:first-child {
	text-align:			left;
	background-color:		#99ccff;
	}
.ArticleAuthorationTable span {
	cursor:				help;
	}



/* Html-Export-Tabelle */
.HtmlExportTable th {
	white-space:			nowrap;
	}



/* Tooltip */
.TooltipContainer {
	border:				3px solid #003366;
	}



/* DatePicker */
.DatePickerContainer {
	border:				2px solid #003366;
	border-radius:			5px;
	box-shadow:			2px 2px 2px 0 #6688ff;
	}
.DatePickerDayContainer {
	border-radius:			5px;
	}
.DatePickerDayContainer:hover {
	color:				#000099;
	background-color:		#99ccff;
	box-shadow:			1px 1px 1px 1px #666666;
	}
.DatePickerLastMonth,
.DatePickerNextMonth {
	color:				#999999;
	}
.DatePickerWeekend {
	color:				#bbbbbb;
	}
.DatePickerToday {
	border-color:			#99ccff;
	box-shadow:			2px 2px 2px 0 #6688ff;
	}
.DatePickerCurrentDay {
	border-color:			#003366;
	box-shadow:			2px 2px 2px 0 #6688ff;
	}
.StandardTable .DatePickerTable th,
.StandardTable .DatePickerTable td {
	padding:			0;
	text-align:			center;
	}
.StandardTable .DatePickerHeader th,
.StandardTable .DatePickerFooter th {
	background-color:		#99ccff;
	padding:			2px;
	}
.StandardTable .DatePickerTable tbody th {
	background-color:		#cceeff;
	}
.DatePickerIconContainer {
	margin:				0 0 0 5px;
	}
.DatePickerIconContainer img {
	cursor:				pointer;
	}
.DatePickerCloseButton {
	vertical-align:			bottom;
	}