/* ------------------------------------------------------------------------
	BASIC RESET
------------------------------------------------------------------------- */

* { margin: 0; padding: 0; border: 0; }
:focus { outline: 0; }

/* ------------------------------------------------------------------------
	GENERAL MARKUP-STYLING
------------------------------------------------------------------------- */



body 				{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; /* Helvetica, Arial, sans-serif; */ background-color: #fff; color: #000; font-size: 12px; }
h1 					{ font-size: 17px; font-weight: normal; color: #1D4595; }
h2 					{ font-size: 15px; font-weight: normal; color: #1D4595; margin-bottom: 30px; }
h3 					{ font-size: 13px; font-weight: normal; color: #1D4595; margin: 30px 0 20px; }
p, td 				{ font-size: 10px; }
table 				{ border-collapse: collapse; }
ul					{ list-style-type: circle; }
li 					{ margin-left: 15px; }
a, a:link, a:active,
a:visited, a:hover 	{ text-decoration: underline; color: #EB7605;}
a:hover 			{ text-decoration: none; }

a.bild, a.bild:link,
a.bild:active,
a.bild:visited,
a.bild:hover 		{ border: none; }

.clear 				{ clear: both; }
.nobreak 			{ white-space: nowrap; }
.center 			{ text-align: center; }

/*	#1D4595		#2B67E0		#576B94		#84A3E0		#6B6B6B		#949494	*/


/* ------------------------------------------------------------------------
	INHALTSSPEZIFISCHE DEFINITIONEN
------------------------------------------------------------------------- */

/* ERROR BOX */
div.error 		{ width: 100%; border: 2px solid red; padding: 10px; margin: 10px 0; }
div.error p 	{ font-size: 12px; }

/* TABLE OVERVIEW */
#overview 					{ min-width: 100%; border-collapse: collapse; margin: 20px 0; }
#overview th 				{ font-size: 12px;	font-weight: normal; padding: 3px; background-color: #EB7605; border-bottom: 1px solid #b3b3b3; text-align: left; }
#overview td 				{ padding: 2px; background-color: #84a3e0; border-bottom: 1px solid #b3b3b3; border-top: 1px solid transparent; }
#overview tr:hover td 		{ background-color: #576894; }
#category_actions 			{ text-align: right; }
tr.editing 					{ font-weight: bold;}

.sort 					{ margin: 0; padding: 2px 0 0 0; width: 20px; height: 15px; border: 1px solid #b3b3b3; font-size: 10px; text-align: center; }
.sort:focus 			{ border-width: 1px; }
input.sort_submit 		{ width: 150px; padding: 5px; background-color: #f1f1f9; }

/* IMAGEMANEGEMENT */
ul#container_images			{ list-style-type: none; }
ul#container_images li		{ margin: 0; }

.image_box 					{ background-color: #949494; width: 200px; margin: 0 10px 10px 145px; padding: 0 10px 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.image_boxes_small			{ float:left;background-color: #949494; width: 120px; margin: 0px 10px 10px 0px; padding: 0 10px 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.image_box_delete 			{ width: 100%; height: 20px; padding-top: 5px; }
.image_box_delete a 		{ float: right; }
.image_box input 			{ margin: 10px 0 5px; width: auto; }
.image_box .submit_button 	{ width: auto; margin: 0; }

#container_images .image_box		{ float: left; width: auto; margin: 5px; }
#container_images .image_box_image	{ min-height: 80px; }

/*	FILEMANAGEMENT	*/
ul.files					{ list-style-type: none; margin-top: 5px; }
ul.files li					{ margin: 0; font-size: 12px; }

/* LOGIN */
#login					{ width: 500px; margin: 100px auto; text-align: center; }
#login label			{ clear: left; float: left; text-align: left; width: 100px; padding: 5px 15px 0 0; }
#login input		 	{ padding: 5px; width: 300px; margin-bottom: 10px; border: 2px solid #b3b3b3; font-size: 12px; }
#login input:focus		{ border: 2px solid #EB7605; }
#login .submit_button	{ width: 314px; margin-left: 115px; }

/* FOOTER */
#footer { padding: 25px; text-align: center; }



/* ------------------------------------------------------------------------
	FORMULARE
------------------------------------------------------------------------- */

label 						{ clear: left; float: left; text-align: left; width: 130px; padding: 5px 15px 0 0; }
label.label_radio 			{ width: auto; margin-right: 20px; float: left; clear: none; }

input, textarea, select 	{ padding: 5px; width: 70%; margin: 0px 0px 10px 0; border: 2px solid #b3b3b3; font-size: 12px; }
input.date-pick			 	{ width: 100px; margin-right: 10px; }

textarea 					{ height: 90px; }
select						{ width: auto; }

input.radio 				{ width: 20px; margin: 5px 5px 10px 0; float: left; }
input.submit_button 		{ width: auto; margin: 10px 0 0 145px; padding: 5px; background-color: #f1f1f9; }

textarea:focus, input:focus, select:focus 	{ border: 2px solid #EB7605; }

.form_margin				{ margin-left: 115px; }


/* ------------------------------------------------------------------------
	BOXEN
------------------------------------------------------------------------- */


#header 			{ height: 30px; padding: 15px 20px; }
#left 				{ float: left; width: 150px; padding: 10px; }
#content 			{ margin-left: 170px; margin-right: 30px; padding: 20px 50px; background-color: #bdbdbd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#footer 			{ clear: both; height: 15px; }


/* ------------------------------------------------------------------------
	NAVIGATION
------------------------------------------------------------------------- */

#nav a, #nav a:link, #nav a:active, #nav a:visited, #nav a:hover { text-decoration: none; border-bottom: 1px solid ; color: #84A3E0;}
#nav a:hover { text-decoration: none; color: #EB7605; border-bottom-color: transparent;}

#nav 				{ list-style-type: none; }
#nav li a 			{ display: block; padding-top: 3px;  }
#nav li 			{ margin: 0 10px 5px; list-style-type: none; }
#nav ul ul li 		{ margin: 0 10px 3px 20px; list-style-type: none; margin-top: 0; font-size: 9px; }
#nav li a span 		{  }
#nav a.active 		{ color: #EB7605; } 
#nav .logout 		{ margin-top: 30px; }