@import url("css/menu.css");

/* CSS Document */

li{line-height:18px;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px; }
.cpanel_left {width:1100px; margin-left: auto; margin-right: auto; background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Segoe UI,Verdana, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:14px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#375162;margin:1ex 0;}
h1{font-size:22px; margin:15px 0; margin-left:0px; line-height: 30px;}
h2{line-height: 25px; margin:15px 0;}
h2, h2 input{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:14px;}
h6{font-size:14px;}

.dnnLabel, td > .dnnLabel {
	width: auto;
	float: none;
	text-align: left;
}
/*FAA: Experiment pfeil statt square in Auflistungen (TODO)*/
/*ul li
{
	list-style-image:url('images/next20.png');	
	padding-bottom: 5px;
}*/

/*.Normal{margin-top:10px;}*/

.PagingTable
{
    border: 0px;
}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Segoe UI,Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{display:table;width:970px; margin:0 auto; position:relative;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.top_space{height:14px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; height:6px;}
.logo_top_right{padding:0; margin:0; height:6px;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; top;height:6px;}
.logo_left{padding:0;}
.logo_right{padding:0; }
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

div.language-object span.Language 
{
	float:none;
}

.search_style{float:right; height:19px;}
.search_bg{padding:0px 2px 0 0;}

#login_style{ float:right; line-height:30px; padding-right:18px;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px;}
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 0px 0 7px;}
.content_width{padding-top:15px; min-height:350px;}
.lm_content_width{padding-top:0px; min-height:350px;}

.bot_left{padding:0; margin:0;}
.bot_right{padding:0; margin:0; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; height:15px;}

.bot_pad{margin-bottom:20px; padding:0 30px 0 20px; font-size:9px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#3E81B5; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
#Body {
    background-image: url("images/backgroundForCenteredContent.gif");
	background-position: 50% top;
	background-repeat: no-repeat;
	min-height:100%; 
    margin:0; 
    padding:0; 
}

#back-top {
	display: none; 
	position: fixed;
	bottom: 5px;
	left: auto;
	right: 5px;
    z-index: 1000;
}

#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	background-color: #ddd;
	background-image: url(images/up-arrow.png);
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: center center;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

#mainPanel {
    position: relative;
	margin-left: 40px;
}

#headerPanel {
    position: relative;
	top: auto;
	left: auto;
    margin-top: 5px;
	margin-left: 5px;
    text-align: center;
	overflow: visible;
	z-index: 10;
}
#centerHeaderPanel {
    display: inline-block;
	*display: inline;
	zoom: 1;
    
	position: relative;
    width: 800px;
    text-align: left;
}
#logoPanel {
    display: inline-block;
	*display: inline;
	zoom: 1;
}
#userPanel {
    display: inline-block;
	*display: inline;
	zoom: 1;
	
    position: absolute;
	right: 0;
	top: 33px;
    white-space: nowrap;
	text-align: right;
	cursor: pointer;
}
#photo {
    display: inline-block;
	*display: inline;
	zoom: 1;
	
    background-color: green;
    background-image: url(images/UserIcon.png);
	background-position: center center;
	background-repeat: no-repeat;
    /*border: 1px solid #CFCFCF;*/
    height: 50px;
    width: 50px;
    vertical-align: middle;
}
#name {
    display: inline-block;
	*display: inline;
	zoom: 1;
	
    padding-right: 5px;
    vertical-align: middle;
    white-space: nowrap;
}
#actionsPanel {
	display: none;
	position: absolute;
	top: 33px;
	right: 0;
	text-align: left;
	border: 1px solid #333333;
	z-index: 1001;
	overflow: hidden;
}
#actionsPanel.opening {
	z-index: 1002;
}
#actionsPanel.open {
	display: block;
	z-index: 1002;
}
#actionsPanel .panelHandle {
	display: none;
}
#actionsPanel.open .panelHandle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	background-color: black;
	background-image: url(images/cancel.png);
	background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
}
#actionsPanel.closing .panelHandle {
	display: none;
}
#actionsPanel .panelContent {
	top: 0;
	right: 0;
	width: 210px;
	padding: 5px;
	background-color: #EEEEEE;
}
#actionsPanel.open .panelContent {
	display: block;
}
	
