/*-- DOKUMENTATION
___________________
Änderungsprotokoll:
==================
EL 2015-01-02 top: 0 mit 120 ersetzt, damit Meldungen nicht über Logout liegen / Class .SuccessMessageBox, .ErrorMessageBox, .WarningMessageBox, .InfoMessageBox
EL 2014-11-19 .TeamCheckBox input + margin-bottom
*/
*
{
 padding: 0;
 margin: 0;
 border: 0;
}

html { color: #000; background: #fff; font-family:'Century Gothic', Verdana, Sans-Serif;font-size:12px;}
html, body, div, dl, dt, dd, ul, ol, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
li {list-style:none;}

caption, th { text-align: left; }
/*h1, h2, h3, h4, h5, h6 { font-weight: normal; }*/
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;
    }
legend { color: #000; }

/* GridView */

.selectedRow
{
	background-color: pink;
}


.CssTest 
{
	background-color: #f00;
}

/* Global */

.GlobalTextBox 
{   
    border: 1px solid #888;
    height: 15px;
    resize: none;
    margin-bottom: 2px;
	font-size: 12px;
}

.GlobalButtonSave 
{
    margin-left: 15px;
    border: 1px solid #888;
    resize: none;
    width: 90px;
}

.GlobalHyperlink 
{
    color: #2A4976;
    text-decoration: none;
}

.GlobalHyperlink:hover 
{
    text-decoration:underline;
}

.GlobalLabel 
{
    padding-top: 2px;
    padding-bottom: 5px;
}

.LogoutButton 
{
    color: #FFF;
    text-decoration: none;
	float: right;
}


.DownloadLink 
{
    color: #000;
    text-decoration: none;
}

/* Header */

.Header
{
    position: fixed;
    top: 0px;
    color: #fff;
    left: 0px;
    width: 100%;
	text-align:left;
	padding: 8px 10px 0 10px;
	height: 29px;
	background: url(../images/cms/bg_header1.png) repeat-x;
    z-index: 3;
}

.HeaderImage 
{
	float:left;
	margin-left: 10px;
}

.HeaderImageControlls 
{
	margin-left: 0px;
}

.HeaderUploadButton 
{
	cursor: pointer;
    background-image: url(../images/cms/pencil.png);
	margin-left: 30px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.SubHeader 
{
    position: fixed;
    top: 29px;
    color: #fff;
    left: 0px;
    width: 100%;
	text-align:left;
	height: 96px;
	background: url(../images/cms/bg_header2.png) repeat-x;
    z-index: 3;
}

.Header_Logo 
{
    width: 900px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13px;
	margin-bottom: 13px;
}

.MainContent 
{
    margin-top: 150px;
}

.Header p 
{
	padding: 0px 0;
}

.Header .left
{
	float: left;
}

.Header .right
{
    text-align: right;
    width: 900px;
    margin-left: auto;
	margin-right: auto;
}

/* Columns */

.column1
{
	background: url(../images/cms/shadow.png) no-repeat 531px 50%;
}

.column2 
{
    margin-top: 5px;
}

.column3 p.teaser
{
	text-align: center;
	font-weight: bold;
	width: 263px;
}

.column3 span
{
	display: inline-block;
	width: 70px;
}

.column4 
{
	padding: 20px 20px;
	text-align: right;
	height: 40px;
}

.contentcolumns
{
	padding: 5px 25px 0px;
	float: left;
	width: 390px;
	height: 400px;
	text-align: center;
}

.ControlButtons
{
    text-align:right;
    padding-bottom: 5px;
    margin-left: 13px;
}

.ControlButtons2
{
	float: right;
	margin-right: 107px;
	padding-bottom: 10px;
}

#Content p
{
	padding: 2px 0px;
}

/* Teaser */

.TeaserButton  
{
    background: url(../images/cms/bg_header1_silver.png) repeat-x;
    color: #000;
	border: 1px solid #9E9E9E;
    height: 25px;
    width: 90px;
	cursor: pointer;
	text-align: center;
}

.TeaserButton:Hover
{
	background: url(../images/cms/bg_header1_blue.png) repeat-x;
	color: #FFFFFF;
	border: 1px solid #A5C7FE;
    height: 25px;
    width: 90px;
	cursor: pointer;
	text-align: center;
}

div.TeaserContent
{
    text-align: left;
    margin-bottom: 2px;
	padding: 5px 0px 15px 0px;
	width: 390px; 
	height: 80px;
}

.TeaserHeader 
{
    text-align:left;
    padding-bottom: 5px;
}

.TeaserLabel 
{
    /* font-weight:bold; */
    padding-top: 2px;
    padding-left: 11px;
    font-size: 12px;
	font-weight: bold;
    height: 20px;
    background: url(../images/cms/line.png) no-repeat 0px 80%;
}

.TeaserDescription 
{
    float:left;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 10px;
}

.TeaserHeaderTextBox 
{   
    margin-top: -1px;
    border: 1px solid #888;
    width: 288px;
    height: 15px;
    resize: none;
}

.TeaserTextBox 
{   
    margin-top: -1px;
    border: 1px solid #888;
    width: 288px;
    /* height: 40px; */
    resize: none;
}

/* Global Content */

.ContentDocument 
{
    width:850px;
    height: 280px;
}

.ContentButton 
{
    background: url(../images/cms/bg_header1_silver.png) repeat-x;
    color: #000;
	margin-top: -10px;
    margin-left: 5px;
	border: 1px solid #9E9E9E;
    height: 25px;
    width: 100px;
	cursor: pointer;
	text-align: center;
}

.ContentButton:Hover
{
	background: url(../images/cms/bg_header1_blue.png) repeat-x;
	color: #FFFFFF;
	margin-top: -10px;
    margin-left: 5px;
	border: 1px solid #A5C7FE;
    height: 25px;
    width: 100px;
	cursor: pointer;
	text-align: center;
}

.ContentBildwechsel 
{
    height: 20px; 
    float:left; 
    width: 155px;
}

.ContentCanvas 
{
    width: 100%;
}

.ContentCanvasContainer 
{
    height:150px; 
    width:850px;
}

.ContentHeader 
{
    width:100%; 
    float:left; 
    font-weight: bold;
}

.ContentMenu 
{
    width: 100%; 
    height:30px; 
    float :left; 
}

.ContentTextBox 
{
	margin-top:25px;
    width:100%; 
    float:left;
}

.ContentTitle 
{
    float:left; 
    width:100%;
}

.ContentUploadButton 
{
    float:right; 
    margin-top: -17px; 
    margin-right:5px;
}

.ContentUploadField 
{
    width:155px;
    margin-top: 8px;
    margin-left: 5px;
}

.DocumentButton 
{
    background: url(../images/cms/bg_header1_silver.png) repeat-x;
    color: #000;
	border: 1px solid #9E9E9E;
	margin-top: -50px;
    height: 25px;
    width: 90px;
	cursor: pointer;
}
.DocumentControlButtons 
{
    text-align:right;
	margin-top: -26px;
	margin-right: 20px;
	width: 830px;
}

.DocumentSubHeader
{
    text-align: left;
    padding-left: 11px;
	margin-top: -7px;
    margin-bottom: 15px;
    font-size: 12px;
	font-weight: bold;
    height: 20px;
    background: url(../images/cms/line.png) no-repeat 0px 80%;
}


/* Slider */

div.SliderContent
{
    text-align: left;
    margin-bottom: 2px;
	padding: 5px 0px 15px 0px;
	width: 400px; 
	height: 80px;
}

.SliderButton 
{
    background: url(../images/cms/bg_header1_silver.png) repeat-x;
    color: #000;
	border: 1px solid #9E9E9E;
    height: 25px;
    width: 90px;
	cursor: pointer;
	text-align: center;
}

.SliderButton:Hover
{
	background: url(../images/cms/bg_header1_blue.png) repeat-x;
	color: #FFFFFF;
	border: 1px solid #A5C7FE;
	height: 25px;
	width: 90px;
	cursor: pointer;
	text-align: center;
}

.SliderHeader 
{
    text-align:left;
    padding-bottom: 5px;
    height: 30px;
}

.SliderLabel 
{

    padding-top: 2px;
	padding-bottom: 2px;
    padding-left: 11px;
    font-size: 12px;
	font-weight: bold;
    height: 20px;
    background: url(../images/cms/line.png) no-repeat 0px 80%;
}

.SliderDescription 
{
    float:left;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 10px;
}

.SliderTextBox 
{   margin-top: -1px;
    margin-left: 10px;
    border: 1px solid #888;
    width: 200px;
    height: 50px;
    resize: none;
}

.ImageBox
{
    margin-top: 11px;
	float: right;
	text-align: center;
	width: 90px; 
	height: 90px;
	font-weight: bold;
}

.ImageButton 
{
    margin-top: 17px;
    padding-left: 200px;
    margin-left: 50px;
}

.ImageSize
{
	text-align: center;
	margin-top: 12px;
	width: 100px;
	height: 70px;
}

.image-upload 
{
    padding-left: 20px;
    width: 30px;
}

.UploadButton 
{
	cursor: pointer;
    background-image: url(../images/cms/pencil.png);
    margin-top: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ImageUploadButton 
{
	cursor: pointer;
    background-image: url(../images/cms/tick.png);
    margin-top: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* Team */

.TeamButton 
{
	background: url(../images/cms/bg_header1_silver.png) repeat-x;
	color: #000;
	border: 1px solid #9E9E9E;
	margin-bottom: 15px;
	height: 25px;
	width: 90px;
	cursor: pointer;
	text-align: center;
}

.TeamButton:Hover
{
	background: url(../images/cms/bg_header1_blue.png) repeat-x;
	color: #FFFFFF;
	border: 1px solid #A5C7FE;
	margin-bottom: 15px;
	height: 25px;
	width: 90px;
	cursor: pointer;
	text-align: center;
}

.TeamUploadButton 
{
	cursor: pointer;
    background-image: url(../images/cms/pencil.png);
	margin-left:15px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.TeamColumn1 
{
	width: 340px;
}

.TeamColumn2 
{
    margin-top: 5px;
	width: 440px;
}

div.TeamContent
{
    text-align: left;
    margin-bottom: 2px;
	padding: 5px 0px 15px 0px;
	width: 340px; 
	height: 80px;
}

div.TeamContent2
{
    text-align: left;
    margin-bottom: 2px;
	padding: 5px 0px 15px 0px;
	width: 440px; 
	height: 80px;
}

.TeamContentColumns
{
	padding: 5px 25px 0px;
	float: left;
	height: 450px;
	text-align: center;
}

.TeamControlButtons 
{
    text-align:right;
    padding-bottom: 5px;
}

.TeamHeader 
{
    text-align:left;
    margin-top: 0px;
    padding-bottom: 5px;
    height: 30px;
}

.TeamField
{
    float: left;
}

.TeamLabels 
{
    padding-top: 2px;
    padding-left: 11px;
    padding-bottom: 5px;
	width: 160px;
	display: inline-block;
}

.TeamLink 
{
    color: #000;
    text-decoration: none;
}

.TeamLink:hover 
{
  /* Put some stuff here */
}

.PermissionLink 
{
	color: #46B6EC;
	text-decoration: none;
}

.PermssionLink:hover 
{
	/* Put some stuff here */
}

.TeamSubHeader
{
    text-align: left;

    padding-left: 11px;
    margin-bottom: 15px;
    font-size: 12px;
	font-weight: bold;
    height: 20px;
    background: url(../images/cms/line.png) no-repeat 0px 80%;
}

.TeamTextBox
{  
    margin-top: 2px;
    margin-bottom: 5px; 
    border: 1px solid #888;
    width: 246px;
    resize: none;
}

.TeamCheckBox input
{  
    margin-top: 4px;
    margin-bottom: 6px;
}

.TeamDropBox 
{
    margin-bottom: 5px; 
    border: 1px solid #888;
    width: 248px;
    height: 20px;
    resize: none;
}

.UserList 
{
    text-align: left;
    margin-top: 10px;
    padding-left: 11px;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    height:337px;
}

.FileList
{
    text-align: left;
    padding-top: 2px;
    padding-left: 11px;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    height:200px;
}

.DivControls 
{
    float:right; 
    position:fixed;
    margin-top: 470px;
    margin-left: 750px;
}

/* Inputs */

span.chkbox 
{
	padding: 3px 0px 0px;
}

input.txtbox
{
	border: 1px solid #888;
	width: 190px;
}

input.txtbox2
{
	border: 1px solid #888;
	width: 144px;
}

/* Buttons */

input.btn
{
	width: 40px;
	border: 1px solid #888;
}

input.btn2
{
	border: 1px solid #888;
}

/* Footer */

.footer 
{
	position:fixed;
    bottom:0px;
    background:#efefef;
	padding-top: 20px;
    text-align:center;
	width: 100%;
	height: 50px;
}

/* MessageBox */

.SuccessMessageBox, .ErrorMessageBox, .WarningMessageBox, .InfoMessageBox
{
    float: left;
    position: fixed;
    top: 120px;
    left: 0px;
    height: 21px;
    width: 100%;
    padding-top: 7px;
	text-align:left;
    z-index: 100;
}

.SuccessMessageBox
{
    border: 1px solid #ADDE5C;
    background: #DFF2BF;
}

.ErrorMessageBox
{
    border: 1px solid #FFC1C1;
    background-color: #FFE8E8;
}

.WarningMessageBox
{
     border: 1px solid #FDDD5B;
     background:#FEEFB3;
}

.InfoMessageBox
{
     border: 1px solid #46B6EC;
     background:#BDE5F8;
}

.MessageIcon
{
    float: left;
    margin-top: 0px;
    margin-left: 5px;
    padding-right: 10px;
}

.closeButton {
    float: right;
    background-image : url(../images/cms/close.png);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    z-index: 101;
}

.closeButton:hover {
    float: right;
    background-image : url(../images/cms/close_hover.png);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    z-index: 101;
}

/* LISTEN */
.listenHeader {
	background-color: #E0E0E0!important;
	font-weight: bold!important;
	color: #000!important;
}