/*-- DOKUMENTATION
___________________
Änderungsprotokoll:
==================
EL 2016-06-17 Muli Schriftart eingefügt / @import, html
*/
@import url(http://fonts.googleapis.com/css?family=Muli);*
{
 padding: 0;
 margin: 0;
 border: 0;
}

html { color: #000; background: #fff; font-family: 'Century Gothic', Muli;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; }
table { border-collapse: collapse; border-spacing: 0; }
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; }


/* Global */

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

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


.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: 96px;
	margin-left: auto;
	margin-right: auto;
}

.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:left;
    margin-left: 360px;
	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;
}

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

.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; 
	padding-bottom: 30px;
}

.ContentTextBox 
{
    padding-top: 5px;
    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.png) repeat-x;
    color: #fff;
	margin-top: -50px;
	border: 1px solid #2A4976;
    height: 25px;
    width: 90px;
}
.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;
}

.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;
	width: 90px;
	height: 90px;
}

.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-top: 26px;
	height: 25px;
	width: 90px;
	cursor: pointer;
}

.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: 26px;
    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 
{
    text-decoration: underline;
}

.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: 266px;
    resize: none;
}

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

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

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

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