#actionsPanel .loginBalken {
	width: 100%;
	height:1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #333333;
}
#actionsPanel .loginAnzeige  {
	margin-bottom: 10px;
}
#actionsPanel .loginAnzeige a.StandardButton
{
	border-color: #008000;
	display: block;
    width: 100%;
	padding: 2px;
	text-align: center;
}
#actionsPanel .loginAnzeige a.StandardButton:link, 
#actionsPanel .loginAnzeige a.StandardButton:visited,
#actionsPanel .loginAnzeige a.StandardButton:hover, 
#actionsPanel .loginAnzeige a.StandardButton:active
{
	background: none repeat scroll 0 0 #008000;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#actionsPanel .loggedAnzeige {
	color: #375162;
}
#actionsPanel .loggedAnzeige ul {
	padding-left: 10px; 
	margin: 0px;
}
#actionsPanel .loggedAnzeige li {
	list-style: none;
}
#actionsPanel .benutzerAktionen ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	list-style-type: none; /*url("images/icon_to_right_arrow.png");*/
}
#actionsPanel .benutzerAktionen li
{
	list-style-type: none; /*url("images/icon_to_right_arrow.png");*/
	padding-left: 0px;
	margin-left: 0px;
}

#actionsPanel  .benutzerAktionen li a {
	background: url("images/icon_to_right_arrow.png") no-repeat scroll left center transparent;
	border: 0 none;
	display: inline-block;
	padding: 3px 5px 3px 30px;
}

#actionsPanel td {
	width: 100%;
}
#actionsPanel input.NormalTextBox {
	width: 100%;
}
#actionsPanel input.StandardButton {
	width: 100%;
}
#actionsPanel .registrationAction a {
	font-weight: bold;
}

#centerHeaderPanel .tilepanel {
    display: inline-block;
	*display: inline;
	zoom: 1;
	
	position: relative;
	width: 100%;
	margin-top: 30px;
}
#topPanel {
	display: none;
}
#home-tile {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 5px;
	background-color: gray;
	background-image: url(images/back.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 19px;
	border-bottom: 15px;
}
#home-tile p {
	margin-left: 50px;
}

#index-tile, #lang-tile {
	display: inline-block;
	zoom: 1;
	font-size: 19px;
	border-bottom: 15px;
}
#index-tile,#index-tile:hover {
	background-color: #0080ff;
	background-repeat: no-repeat;
	background-position:right center;
}
#index-tile p {
	text-align: center;
	left: 0px;
	width: 100%;
}

#menu-tile {
	display: none;
}
#search-tile {
	display: none;
}

#search-panel {
	overflow: visible;
}
#search-panel .panelContent {
	background-color: #008000;
	width: 200px;
	height: 50px;
}
#search-panel .panelContent .sb-default {
  margin: 0;
  padding: 11px 0;
}
#search-panel .panelContent .sb-default > div {
  padding: 0 5px 0 10px;
}
#search-panel .panelContent .bstrap30 .sb-default .input-group .settings-btn {
	display: none;
}
#search-panel .panelContent .bstrap30 .sb-default .input-group span.twitter-typeahead {
	height: auto;
}

#search-panel .panelContent .bstrap30 .sb-default .input-group .search-box,
.DnnModule-avtSearchBoostResults .bstrap30 .sb-default .input-group .search-box {
	height: 28px;
}
#search-panel .panelContent .bstrap30 .sb-default .input-group .search-btn {
	padding: 7px;
	border: none;
	background-color: transparent;
}

