/* ===============================================
   Allgemeine Stylesheets
	 Media:  screen
	 Datei:  screen.css
	 Site:   http://localhost/templateseite
	 Datum:  2011-05-01
	 Autor:  Dr. Olaf Anderßon
	 Aufbau: 1. Allgemeine Styles
	         4. Error Messages
	         5. Sonstige Styles
================================================ */

/* ====================================== 
  1. Allgemeine Styles
  ====================================== */

body
{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color:#000000;
  height:95%;
	background: #D6E9D8 url('../images/verlauf.png') repeat-y;
  text-align: center;
	}

h1, h2 {
  font-weight: bold;
  padding:5px 0px 5px 0px;
}
h1 {
  font-size: 130%; 
}
h2 {
  font-size:1.0em; 
  border-bottom: 1px solid #00007F;
}

address {
  text-align: left;  
  font-size: 100%;     
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5;   
  padding-top: 10px;
}

.frontHeader {
	width:300px;
	font-size:1.2em;
	vertical-align:top;
}

/*--- Hyperlink-Format ---*/
a           {text-decoration:none;font-weight:normal;}
a:link      {text-decoration:none;color:#000000;}
a:visited   {text-decoration:none;color:#4F4F4F;} /* dunkel grau */
a:active    {text-decoration:none;color:#00007F;} /* dunkelblau */
a:hover     {text-decoration:underline;color:#00007F;} /* dunkelblau */

/* Skiplink ausblenden */
.skiplink { 
  position: absolute; 
  top: -9999px; 
  left: -9999px; 
  width: 0; 
  height: 0; 
  font-size: 0; 
  line-height: 0; 
}

.label {
	font-weight: bold;
}


/* ====================================== 
  2.  Styles für die Layoutbereiche 
  ====================================== */
#wrapper {
  color: black; 
  width: 1024px;
  margin: 10px auto;
}

#header {
  padding: 10px 20px 0 20px;
	text-align:left;
	height:60px;
	width:815px;
	border:0px solid lightgray;
  background-color: #FFFFFF;
}
  #header p {
    padding: 5px 0 5px 0; 
    margin-bottom: 0; /* war 1em */
  }
  #header p span {
    color: #d90000; 
  }
  #header a {
  	text-decoration:none;
  }
  #header a:hover,
  #header a:focus,
  #header h1 {
  	text-decoration: none;
  	border-bottom: none;
  	padding:5px 0 5px 0;
  }
#menue {
	padding: 0px 0px 0px 10px;
	height:25px;
	width:845px;
	text-align:left;
	border-bottom:1px solid lightgray;
	background:#FFFFFF;
	color:#FFFFFF;
}

#content {
	padding: 5px 5px 10px 10px;
	text-align:left;
	width:840px;
	height:550px;
	overflow:auto;
	border:0px solid lightgray;
  background-color: #FFFFFF;
}
	#content .link-external {
		background: url(../images/link_external.png) center right no-repeat;
		text-decoration:none;
		padding: 0 14px 0 0;
		color:#005C9F;
	}
	#content .link-external:hover {
		color:blue;
		text-decoration:none;
	  border-bottom:1px solid #005C9F;
	}
	#content .link-mailto {
		background: url(../images/link_mail.gif) center right no-repeat;
		padding: 0 23px 0 0;
		text-decoration:none;
		color:#000000;
	}
	#content .link-mailto:hover {
		color:blue;
		text-decoration:underline;
	}
	#content div.plakat {
		text-align:center;
		font-size:2em;
		font-weight:bold;
		line-height:2.2em;
		background-color:#D6E9D8;
		width: 300px;
		margin-left: 220px;
	}
	#content label {
		font-weight: bold;
		float:left;
		display:block;
		width:80px;
	}

#footer {
	padding: 0px 0px 0px 10px;
	height:25px;
	width:845px;
	font-size:0.8em;
	padding-top:5px;
	border-top:1px solid lightgray;
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
}
	.footerpath {
		text-decoration:none;
	}
	#left {
		width:180px;
		float: left;
	}
	#center {	}
	#right {
		float: right;
		width:300px;
		text-align:right;
		padding-right:5px;
	}

/* ====================================== 
  4. Error Messages 
  ====================================== */
#Message1 {
	position:absolute;
	top:15px;
	left:720px;
	width:574px;
	padding:3px;
	font-weight:bold;
	text-align:right;
	display:block;
}

#Message2 {
	font-weight:bold;
	text-align:left;
	display:block;
}

.divMessageErr {
  color:red;
	background:#F8E0E0 url('../images/icon_achtung.png') no-repeat left center;
}

.divMessageOK {
	color:green;
	background:#ECF8E0 url('../images/icon_info.png') no-repeat left center;
}

.divMessage {
	display:block;
	color:red;
	border:1px solid red;
	padding:4px 4px 4px 50px;
	width:600px;
	background:#F8E0E0 url('../images/icon_achtung.png') no-repeat left center;
}

/* ====================================== 
  5. Sonstige Styles 
  ====================================== */
  
.trellis_tab
{
  border:0px;
  font-size:10pt; 
  border-collapse:collapse;
}

.trellis_td
{
  text-align:center;
  width:40px;
  height:40px;
  font-weight:normal;
  border:1px solid black;
}

.trellis_head
{
  color:#00007F;
  font-weight:bold;
}

#debugger {
  color:#000000;
	background-color:#FFFFFF;
	border:2px solid #FF0000;
	padding:10px;
	margin-top:10px;
	width:820px;
}

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */