body {
	font-family:Arial, sans-serif;
	font-size:12px;
	background-color:#eee;
}


/* ----- BACKGROUND ----- */
#background_1 {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index:-1;
}

#background_2 {
	position: fixed;
	left: 0px;
	width: 100%;
	bottom: 0px;
}

#background_3 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

#kunden_header {
	padding: 20px;
	background-color: #009FE3;
	color: #fff;
	font-weight: bold;
	font-size: 14px;	
}

/* ----- OTHER ----- */
a * {
	border:none;
}

h1 {
	margin-top:0px;
	color:#009fe3;
	font-size:38px;
	margin-bottom:40px;
}

h2 {
	margin-top:0px;
	color:#333;
	border-bottom:1px solid #ccc;
}

h3 {
	background-color:#eee;
	color:#222;
	padding:5px;
}


/* ----- HEADER ----- */

#header {
	width: 100%;
	height: 124px;
	background-color: #EEE;
	position: absolute;
	z-index: -1;
	border-bottom: 1px solid #AFAFAF;
	left: 0px;
	top: 0px;
}

#header .logo {
	margin-top: 20px;
	margin-left: 20px;
	float: left;	
}

#header .is_adminuser {
	float: left;
	margin-left: 90px;
	height: 97px;
	margin-top: 70px;
	font-weight: bold;
	color: red;
	font-size: 18px;
}

#header .content {
	float: right;
	margin: 80px 20px 20px 20px;
}

#header .content .logout a {
	background-image: url('../images/del_button.jpg');
	background-repeat:no-repeat;
	background-repeat: repeat-x;
	width: 100px;
	height: 22px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	font-weight: bold;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	behavior: url(../js/PIE.htc);
	cursor: pointer;
	display: inline-block;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
}
#header .content .logout a:hover {
	background-position:0px -26px;
	color:#fff;
}

#header .content .logout a:active {
	background-position:0px -52px;
	color:#fff;
}
/*
#header .wrapper {
	width:900px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:7px;
}

#header .wrapper .logo {
	float:left;
	padding-top:20px;
}

#header .wrapper .navigation {
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	margin-top:-12px;
}

#header .wrapper .navigation ul {
	list-style-type:none;
}

#header .wrapper .navigation ul li {
	float:left;
	padding:8px 15px 9px 15px;
	margin-top:1px;
	margin-left:1px;
	cursor:pointer;
}

#header .wrapper .navigation ul li a {
	color:#fff;
	text-decoration:none;
}

#header .wrapper .navigation ul li.facebook {
	background-color:#003f7d;
	padding:9px 15px 9px 15px;
	margin-top:0px;
}

#header .wrapper .navigation ul li.facebook a {
	color:#fff;
}

#header .wrapper .navigation ul li.current {
	background-color:#fff;
}

#header .wrapper .navigation ul li.current a {
	color:#003f7d;
}

#header .wrapper .navigation ul li:hover {
	background-color:#fff;
	color:#003f7d;
}

#header .wrapper .navigation ul li:hover a {
	color:#003f7d;
}

#header .wrapper .navigation ul li.facebook:hover {
	background-color:#003f7d;
}

#header .wrapper .navigation ul li.facebook:hover a {
	color:#fff;
}
*/

/* ----- LOGIN ----- */
#login {
	background-color: #F7F7F7;
	border: 1px solid #CCC;
	width: 404px;
/*	height: 442px; */
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -202px;
	margin-top: -236px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 8px #999;	
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	behavior: url(../js/PIE.htc);
}

#login .logo {
	height: 82px;
	width: 314px;
	margin: 30px 0px 10px 43px;
}

#login .content {
	margin: 0px 20px 20px 20px;
	padding: 20px;
	display: inline-block;
}

#login .text {
	color: #666;
	border: 1px solid #666;
	padding: 7px;
	line-height: 1.6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#login .input {
	color: #666;
	font-weight: bold;
	margin-top: 20px;
}

#login .input input {
	border: 1px solid #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	border-radius: 3px;
	background-color: #FEFEFE;	
	color: #333;
	font-size: 12px;
	outline: medium none;
	padding: 11px;
	vertical-align: middle;
	width: 300px;
	margin-top: 5px;	font-family: Verdana, sans-serif;
	
}