#leftContentPanel {
	position: fixed;
	top: 0;
	left: -302px;
	width: 300px;
	border: 1px solid #333333;
	z-index: 1001;
	
	outline: 1px solid rgba(0, 0, 0, 0); /* this is required to fix a bug with fixed positioned elements on iOS 6 */
}
#leftContentPanel.opening {
	z-index: 1002;
}
#leftContentPanel.open {
	left: 0;
	z-index: 1002;
}
#leftContentPanel .panelHandle {
	position: absolute;
	top: -1px;
	left: 301px;
	height: 87px;
	width: 35px;
	border: none;
	background-color: black;
	background-image: url(images/menu-text.png);
	background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
#leftContentPanel .panelHandle.disabled {
    background-color: #eeeeee;
    cursor: default;
}

#leftContentPanel .panelContent {
	width: 300px;
	background-color: #EEEEEE;
	overflow: auto;
}

.LeftPane {
	width: 100%;
	background-color:#EEEEEE; 
}
.LeftPane .RadPanelBar {
	width: 100%;
}

#leftContentPanel .RadPanelBar {
	padding: 0;
}
#leftContentPanel .RadPanelBar .rpFocused .rpOut, 
#leftContentPanel .RadPanelBar a.rpLink:hover .rpOut, 
#leftContentPanel .RadPanelBar .rpSelected .rpOut, 
#leftContentPanel .RadPanelBar a.rpSelected:hover .rpOut {
    padding-bottom: 0;
}

#breadCrumbPanel {
    margin-top: 25px;
    text-align: center;
}
#breadCrumbPanel .bread {
    display: inline-block;
	*display: inline;
	zoom: 1;
    max-width: 800px;
	text-align: left;
}

#contentPanel {
    position: relative;
    margin-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
    text-align: center;
	overflow: visible;
}

#mainContentPanel {
    display: inline-block;
	*display: inline;
	zoom: 1;
    max-width: 800px;
    width: 100%;
}
.ContentPane {
	max-width: 800px;
    width: 100%;
}
#mainContentPanel .tilepanel {
	width: 800px;
}

#linksPanel {
    margin-top: 40px;
    text-align: center;
}


@media screen and (max-width: 1200px) {
    div.cpanel_left {
        max-width: 90%;
    }
}

