@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#F5F5F5;
	padding:0 0 20px 0; margin:0;
}

.pageWrap {
	background-color:#FFF;
	background-image:url(../images/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:right 40px;
	background-attachment:fixed;
	padding-bottom:15px;
}

.page {
	width:900px;
	margin:0 auto;
}

.headerWrapper {
	background-color:#F5F5F5;
	background-image:url(../images/menu_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.header {
	position:relative;
	width:880px;
	height:110px;
	margin:0 auto;
	background-image:url(../images/pageshadow.jpg);
	background-position:top;
	background-repeat:no-repeat;	
}
.header .logo {
	position:absolute;
	right:0px;
	top:3px;
}
.header .logo table {
	height:80px;	
}

.logout_div {
	position:absolute;
	top:25px;
	left:0px;
}
.logout_div #username {
	margin-bottom:5px;	
}
.logout_btn {
	display:block;
	color:#666;
	text-decoration:none;
	padding-left:18px;
	margin-top:0.5em;
	background-image:url(../images/logout.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:14px;	
}
.logout_btn:hover {
	background-position:0px -22px;
	color:#000;	
}

.header_menu {
	position:absolute;
	bottom:0px;
	left:0px;
}
.header_menu a {
	float:left;
	color:#CCC;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}
.header_menu a:hover {
	background-color:#666;
	color:#FFF;
}

.content {
	position:relative;
	padding:20px;
}
.content .titel {
	color:#666;
	font-weight:bold;
	font-size:14px;	
}
.content .input_field {
	margin-top:5px;
	width:320px;
	height:22px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
}
.content .spalte {
	float:left;
	width:350px;	
}
.content .titel1 {
	margin-top:15px;	
}
.footer {
	font-weight:bold;
	text-align:center;
	padding-top:25px;
	color:#999;
	font-size:10px;
	background-image:url(../images/pageshadow.jpg);
	background-repeat:no-repeat;
	width:900px;
	margin:0 auto;
}

.footer a {
	color:#999;
	text-decoration:none;
}
.footer a:hover {
	color:#999;
	text-decoration:underline;
}

.pg_overlay {
	position:fixed;
	top:0px;
	left:0px;
	background-color:#000;	
}

.link1 {
	color:#009;
	text-decoration:none;	
}
.link1:hover {
	text-decoration:underline;
}


.successMsg {
	margin-top:10px;
	color:#060;
	font-weight:bold;
	background-image:url(../images/check_mini.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:17px;
}
.errorMsg {
	font-weight:bold;
	color:#900;	
	background-image:url(../images/warn_mini.png);
	background-repeat:no-repeat;
	padding-left:22px;
	padding-top:1px;
	padding-bottom:1px;
}
.errorMsg2 {
	color:#900;
	font-weight:bold;
	margin-top:5px;	
	margin-bottom:5px;
	padding-left:18px;
	background-image:url(../images/warn_icon.png);
	background-repeat:no-repeat;
}

.loginDiv {
	margin:0 auto;
}
.loginDiv .errorMsg {
	text-align:center;
	background-image:none;
	margin-bottom:15px;
}
.loginDiv .form {
	width:160px;
	margin:0 auto;
}
.loginDiv .label {
	margin-top:5px;
	margin-bottom:5px;
}
.loginDiv input {
	width:150px;
}

.form_txt {
	font-family:inherit;
	font-size:inherit;
	background-image:url(../images/input_bg.jpg);
	background-repeat:repeat-x;
	padding:3px;
	border:1px solid #CCC;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.form_btn {
	background-image:url(../images/input_bg.jpg);
	padding:3px;
	border:1px solid #CCC;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
}
.form_btn:hover {
	border:1px solid #999;	
}
.form_txt:hover, .form_txt:focus {
	border:1px solid #999;
}

.btn {
	display:block;
	background-image:url(../images/input_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #DBDBDB;
	background-color:#FFFFFF;
	padding:6px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	cursor:pointer;
}
.btn:hover {
	border-color:#999;
}

.btn span {
	background-repeat:no-repeat;
	padding-left:18px;	
}
.btn_icon_keys { background-image:url(../images/keys.gif); }
.btn_icon_edit { background-image:url(../images/edit.png); }
.btn_icon_loading { background-image:url(../images/loading_mini.gif); }
.btn_icon_save { background-image:url(../images/save.gif); }

.btn_icon_back_h { background-image:url(../images/back.gif); }
.btn_icon_back_h:hover { background-position:0px -36px; }

.link_icon {
	background-repeat:no-repeat;
	padding-left:18px;
	color:#666;
	text-decoration:none;
}
.link_icon:hover {
	color:#000;	
}

.frontend_link {
	position:absolute;
	bottom:6px;
	right:7px;
	height:14px;
	color:#CCC;
	text-decoration:none;	
	background-image:url(../images/world.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:18px;
}
.frontend_link:hover {
	color:#FFF;
	background-position:0px -14px;
}

.titel_links {
	float:right;
	margin-left:20px;
	margin-top:2px;	
}

.bilder_uploaded {
	overflow:auto;
	margin:0;
	padding:0;
	border:1px solid #FFF;
	min-height:100px;
	list-style:none;
}
.nopics_message {
	color:#999;
	font-style:italic;	
}

.calendarIcon {
	position:relative;
	top:5px;
	margin-left:3px;
	cursor:pointer;
}

.add_link {
	padding-left:15px;
	background-image:url(../images/add_button.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
.add_link:hover {
	background-position:0px -35px;	
}

.tbl_preise_row {
	margin-top:5px;	
}
.tbl_preise_1, .tbl_preise_2 {
	float:left;
	width:130px;
}
.tbl_preise_3, .tbl_preise_4 {
	float:left;
	width:140px;
}
.tbl_preise_del {
	float:left;
	background-image:url(../images/trash_mini.gif);
	background-position:0px -10px;
	width:10px;
	height:10px;
	margin-top:15px;
	cursor:pointer;
}
.tbl_preise_del:hover {
	background-position:0px 0px;	
}
.drag_placeholder {
}
.webcamslist {
	list-style:none;
}
.webcamslist li {
	position:relative;
	float:left;
	height:140px;
	width:140px;
	overflow:hidden;
	border:1px solid #E1E1E1;
	margin:5px;
	font-size:10px;
	background-color:#FFF;
}
.webcamslist_dragbar {
	height:10px;
	background-color:#D2D2D2;
	cursor:all-scroll;
}
.webcamslist_dragbar:hover {
	background-color:#999;	
}
.webcamslist_img_bg {
	text-align:center;
	padding:5px;
	background-color:#E1E1E1;
	border-bottom:1px solid #CCC;
}
.webcamslist_description {
	padding:5px;
	background-image:url(../images/input_bg.jpg);
}
.webcamslist_more {
	position:absolute;
	bottom:0px;
	left:0px;
	height:12px;
	width:140px;
	border-top:1px solid #CCC;
	background-color:#FFF;
	background-image:url(../images/pfeilunten.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
.webcamslist_more:hover {
	background-color:#666;
}
.webcamslist_item {
	height:150px;
	width:140px;
	overflow:hidden;
	border:1px solid #E1E1E1;
	font-size:10px;
}

.loading {
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	height:23px;
	line-height:23px;
	padding-left:28px;
}
.ampel {
	background-image:url(../images/ampel.png);
	background-repeat:no-repeat;
	height:25px;
	line-height:25px;
	padding-left:15px;
}
.ampel_gruen {
	background-position:0px 0px;
	color:#060;
}
.wdetails {
	background-color:#FFF;
	background-image:url(../images/input_bg.jpg);
	background-repeat:repeat-x;
}
.wdetails_close_btn {
	position:absolute;
	right:5px;
	top:5px;
	width:17px;
	height:17px;
	background-image:url(../images/close_btn.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}
.wdetails_close_btn:hover {
	background-position:0px -17px;	
}
.wdetails_content {
	padding:10px;	
}
.wdetails_table td:first-child {
	color:#666;
}

.open_link {
	height:16px;
	width:16px;
	background-image:url(../images/open.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.open_link:hover {
	background-position:0px -16px;
}

.dellayer {
	color:#FFFFFF;
	background-image:url(../images/dellayer_top.png);
	background-repeat:no-repeat;
	padding-top:7px;
	position:absolute;
	top:0px;
	left:0px;
}
.dellayer .dellayer_content {
	padding:10px;
	background-image:url(../images/dellayer_bg.jpg);
	background-repeat:repeat-x;
	background-color:#8A0000;
	text-align:center;
}
.dellayer .dellayer_text {
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}
.dellayer .dellayer_btns {
	width:120px;
	margin:0 auto;
}
.dellayer .dellayer_btn {
	float:left;
	display:block;
	width:50px;
	line-height:25px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/dellayer_btn.jpg);
}
.dellayer .dellayer_btn:hover {
	text-decoration:none;
	background-image:url(../images/dellayer_btnh.jpg);
}