#login .submit {
	margin-top: 10px;
	font-weight: bold;
	color: #666;
	clear: both;
}

#login .submit .float:first-child {
	float: left;
	margin-top: 5px;
}

.content .submit .float {
	float: right;
}
/*
#header .content .logout a {
	background-image: url('../images/del_button.jpg');
	background-repeat:no-repeat;
	background-repeat: repeat-x;
	width: 100px;
	height: 22px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	font-weight: bold;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	behavior: url(../js/PIE.htc);
	cursor: pointer;
	display: inline-block;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
}
#header .content .logout a:hover {
	background-position:0px -26px;
	color:#fff;
}

#header .content .logout a:active {
	background-position:0px -52px;
	color:#fff;
}
*/
#login .submit .float .submit_button {
	background-image:url('../images/submit-button.jpg');
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	width: 100px;
	height: 26px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	font-weight: bold;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	cursor: pointer;
	display:inline-block;
}

#login .submit .float .submit_button:hover {
	background-position:0px -26px;
	color:#fff;
	
}

#login .submit .float .submit_button:active {
	background-position:0px -52px;
	color:#fff;
	
}

#login a.pwvergessen {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

#login a.pwvergessen:hover {
	text-decoration:underline;
}
/* ----- LOGIN ----- */
	


/* ----- CONTENT ----- */

#content {
	
}

span.fehler {
	color:#cc0000;
	font-weight:bold;
}

span.erfolg {
	color:#64ba07;
	font-weight:bold;
}


/* ----- FOOTER ----- */

#footer {
	width:100%;
	height:40px;
	position:fixed;
	bottom:0px;
	left:0px;
	background-color:#003f7d;
	
}

#footer .wrapper {
	width:900px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	margin-top:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

#footer .wrapper .left {
	float:left;
}

#footer .wrapper .right {
	float:right;
}

#footer .wrapper .right ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer .wrapper .right ul li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
}

#footer .wrapper .right ul li a {
	color:#fff;
	text-decoration:none;
}

#footer .wrapper .right ul li a:hover {
	text-decoration:underline;
}



/* --- Ballon --- */
#ballon {
	width:40px;
	height:54px;
	position: fixed;
	left:-150px;
}
/* --- Ballon --- */


/* --- Kaffee --- */
#kaffee {
	width:155px;
	height:264px;
	margin-left:546px;
	margin-top:41px;
	position:absolute;
}
/* --- Kaffee --- */


/* --- Monitor --- */
#monitor {
	width:277px;
	height:291px;
	margin-left:92px;
	margin-top:14px;
	position:absolute;
}

#monitor_shadow {
	position: absolute;
	height:77px;
	width:42px;
	margin-left: 328px;
	margin-top: 229px;
}
/* --- Monitor --- */


/* --- Logout --- */
#header .wrapper .navigation ul li.logout {
	background-color:#b22222;
}
#header .wrapper .navigation ul li.logout:hover {
	background-color:#b22222;
}

#header .wrapper .navigation ul li.logout:hover a {
	color:#fff;
}
/* --- Logout --- */


/* --- Button Bild auswählen --- */
.bildSearchButton {
	background-color: #ccc;
	font-weight: bold;
	padding: 3px;
	display: inline-block;
	border: 1px solid #999;
	cursor: pointer;
}
.bildSearchButton:hover {
	background-color:#000;
	color:#fff;
}
#pic_search_pop .content {
	width: 665px;
	height: 500px;
	margin-left: -300px;
	z-index:1004;
}
#pic_search_pop .screen {
	z-index:1003;
}
#pic_search_pop .content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#pic_search_pop .content ul li.picBox {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
	cursor:pointer;
}
#pic_search_pop .content ul li.picBox:hover .picture {
	border:1px solid #ddd;
}
#pic_search_pop .content ul li.picBox:hover .pictureText {
	background-color:#000;
	color:#fff;
}
#pic_search_pop .content ul li.picBox .picture {
	width: 150px;
	border: 1px solid #eee;
}
#pic_search_pop .content ul li.picBox .pictureText {
	width: 146px;
	background-color: #ddd;
	word-wrap: break-word;
	padding: 3px;
	font-weight: bold;
}
#pic_search_pop .content .picFlowBox {
	width: 665px;
	height: 430px;
	overflow-y: scroll;
	margin-bottom: 10px;
}