/*=====================================================
  Inhaltsverzeichnis
======================================================*/
/*
1. Algemeine Definitionen
2.Seiten Container
3.Kopf-Container
4.Wrapper-Continer 
4.Linke-Seite
5.Inhalts-Container
6.Rechte-Seite
7.Footer-Continer
*/

/* ======= Algemeine Definitionen ===================*/
* {
     margin:0;
     padding:0;
     border:0;
	 
}

body{
     background-color:#fff;
	 font:.9em/1.3em Verdana, Arial, Helvetica, sans-serif;
	 color:#000000;
	 text-align:center;

	 }
a{
	color:#00019b;
	
}
a:hover {
	color: #069;
}
/* ======== Seiten-Continer ========================*/
#container{
     width:auto;
	 background-color:#FFF;
	 margin:0px 0px 0px 0px;
	 padding:0px;
	 text-align:center;
	 }


/* ======= Kopf Container =========================*/
#header{
    width:100%;
	height:100px;
	background-image:url(../img/eropicser-logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	}
	
/* ====== Wrapper-Continer =========================*/

#wrapper{
    width:100%;
	overflow:auto;
    background-color:#FFFFFF;
	background-image:url(siteimage/contentbackground.jpg);
	background-repeat:repeat-x;
	}
/* ====== Linke-Seite ============================*/
#leftside{
    float:left;
	width:15%;
	
	
	}

#categories {
	
	margin: 25px 0px 0px 0px;
	padding: .2em .2em .3em 2em;
	text-align:left;
}



#categories a {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 3px 5px;
	border-bottom: none;
}

#categories a:hover, #categories a.current {
	background: #ddeaf4;
	color: #333;
}

#categories li {
	display: block;
	width:25%;
	line-height: 200%;
	list-style: none;
	text-align: left;
	white-space: nowrap;
}

#categories a.current {
	background: #0d324f;
	border-right: 2px solid #4f96c8;
	border-top: 1px solid #96c0de;
	color: #fff;
	padding-bottom: 8px;
}


/* ====== Inhalts-Container =====================*/

#content{
	float:left;
    background: #fff;	
	/*margin: 15px 5%;*/
	padding: 1em;
	text-align:center;
	width:75%;
    /*clear:left;
	width:95%;
	margin:10px 10px 5px 5px;
	padding:0px;
	text-align:center;*/
	}
#content h1 {
   font-size: 1.3em;
   color:#000;
   margin-bottom:20px;
   border-bottom:1px solid #000;
}

#content h2 {
   font-size: 1.1em;
   margin:15px 0;
}

#errorreport{
	background: #FFFFFF;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	padding: .6em;
	width: 310px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#meldung{
	background: #0e3350;
	border: 1px solid #2571ab;
	color: #ebcd4e;
	font-size: 11px;
	font-weight: bold;
	padding: .6em;
	width: 310px;
	/*margin: 0px 0px 10px 100px;*/
	margin: 15px 5%;
	text-align: center;
}

#preload{
	color:#000;
	visibility:hidden;
}
.nobacklinktable{
	width:100%;
	border: solid 1px #000;
}
.nobacklinktable th{
	background-color:#0e3350;
	color:#ebcd4e;
}

.nobacklinktable td{
	
	padding: 5px;
	background-color:#e4e4e4;
}
.nobacklink{
 width:100%;
 height:30px;
 visibility:visible;
 }
a.delete:hover {
	background: #c00;
	color: #fff;
}
a.edit, a.delete, a.edit:hover, a.delete:hover {
	border-bottom: none;
	display: block;
	padding: 5px 0;
	text-align: center;
}

a.edit:hover {
	background: #ccc;
	color: #036;
}

.categories{
	width:100%;
	border: solid 1px #000;
}
.categories th{
	background-color:#0e3350;
	color:#ebcd4e;
}

.categories td{
	
	padding: 5px;
	background-color:#e4e4e4;
}


#newblogs{
	
	margin: 10px 0px 0px 20px;
	
}
#pp_show{
	
	margin: 10px 0px 0px 20px;
	
}

.pp_promo{
	width:100%;
	border: solid 1px #000;
}
.pp_promo th{
	background-color:#0e3350;
	color:#ebcd4e;
}

.pp_promo td{
	
	padding: 5px;
	background-color:#e4e4e4;
}

#dataupload{
	
	display: block;;
}

#serverdata{
	
	display:block;
	
}

.newpics{
	width:100%;
	border: solid 1px #000;
}
.newpics th{
	background-color:#0e3350;
	color:#ebcd4e;
}

.newpics td{
	
	padding: 5px;
	background-color:#e4e4e4;
}

/* ====== Formulare  ======== */

#searchform{
	
	background: #fff;
	border: 1px solid #ccc;
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 1em;
	text-align:left;
	}

#forms{
	
	/*background-color:#4281b7;*/
	width:600px;
	height:auto;
	padding: 10px 10px 10px 10px;
	}


label{
	
	display:block;
	float: left;
	width: 250px;
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align:right;
	color:#000;
}
input,textarea, select {margin: 3px 0;
				border: 1px solid #000;
				background: #FFF;
				padding: 5px 5px;
				width: 280px;
				font-size: 1.0em;
				margin: 5px;
				}
						
input:active, input:focus, input:hover { background: #CCC;}
   
#submit {
	
	background: url( ../img/fade-butt.png );
	border: 2px solid #FFF;
	font-size: 15px;
	width:auto;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	padding: 0.25em;
	cursor:hand;
} 

#submit:hover{
	
	cursor:hand;
}


#picform input, #picform select {margin: 3px 0;
				border: 1px solid #000;
				background: #FFF;
				padding: 5px 5px;
				width:auto;
				font-size: 0.8em;
				margin: 5px;
				
				}
#picform textarea{margin: 3px 0;
				border: 1px solid #000;
				background: #FFF;
				padding: 5px 5px;
				width:150px;
				font-size: 1.0em;
				margin: 5px;
				
				}
						
#picform input{ background: #CCC;}

#picform input:active, #picform input:focus, #picform input:hover { background: #FFF;}

#picform textarea{ background: #CCC;}

#picform textarea:active, #picform textarea:focus, #picform textarea:hover { background: #FFF;}
   
#picform .submit {
	
	background: url( ../img/fade-butt.png );
	border: 2px solid #FFF;
	font-size: 15px;
	width:auto;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	padding: 0.25em;
	cursor:hand;
} 

/* ====== Footer-Continer ====================*/

#footer{
    clear:left;
    background-color:#fff;
	height:20px;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	
	}
#footer a{
    color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover{
    color:#CCCCCC;
	text-decoration:none;
	}
/* ======== END ============================*/