body, html, div, ul, li, p, img, span, form, a, a:hover, br, hr, h1, h2, h3, h4, h5, h6, table {
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
	
	font-size:14px;
}

/* ----------------------------- Allgeimeines ----------------------------- */

/* Fonts -----------------------------*/

h1 {
	font-size:28px;
	color:#DE690D;
	font-family:verdana;
	font-weight:normal;
	border-bottom:1px #000 dashed;
	border-left: 2px dotted #5068DE;
	padding:5px;
	margin-bottom:10px;
	width:300px;
}
h1:first-letter {
	font-style:italic;
}
h2 {
	margin-bottom:15px;
	font-size:20px;
	color:#698237;
	font-weight:normal;
}
h2:first-letter {
	font-weight:bold;
}
h3 {
	padding-top: 15px;
}


/* Others and Speciallzzz -------------- */

hr {
	border-bottom:1px #999999 solid;
	margin: 5px auto;
}

hr#titlehr {
	width:600px;
	margin-bottom:20px;
	
	border-bottom:1px dashed #002BFF;
	border-top:2px dashed #A31111;
}

ul.err, .err {
	color:#EC1515;
}

/* Links and Fonts */

a {
	text-decoration:none;
	color:#3366CC;
	
}

a:hover {
	font-style:italic;
	color:#0066FF;
}





/* ----------------------------- Site ----------------------------- */

body {
	background-color:#F6F8FB;
}

div#container {
	width:90%;
	padding:10px;
	padding-top:0px;
	margin:0px auto;
}

/* ----------------------------- Gallery (Index Site) ----------------------------- */

/* Pics und sooo ---------- */

ul#picture { /* Die Liste (alle Bilder) */
	clear:left; /* From Best Pic */
	list-style:none;
}

ul#picture li { /* Jeder Listenpunkt (einzelnes Bild) */
	float:left;
	text-align:center;
}

ul#picture li a { /* Allgemeine Angaben (Farben und so) */
	float:left;
	margin:5px;
	border:1px #11A1E2 dashed;
	background-color:#CFECCD;
	text-decoration:none;
}
	ul#picture li a:hover {
		background-color:#CFF4A3;
		border:3px dashed #316771;
	}

ul#picture li a.with_name { /* Angaben für Bilder mit Name */
	padding:30px;
	padding-bottom:11px;
}
	ul#picture li a:hover.with_name {
		padding:28px;
		padding-bottom:9px;
	}
ul#picture li a.without_name { /* Angaben für Bilder ohne Name */
	padding:30px;
	padding-bottom:28px;
}
	ul#picture li a:hover.without_name {
		padding:28px;
		padding-bottom:26px;
	}
	ul#picture li a:hover.without_name span.ratenum {
		
	}

ul#picture li a img {
	height:auto !important;
	max-height:100px;
	height:100px;
	
	border:2px dotted #8E242A;
	
	/* Transparenz for IE */
	filter:alpha(opacity=40);
	/* CSS3 standard */
	opacity:0.4;
}
	ul#picture li a:hover img {
		border:2px #1F864B solid;
		/* for IE */
		filter:alpha(opacity=100);
		/* CSS3 standard */
		opacity:1;
	}

/* Text unten am Bild */
ul#picture li a span.ratenum { /* Rates */
	margin-top:10px;
	font-size:9px;
	color: #000;
}
	ul#picture li a:hover span.ratenum {
		font-style: normal;
	}

ul#picture li span.name {
	/*float:left;*/
	
	padding-top:5px;
	font-family:verdana;
	font-style:italic;
	font-size:12px;
	color:#5F3A3A;
}
	/*ul#picture li span.name:first-letter {
		font-size:20px;
		color:#7C7C31;
		font-weight:bold;
		font-style:normal;
	}*/


ul#folderlist li {
	list-style-type: circle;
	margin-left: 20px;
}



/* Best Pic ------------- */

div#best_pic {
	width:444px; /* 400 (width) + 40 (Padding) + 4 (Border) */
	margin:0px auto;
}

div#best_pic a {
	float:left;
	padding:20px;
	border: 1px #1B4A18 outset;
	background-color: #A2D99E;
}
div#best_pic a:hover {
	border:1px #A2D99E inset;
	background-color: #66CC5E;
}

div#best_pic a img {
	width:400px;
	border:1px #A2D99E inset;
}
div#best_pic a:hover img {
	border: 1px #1B4A18 outset;
}


/* Formulare --------------------------- */

/* Standard */
form {
	background-color: #E0E5EC;
	padding:20px;
	border:1px #FF9966 solid;
}

fieldset {
	background-color:#C7CFDB;
	padding:10px;
}
	fieldset.opposite label {
		padding-left:20px;

	}
	fieldset.opposite input[type="checkbox"] {
		width:25px;
	}

fieldset legend {
	font-size:18px;
	color: #6C0D0D;
	
	padding:0px 5px;
	border: 1px #949495 solid;
	background-color: #BCC7D6;
}

form input,
form textarea,
form select {
	border:1px #0038B0 dashed;
	background-color:#E7EFFF;
	
	color:#A84149;
	font-size:14px;
	font-family:"comic sans ms";
}
form input:hover, form input:focus,
form textarea:hover, form textarea:focus,
form select:hover, form select:focus {
	border:1px #182B53 dashed;
	background-color:#ADC1E8;
	
	color:#AA1F1F;
}
form input[type="submit"] {
	
}

/* Uploadform */
form#uploadform {
	width:300px;
}

form#uploadform label {
	margin-left:15px;
	font-style:italic;
}

/* Comment / Rate */
form#cmnt {
	width:250px;
}
form#cmnt input,
form#cmnt textarea {
	margin: 0px 0px 0px 0px;
}
form#cmnt div.formfield {
	margin: 0px 0px 10px 0px;
}
form#cmnt input.submit_bewertung {
	margin-left:5px;
}

span.txt_cmntthispic {
	margin-left:20px;
	background-color:#E0E5EC;
	border:1px #FF9966 solid;
	border-bottom:none;
	padding:2px 5px;
}


/* ----------------------------- Site - Bewertung.php ----------------------------- */

div#nlpic, div#nlpic a {
	font-size: 40px;
}

div#pic {
	/*margin:0px auto;*/
	text-align:center;
	
	margin:10px 0px;
	
	color:#D75B19;
}

div#pic img {
	border:1px #BFC6F8 solid;
	padding:20px;
	background-color:#EFF0F9;
}

span.no_comments {
	color:#CC0000;
	font-weight:bold;
}

div.comment {
	border:1px #33FF33 solid;
	margin-bottom:10px;
	padding:5px;
	
	background-color:#DEE7F4;
}
div.comment hr {
	border-top: 1px #FF3300 dotted;
	width:20%;
	margin:5px 0px;
	text-align:left;
}

div.back_to_gallery {
	text-align:center;
	margin-bottom:20px;
}

hr.bewertung {
	width:50%;
}


/* ----------------------------- Admin ----------------------------- */

/* Homepage (with the pics) ------------- */

ul#picture a.del_pic { /* x- */
	float:left;
	margin-right:-4px;
	border-right:none;
}
ul#picture a:hover.del_pic { /* x- */
	border-right:none;
}

/* Admin Panel ------------- */

div.adm_settingform_succ,
div.adm_settingform_err {
	border:3px #215125 dashed;
	background-color: #1BB51B;
	color: #5B360B;
	
	font-size:20px;
	padding: 20px;
}
	div.adm_settingform_succ ul,
	div.adm_settingform_err ul {
		margin-top:10px;
	}
	
	div.adm_settingform_succ ul li,
	div.adm_settingform_err ul li {
		list-style-type: circle;
		margin-left:30px;
	}

div.adm_settingform_err {
	border:3px #EAE220 dashed;
	background-color: #95372A;
	color: #D8ECEA;
}