@media screen and (max-width: 845px) {
	body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:16px;}
	h1{font-size:24px;}
	h2, h2 input{font-size:20px;}
	h3{font-size:18px;}
	h4{font-size:17px;}
	h5{font-size:16px;}
	h6{font-size:16px;}

	a.tile {
		margin-left: 8px;
		margin-right: 9px;
	}
	
	#Body {
		background-image: none;
		background-color: #FFF;
	}
	#back-top {
		left: auto;
		right: 5px;
	}
	#mainPanel {
		margin-left: 5px;
		width: 440px;
	}

	#headerPanel {
		margin-left: 0;
		text-align: left;
	}
	
    #centerHeaderPanel {
        width: 440px;
    }
    #logoPanel {
        width: 200px;
	    margin-left: 10px;
    }
    #logoPanel img {
	    width: 200px;
    }
    #userPanel {
        position: absolute;
		right: 10px;
		top: 14px; /* this is half the height of the logo */
        width: 220px;
    }
    
	#actionsPanel {
		position: static;
		top: auto;
		right: auto;
		margin: 10px 10px 0 10px;
		width: auto;
		z-index: auto;
    }
	#actionsPanel.opening {
		z-index: auto;
	}
	#actionsPanel.open {
		z-index: auto;
	}
	#actionsPanel.open .panelHandle {
		display: none;
	}
	#actionsPanel .panelContent {
		width: auto;
	}
	#actionsPanel .loginAnzeige input.NormalTextBox {
		font-size: 16px;
		height: 25px;
	}
	#actionsPanel .loginAnzeige a.StandardButton {
		font-size: 16px;
		height: 25px;
		padding-top: 5px;
	}
	
	#centerHeaderPanel .tilepanel {
		margin-top: 15px;
		text-align: left;
	}
    #home-tile {
		width: 50px;
	    margin-left: 230px;
		margin-right: 10px;
		background-image: url(images/back.png);
		background-position: center center;
    }
    #index-tile, #lang-tile {
		position: absolute;
		left: 0;
		margin-left: 10px;
		margin-right: 10px;
    }
	#menu-tile {
		display: inline-block;
		width: 50px;
		margin-left: 12px;
		margin-right: 11px;
		background-color: black;
		background-image: url(images/menu.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
    #menu-tile.disabled {
        background-color: #eeeeee;
        cursor: default;
    }
	#search-tile {
		display: inline-block;
		width: 50px;
		margin-left: 12px;
		margin-right: 5px;
		background-color: green;
		background-image: url(images/search.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	#search-tile.open {
		background-image: url(images/cancel.png);
	}
	#search-panel {
		display: none;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
    }
	#search-panel.open {
		display: block;
	}
	#search-panel .panelHandle {
		display: none;
	}
	#search-panel .panelContent {
		width: auto;
		margin: 5px 10px;
	}
	#search-panel .sbInp_Default {
		top: 10px;
	}
	#search-panel .sbInp_Default .twitter-typeahead {
		left: 12px;
		width: auto;
	}
	#search-panel .searchBox {
		width: 350px;
		font-size: 16px;
		height: 25px;
	}
	#search-panel .searchBtn { 
		right: 15px;
		top: 5px;
	} 

	#leftContentPanel {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		border: none;
		z-index: auto;
		overflow: hidden;
	}
	#leftContentPanel.opening {
		z-index: auto;
	}
	#leftContentPanel.open {
		display: block;
		top: auto;
		left: auto;
		z-index: auto;
	}
	#leftContentPanel .panelHandle {
		display: none;
	}
	#leftContentPanel .panelContent {
		width: auto;
		margin: 5px 10px;
		border: 1px solid #333333;
	}
	#leftContentPanel.open .panelContent{
		display: block;
	}
	.LeftPane {
		width: 100%;
		background-color:#EEEEEE; 
	}
	
	#breadCrumbPanel {
		width: 440px;
		text-align: left;
	}
    #breadCrumbPanel .bread {
        width: 440px;
        text-align: center;
    }
    #breadCrumbPanel .bread span span {
	    display: none; /* this hides the > signs */
    }
    #breadCrumbPanel span.breadcrumb_text {
	    display: block;
    }
    #breadCrumbPanel a.Breadcrumb {
	    display: block;
    }

    #contentPanel {
        margin-top: 20px;
		margin-left: 10px;
		text-align: left;
		overflow: auto;
    }
    #mainContentPanel {
    	max-width: none;
    }
    #mainContentPanel .tilepanel {
	    width: 440px;
		margin-left: -10px;
    }

    
	#linksPanel {
		width: 440px;
		margin-left: -10px;
	}
	#linksPanel a.links {
	    display: block;
    }
    #linksPanel span.links {
	    display: none;
    }
}

@media screen and (min-width: 1400px)
{
	#centerHeaderPanel {
		position: static;
		height: 115px; /* this is the actual height of the logo image*/
	}
	#centerHeaderPanel .tilepanel {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 800px;
		margin-top: -35px; /* this is half the actual height of the tile images (including margin/padding/border) - together with top: 50% this will align the content in the middle of the centerHeaderPanel */
		margin-left: -400px /* this is half the width of the element */
	}
	#logoPanel {
		position: absolute;
		left: 40px;
	}
	#userPanel {
		position: relative;
		left: 0; 
		right: auto;
		min-width: 250px;
		margin-left: 100%;
	}
	#actionsPanel {
		display: inline-block;
		position: relative;
		top: -17px; /* half the top position of the userPanel */
		margin-left: 100%;
		border: none;
		width: 250px; /* this has to be dynamicaly changed to match the actual width of the userPanel */
		overflow: visible;
	}
	#actionsPanel.opening {
		display: inline-block;
	}
	#actionsPanel.open {
		display: inline-block;
	}
	#actionsPanel .panelContent {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		border: 1px solid #333333;
	}
	#actionsPanel.opening .panelContent, #actionsPanel.open .panelContent {
		display: inline-block;
	}
}


