/*-----------------------------------------------------------------------------
FOKUS BERUF Screen Stylesheet

version:   2.0
date:      05/10/07
author:    Heike Autenrieth-Häfner
email:     heike@autenrieth-haefner.de

website:   www.autenrieth-haefner.de

version history: www.fokus-beruf.de/css/screen.css
-----------------------------------------------------------------------------*/



/* Entfernen margin, padding, border
-----------------------------------------------------------------------------*/

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

/*  layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
	display: none;

}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

/* document
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.5  Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color: #fff;	
	text-align: center;
	background: #104880 url("images/bg_body.jpg") repeat-x;
}

#indx {
background: #ccc url("images/bg_indx.jpg") repeat-x;
}
#pop {
background: #104880 url("images/bg_pop.jpg") repeat-x;
}
#bdfoot {
background: #ccc url("images/bg_body.jpg") repeat-x;
}


#wrapper {
	min-width: 960px;  /*wichtig!!!!!!!*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}





/* Spaltenlayout 3 Spalten 
-----------------------------------------------------------------------------*/
#content {
	margin: 0 0 0 100px;
	padding-top: 50px;
	height: 370px;
	background:  url(images/bg_cont.png) no-repeat center top;
}

*html #content {
display: inline-block;
}
#content2 {
	margin: 0 0 0 100px;
	padding-top: 34px;
	/*height: 365px;*/

}

*html #content2 {
display: inline-block;
}


#col_leftdoppel {
float: left;
width: 540px;
margin-left: 0px;
margin-right: 0px;
}

#col_left {
float: left;
width: 250px;
margin-left: 0px;
margin-right: 20px;
}

#col_mitte {
float: left;
width: 250px;
}

#col_right {
float: left;
width: 220px;
margin-left: 30px;
}

#col_left_halb {
float: left;
width: 375px;
margin-left: 0px;
margin-right: 20px;
}

#col_right_halb {
float: left;
width: 375px;
margin-left: 30px;
}



/* Typography
-----------------------------------------------------------------------------*/

h1
	{
	font-size: 1.6em; 
	font-weight: normal;
	margin-bottom: 5px;
	width: 780px; 
	/*border-top: 1px solid #26678A; */
	padding: 0 0 0 0;
}
#indx h1 {
	font-size: 1.8em; 
	border-top: 1px solid #26678A; 
	padding: 10px 0 0 0;
	width: 500px;
}
#col_leftdoppel h1 {
width: 500px;
padding: 10px 0 0 0;
}
	
h2
	{
	font-size: 1.4em; /* Datum und Ort */
	font-weight: normal;
	margin-bottom: 5px;
}

#header h2
	{
	font-size: 1.4em; /* Datum und Ort */
	font-weight: normal;
	padding: 3px 0 0 100px; 
	margin: 10px 0 0 0; 
	background-color:#C39; 
	width: 180px;
}

	
h3
	{
	font-size: 2.2em;
	border-bottom: 1px solid #26678A; 
}
	
h4
	{
	font-size: 1.2em; 
	font-weight: bold;
	margin: 20px 10px 0px 10px;
}
/* Teaserheadlines */	
h5
	{
	font-size: 1.3em; 
	font-weight: normal;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #26678A;
	margin-bottom: 10px;
}
/* Workshop */
h6
	{
	font-size: 1.3em; 
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
.wshop
{
border-bottom: 1px solid #26678A;  
padding: 10px 0;
}
.wshop a {
border: 1px solid #26678A;
padding: 2px 3px;
margin: 4px;
}
.belegt {
border: 1px solid #26678A;
color: #26678A;
padding: 2px 3px;
margin: 4px;
}

.wshop a:hover {
border: 1px solid #fff;
background-color: #9c0;  
color: #fff;
padding: 2px 3px;
margin: 4px;
}

.wshop a.belegt:hover {
border: 1px solid #26678A;
background-color: #700;  
color: #36779A;
padding: 2px 3px;
margin: 4px;
}
	
p, q, cite
	{
	font-size: 1.2em; 
}

ul, ol, dl
	{
	list-style: none;
	font-size: 1.2em;
	line-height: 1.4; 
	margin: 10px; 
}

li, dd, dt
	{
	margin: 6px 0 ;
	font-size: 1.0em; /* 100% von ul */	
}
.lisub {
	margin: 0;
	font-size: 1.0em; /* 100% von ul */	
	color: #fff;
}

/* Header footer container
-----------------------------------------------------------------------------*/



#aktuell p {

	background:  url("images/bg_aktuell.png") no-repeat right bottom;
	padding: 20px;
}
#aktuell h5 {
color: #72A6D6;
margin-bottom: 10px;
}
#footer div {
height: 180px;
background:  url("images/bg_foot.jpg") no-repeat right bottom;

}
#footer p {
	padding: 8px 40px 5px 50px;
}

/* Navigation
-----------------------------------------------------------------------------*/

#nav {
position: relative;
width: 810px;
height: 60px;
text-transform: uppercase;
font-weight: normal;
padding:0;
margin: 53px 0 0 85px;

}
#nav ul {
margin: 0 50px 0 0;
padding: 0;
list-style-type: none;
width: auto;
float: left;
}
#nav ul li {
display: block;
float: left;
margin: 0 1px;
}
#nav ul li a {
display: block;
float: left;
color: #999;
text-decoration: none;
padding: 0 0 0 10px;
height: 60px;
font-size: 12px;
}
#nav ul li a span {
padding: 30px 10px 0 0;
height: 21px;
float: left;
}
#nav ul li a:hover {
color: #0F4071;
}
#nav ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}
#nav ul li a.current {
color: #333;
}


/* Footer index
-----------------------------------------------------------------------------*/
#footer {
margin: 0 0 50px 100px;
color: #666;
background-color: #fff;
}
#footer a {
text-decoration: none;
color: #666;
}
#footer a:hover  {
text-decoration: none;
color: #039;
}
/* Footer content
-----------------------------------------------------------------------------*/

#footi {
text-align: center;
margin: 0;
/*display: block;*/
/*min-width: 100%;*/
height: 216px;
color: #666;
background: #ccc url(images/bg_footi.jpg) repeat-x center top;
}

#footi div {
text-align: left;
/*display: block;*/
/*width: 960px;*/
margin: 0 auto 0 auto;
}

#footi a {
text-decoration: none;
color: #039;
}
#footi a:hover  {
text-decoration: underline;
color: #72A6D6;
}

/* Links allgemein
-----------------------------------------------------------------------------*/
a {
text-decoration: none;
color: #fff;
}
a:hover {
text-decoration: none;
color: #D2F900;
}


/* Farben
-----------------------------------------------------------------------------*/

.gruen {
color: #9C0;
}
.rot {
color: #CE3200;
}
.dgruen {
color: #99BB17;
}
.dblau {
color: #039;
}
.magenta {
color: #CC3399;
}
.rosa {
color: #FF66CC;
}
.turkis {
color: #00E7F2;
}
.orange {
color: #FC0;
}
.weiss {
color: #fff;
}
.hblau {
color: #72A6D6;
}

/* Formulare
-----------------------------------------------------------------------------*/
.error {
font-size: 12px;
}

form {
color: #72A6D6;
font-size: 12px; 
}

input.text, textarea.text
	{
margin: 3px 0;
	padding: 3px;
	border: 1px solid #26678A;
	width: 210px;
	color: #fff;
	background-color: #104880;

}

textarea {
font-size: 12px;
background-color: #104880;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
scrollbar-3dlight-color: #104880;
scrollbar-arrow-color: #26678A;
scrollbar-darkshadow-color: #104880;
scrollbar-face-color: #104880;
scrollbar-highlight-color: #26678A; 
scrollbar-shadow-color: #004080;
scrollbar-track-color: #004080;
}


input.pointing {
	margin: 5px 0;
	padding: 2px;
	border: 1px solid #26678A;
	color: #fff;
	background-color: #104880;
    cursor: pointer;
}






/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}

#oepnv td 
	{
  	text-align: left;
	font-weight: normal;
	font-size: 1.2em; 
}

/* Formatierungen fuer die Foldouts */

.dyn {
	text-decoration: none;
}
.dyn a:hover {
color: #fff;
}


div.dyn {
	position:relative;
	overflow:hidden;
	padding:0;
}