@CHARSET "ISO-8859-1";

/*---------------------------------------Allgemein---------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana;

}

IMG {
	border-style: none;
}



h1 {
	font-size: 2em;
	font-weight: normal;
}

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

.editPanel {
	width: 400px;
	height: 200px;
	background-image: url("../img/backgrounds/uploadBg.gif");
	margin-left: 15px;
	margin-top: 15px;
}

.buttonPanel {
	width: 400px;
	height: 25px;
	background-image: url("../img/backgrounds/buttonPanelBg.gif");
	margin-left: 15px;
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*---------------------------------------CMS---------------------------------------------------*/
#cmsBearbeiten {
	margin: 30px;
	height: 25px;
}

#cmsBLeft {
	position: relative;
	float: left;
	background-image: url("../imgs/backgrounds/toolbarLeft.gif");
	height: 25px;
	width: 3px;
}

#cmsBCenter {
	float: left;
	position: relative;
	height: 25px;
	background-image: url("../imgs/backgrounds/toolbar.gif");
}

#cmsBRight {
	position: relative;
	float: left;
	background-image: url("../imgs/backgrounds/toolbarRight.gif");
	height: 25px;
	width: 3px;
}

#cmsBTitel {
	font-size: 10px;
	font-family: verdana;
	color: white;
	margin-top: 7px;
	margin-left: 5px;
	position: relative;
	float: left;
}

#tbButtonEdit {
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	position: relative;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_edit.gif");
	float: left;
}

#tbButtonEdit :HOVER {
	background-image: url("../imgs/buttons/button_edit_hover.gif");
}

#tbButtonAdd {
	display: block;
	margin-left: 5px;
	margin-top: 5px;
	position: relative;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_add.gif");
	float: left;
}

#tbButtonAdd :HOVER {
	background-image: url("../imgs/buttons/button_add_hover.gif");
}

/*---------------------------------------Textare---------------------------------------------------*/
/*---------------------------------------BigImage---------------------------------------------------*/

/*---------------------------------------Gallerie---------------------------------------------------*/
#gallerie {
	margin-bottom: 15px;
}

/*---------------------------------------ConfigInterface---------------------------------------------------*/
#plusButton {
	margin-left: 640px;
	height: 30px;
	width: 50px;
}

#editPanel {
	color: white;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 11px;
	width: 650px;
	height: 300px;
	border-style: solid;
	border-color: #c0db5a;
	background-color: #424236;
}

#editPanelLeft {
	margin-right: 20px;
	float: left;
}

#indexBar {
	margin-top: 10px;
	margin-left: 10px;
	width: 20px;
	height: 100%;
	float: left;
}

#buttonUp :hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_left_hover.gif");
}

#buttonUp {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_left.gif");
}

#indexbarMiddle {
	width: 16px;
	height: 250px;
	background-image: url("../imgs/backgrounds/line.gif");
}

#buttonDown :hover {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_right_hover.gif");
}

#buttonDown {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../imgs/buttons/button_right.gif");
}

#imgPreview {
	margin-top: 30px;
	border-style: solid;
	border-width: 2px;
	border-color: #c0db5a;
	width: 194px;
	height: 130px;
	float: left;
}

#editPanelRight {
	margin-top: 10px;
}

#editPanelBottom {
	margin-top: 15px;
}

#editPanelBottomLeft {
	float: left;
}

#buttonPanel {
	width: 100%;
	height: 30px;
	background-color: #424236;
	border-bottom-style: groove;
	border-bottom-width: 5px;
	border-bottom-color: #c0db5a;
	margin-bottom: 25px;
}

#editItem {
	margin-bottom: 15px;
}

#editItemName {

}

#editItemInput {
	font-weight: bold;
}

/*---------------------------------------Login---------------------------------------------------*/
#loginWrapper {
	margin: 25px;
	height: 120px;
	width: 220px;
	background-color: gray;
}

/*---------------------------------------CMS-Panel---------------------------------------------------*/
#cmsPanelWrapper {
	width: 100%;
	height: 155px;
	background-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
}

#cmsLogo {
	width: 300px;
	height: 150px;
	float: left;
	margin-top: 3px;
	background-image: url("../imgs/util/logo.jpg");
}

#userInfo {
	color: green;
	font-size: 12px;
	float: left;
	margin: 10px;
	margin-left: 30px;
}

#userInfoText {
	color: Gray;
	font-weight: bold;
}

#logoutButton {
	position: relative;
	float: left;
	top: 110px;
	width: 600px;
	text-align: right;
}

/*------------------------------------Textarea--------------------------------------------------------------------------------*/
#TATitel {
	font-weight: bold;
	color: #464646;
	font-size: 12px;
}

#TABody {
	color: #464646;
	font-size: 12px;
}

/*------------------------------------Schatten--------------------------------------------------------------------------------*/
#s0 {
	background-color:yellow;
}

#s1 {
	float: left;
}

#s2 {
	float: left;
	width: 8px;

}
#s1_1 {
	background-image:
	url("../imgs/backgrounds/schatten/schatten_unten_links.png");
	height: 8px;
	width: 8px;
	float: left;
}

#s1_2 {
	background-image: url("../imgs/backgrounds/schatten/schatten_unten.png");
	height: 8px;
	float: left;
	background-repeat: repeat-x;
}


#s2_1 {
	background-image:
		url("../imgs/backgrounds/schatten/schatten_oben_rechts.png");
	height: 8px;
	width: 8px;
	background-repeat: no-repeat;
}

#s2_2 {
	background-image:
		url("../imgs/backgrounds/schatten/schatten_rechts.png");
	width: 8px;
	background-repeat: repeat-y;
}

#s2_3 {
	background-image:
		url("../imgs/backgrounds/schatten/schatten_rechts_unten.png");
	height: 8px;
	width: 8px;
	background-repeat: no-repeat;
}