.UserActionsBox
{
	float:right;
	/*padding-right:20px;*/
	width:235px;
	border:1px solid #E5E5E5;
	background: none repeat scroll 0 0 #F1F1F1;
}

.BannerPane {display:inline-block; float:right; padding-right:17px; width:auto;}
.ContentPane, .TopPane, .BottomPane{padding:0px;}
.ContentPane {
	/*border:2px solid #999999; */
	/*margin:10px 10px 0 0; */
	/*padding:7px 0px 18px 0px;*/
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: left;
}

.RightPane{ padding:0 0 0 0px; width:0%; margin:0;}

.CenteredPane
{
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left:auto;
	margin-right:auto;
    border:1px solid #333333;
    width:180px;
    background-color:#EEEEEE;
	padding-left: 20px;
}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline;}
/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap; font-size:14px; margin-top:5px;}
div.SearchBorder{width: 180px; height: 18px; border: solid 1px #A0A0A0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:14px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/* Minimal Entropy Example Styles */
.linkscontainer_left{padding:0; background:url(images/left_bg.png) repeat-y bottom left;}
.linkscontainer_right{padding:0;}
.linkscontainer_pad{background:url(images/center_bg.png) repeat-x bottom left; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.tag_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat top left; min-height:68px;}
.tag_left{padding:0; margin:0; background:url(images/bread_left.png) repeat-y top left; min-height:68px;}
.tag_right{padding:0;  background:url(images/bread_right.png) repeat-y top right; min-height:68px;}

#tag_style{display:table; margin:0 auto; padding:0; white-space:nowrap;}
#tag_style ul.categories, #tag_style ul.tags{min-height:34px;max-height:34px;height:34px;}

.Pav_Logo_Flags{width:100%; margin-top:12px;}
.Pav_Flags_td{text-align:right; vertical-align:bottom;}
.rightPadded{margin-left:10px;}

/* Hypo Kompendium Styles */

.achtung {
 margin-left: 100px;
	padding: 10px 10px 10px 30px;
	width: 450px;
	border: 2px solid #ff0000;
	background-color: #e9f2f7;
	background-image: url(images/achtung.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.kasten {
    margin-left: 100px;
    padding: 10px;
    width: 450px;
    border: 2px solid #ff0000;
    background-color: #e9f2f7;
    text-align: center;
}


/* ------- BAF.ControlHost -------*/

DF_Form, .Job_Form
{
    width:800px;
}

.DF_Form legend, .Job_Form legend
{
    font-size: 14px;
    font-weight: bold;
    color:#8E8E8E;
}

.Job_Form .FormFld
{
	padding-bottom:5px;
}

.Job_Form .FormFld label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding-bottom: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.FormFld input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.DF_Form td
{
    text-align: center;
}

.DF_Form .DF_MX_RowCaption
{
    text-align: left;
    padding-left:8px;
}

.DF_Form textarea
{
    width:750px;
    margin-bottom:20px;
    margin-left:10px;
}

.Job_Form textarea
{
    width:750px;
    margin-bottom:20px;
    margin-left:0px;
}

.DF_Form span, .DF_Form label
{
    margin-left:10px;
}

.Job_Form span, .Job_Form label
{
    margin-left:0px;
}

.DF_Form fieldset
{
    margin-bottom:10px;
}

.DF_Form th
{
    padding-right:10px;
    padding-left:10px;
    text-align: center;
}

.DF_MX
{
    margin-bottom:20px;
}

.DF_MX_InvertBold th
{
	font-weight: normal;
}

.DF_MX_InvertBold .DF_MX_RowCaption
{
	font-weight: bold;
}

.DF_InvertBold label
{
	font-weight: bold;
}

.DF_MX_ColCaption50
{
    width:50px;
}

.DF_MX_ColCaption70
{
    width:70px;
}

.DF_MX_ColCaption90
{
    width:90px;
}

.DF_MX_ColCaption100
{
    width:130px;
}

.DF_MX_FirstColCaption150
{
    width:450px;
}

.DF_MX_ColCaption280
{
    width:280px;
}

.DF_InlineField label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding-bottom: 0; 
	text-align: left; 
}
.DF_InlineField input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: 300px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.TestRepetitions_Table, .TestRepetitions_Table th, .TestRepetitions_Table td
{
    border:1px solid #AAAAAA;
    padding:3px;
}


.centerdiv
{
	margin: 0 auto;
	width:90%;
}
.centercontent
{
	text-align: center;
}

.tilepanel {
	text-align: center;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.tile,.tile:visited,.tile:active,.tile:hover,.tile:link {
	font-size: 25px;
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
}

.tile { position:relative; cursor: pointer; }
.tilesmall { height: 50px; }
.tilebig { height: 200px; }

.tile
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 200px;
	vertical-align:bottom; /* this is needed so that the tiles are aligned in a row */
	margin: 10px; /* spacing between tiles */
	/*background-color: black;*/
}

.tile p {
	line-height: normal;
	position:absolute;
	bottom:13px; /* adjust this to position the tile text (don't forget to change the position of img, too */
	left:10px;
	margin:0px; /* just to make firefox (seems to apply standard margin) and internet explorer look similar */
	text-align:left;
}

.tile img { 
	border:0; /* IE wraps a border around images */ 
	position:absolute;
	top:0px;
	right: 0px;
} 











.breadcrumb-row
{
	padding-left:0px;
}
.breadcrumb-row,.layout-row-content
{
	padding-top: 30px;
}

.layout-column-center
{
	width:50%;

	/*border: 1px green solid;*/
}


/*---------------------------------------------------------------------------- Autoindex ------------------------------------------------------------------*/

	div.IndexCategories {
		margin: 0;
		padding: 0;
		text-align: left;
		display: block;
		
	}
	div.IndexCategories ul {
		border: 0 none;
		list-style-type: none;
		margin: 0;
		padding: 0 20px;
		text-align: left;
	}
	div.IndexCategories ul li {
		border: 1px #A9A9A9 solid;
		background-color: #938eff;
		display: block;
		float: left;
		margin: 0;
		padding-top: 5px;
		text-align: left;
		margin: 3px;
		width: 40px;
		height: 35px;
	}

	div.IndexCategories ul li a {
		border: medium none;
		color: #FFFFFF;
		font-size: 20px;
		display: block;
		margin: 0;
		padding: 5px;
		text-align: center;
		text-decoration: none;
	}
	div.IndexCategories ul li a:hover, #headermenu ul li a:active, #headermenu ul li a:link, #headermenu ul li a:visited {
		font-size: 20px;
		color: #A9A9A9;
		text-decoration: none;
	}

	div.IndexEntries, div.HintPanel {
		clear:both;
	padding-top: 20px;
		padding-left: 40px;
	}
	div.IndexEntries ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

/*-------------------------------------------------------------------------- Autoindex End ------------------------------------------------------------------*/

.bildungskat table{ margin-top:10px; border:none;}
.bildungskat td
{
	border-top: none;
	border-left: none;
	border-right: none;
	/*border-bottom: 1px solid #c1cbd5;*/
	padding:3px;
}

.simple_header_schwarz{
	white-space:nowrap;
	background-color:#F3F3F3;
	font-weight: bold;
	border-top: 1px solid #c1cbd5;
	border-bottom: 1px solid #c1cbd5;
}
.simple_header_klein_schwarz{
	white-space:nowrap;
	background-color:#F3F3F3;
	margin-top:10px;
	font-weight: bold;
}
.simple_schwarz{
	font-weight: bold;
	padding-right:10px;
}
.table_text{
}
.bildungskat #title td
{
	border_bottom:0px;
}


.bildungskat-menu {
    padding-bottom:20px; 
    margin:0; 
    width: 100%; 
    list-style-type:none;
}

.bildungskat-menu td {
    float: left; 
    margin-right: 40px;
    padding: 4px;
	list-style-type:none;
	background-color: #880016;
	color: #FFFFFF;
}

.bildungskat-menu a {
	color: #FFFFFF;
}

.bildungskat-menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.bildungskat-menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.bildungskat-menu td:hover {
	background-color: #d30022;
}

.layout-t#able
{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.layout-column-center{
	vertical-align: top;
	/*border: 1px solid red;*/
}

.layout-column-right{
	vertical-align: top;
	width:25%;
}

.layout-column-left{
	vertical-align: top;
	width:25%;
}
.back-search-index
{
	vertical-align: middle;
}

.user-cell
{
	vertical-align: middle;
}

#back-search-index-table
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding-right:18px;
}

#back-search-index-table td
{
	width: 200px;
}

/*#index-tile
{
	height:35px;
	width: 190px;
	padding-top:5px;
	padding-left:10px;
	background-color: #938eff;
	background-image: url(images/appbar.book.open.png);
	background-repeat: no-repeat;
	background-position:right center;
}

#index-tile-link,#index-tile-link:hover
{
	display:block;
	padding-left:20px;
	font-size: 23px;
	color: #ffffff;
	text-decoration: none;
}
*/

.training-table, #ModBAFTrainingDefinitionListC table
{
	background-color: #FFFFFF
}
.training-table td
{
/*	border: 1px solid red;*/
}

.bk_cal {
	border: none;
	border-spacing: 0px;
	width: 100%;
}
.bk_cal .current {
	background-color:lemonchiffon;
}
.bk_cal_mon a {
	display:inline-block;
	background-color: aliceblue;
	/*border: 1px solid #AAAAAA;*/
	width: 98%;
	padding: 0 2px;
	margin: 1px 0;
	color: #ffffff;
	text-decoration: none;
}
.bk_cal td,.bk_cal th {
	border-bottom: 1px solid #AAAAAA;
	padding:5px;
}
.bk_cal th {
	background-color: #3333FF;
	color: #FFFFFF;
}
.bk_cal_mon {
/*	width:80px;	*/
}
.bk_cal_title {
/*	width:10px;*/
}


.bk_vert_block {
	margin-bottom:10px;
}

.bk_vert_block td {
	padding: 3px;
}

.bk_vert_title {
	background-color: aliceblue;
	text-align: right;
	vertical-align: top;
}

.bk_vert_content {}

.bk_det_events{
	border: 1px solid #AAAAAA;
}

.bk_det_events dt {
	padding: 3px;
	
}
.bk_det_events th {
	background-color: #3333FF;
	color: #FFFFFF;
}


.bk_event_row {
	background-color: aliceblue;
}

.bk_event_row td {
	padding:3px;
}

.bk_event_cell {
	background-color: aliceblue;
}

.bk_event_row:hover {
	background-color: #FFFFC9;
}

.bk_event_detail_row {
	/*display: inherit;	*/
}

.bk_event_details {
	padding: 10px;
}

.btn,.btn:link,.btn:visited,.btn:active {
    background: none repeat scroll 0 0 #73B43D;
    color: #FFFFFF;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
    /*font-size: 18px;*/
    letter-spacing: 1px;
    line-height: 24px;
    padding: 7px 15px;
	border-width: 0;
}

.btn:hover {
	background-color:#649C3C;
	text-decoration: none;
}

#btn_left, #btn_right {
    padding: 7px 18px;
}

/*select {
	background-color: #F5F5F5;
    border: 1px solid #C9CECF;
    height: 33px;
}*/
.quickfind {
	background-color: #F5F5F5;
    border: 1px solid #C9CECF;
    height: 29px;
}
select, button {
 	padding: 7px;
}

ul.rslides, ul.rslides li {
    list-style: none;
    list-style-image: none;
}

.language-object { padding-top: 10px; }

table.alternating-rows tr td {
	background-color: #F0F8FF;
}

table.alternating-rows tr:nth-child(odd) td {
  	background-color: #DDF0FF;
}