/* layoutaufteilung home + content */
body {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:12px;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(../../image/common/back_content.gif);
	background-repeat:repeat-x;
}

#frame {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	margin-bottom:0px;
	padding:0px;
}

#head {
	width:750px;
	position:relative;
	margin-bottom:0px;
	margin-top:0px;
	height:26px;
	padding:0px;
}

#headlogo {
	width:749px;
	margin-left:1px;
	height:44px;
	border-bottom:1px solid #999999;
	margin-top:15px;
	padding:0px;
}

#left {
	width:150px;
	padding:0px;
	margin: 0px;
	float:left;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	min-height:520px;
}

#content {
	width:568px;
	padding:0px;
	margin:0px 10px 10px 20px;
	float:left;
	text-align:left;
}

/*
#right {
	width:84px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	float:right;
}
*/

#footer {
	width:750px;
	height:12px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:5px;
	padding:1px 0px;
	border-top:1px solid #999999;
	color:#666666;
	font-size:10px;
	text-align:left;
}

/* contentbereich generell */
#content h1 {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:16px;
	color:#990033;
	margin:20px 0px 10px 0px;
	/*border-bottom:1px solid #990033;*/
}

#content h2 {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:14px;
	color:#990033;
	margin:20px 0px 0px 0px;
}

#content h3 {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:13px;
	color:#990033;
	margin:20px 0px 0px 0px;
}

#content h4 {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:14px;
	color:#990033;
	margin:20px 0px 0px 0px;
}

#content h6 {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:12px;
	color:#990033;
	margin:20px 0px 0px 0px;
}

#content p {
	line-height:18px;
	color:#000000;
	margin:5px 0px 10px 0px;
}

#content .lead {
	font-style:italic;
	line-height:16px;
	color:#333333;
	margin:10px 0px 10px 0px;
}

#content .bild {
	padding:0px;
	margin:5px 0px 10px 20px;
	float:right;
	border:1px solid #999999;
}

#content .bildleft {
	padding:0px;
	margin:5px 20px 10px 0px;
	float:left;
	border:1px solid #999999;
}

#content .box {
	padding:5px;
	border:1px solid #990033;
	background-color:#EEEEEE;
}

#content ul {
	list-style-type:circle;
}

#content ol {
	list-style-type:decimal;
}

#content li {
	line-height:16px;
	margin-bottom:4px;
}

.usicline {
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:12px;
	color:#666666;
	line-height:18px;
}

/* navigation dropdown + mainnavigation */
ul.mainnav {
	list-style:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
		
ul.mainnav li {
	display:block;
	border-left:1px solid #FFFFFF;
	margin:0px;
	padding:0px;
}

ul.mainnav li a {
	display:block;
	margin:0px;
	padding:4px;
	background-color:#FF3366;
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:11px;
	line-height:14px;
	color:#fff;
	text-decoration:none;
	width:141px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	}

ul.mainnav li a:hover {
	background-color:#990033;
	color:#FFFFFF;
	text-decoration:none;
}

ul.mainnav li .active {
	background-color:#990033;
	color:#FFFFFF;
}

/* navigation subnavigation 1 */
ul.mainnav ul.subnav {
	list-style:none;
	margin:0px;
	padding:0px;
	border:0px solid #FFFFFF;
}

ul.mainnav ul.subnav li {
	border-top:0 none;
	border:0px solid #FFFFFF;
	padding-left:0px;
}

ul.mainnav ul.subnav li a {
	width:135px;
	padding:2px 4px 2px 10px;
	margin:0px;
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:10px;
	line-height:14px;
	color:#000000;
	text-decoration:none;
	background-color:#CCCCCC;
	border-bottom:1px dotted #999999;
}

ul.mainnav ul.subnav li a:hover {
	color:#FFFFFF;
	background-color:#FF3366;
	border-bottom:1px dotted #FFFFFF;
	text-decoration:none;
}

ul.mainnav ul.subnav li .active {
	color:#FFFFFF;
	background-color:#990033;
	border-bottom:1px dotted #FFFFFF;
}

/* navigation subnavigation 2 */
ul.mainnav ul.subnav2 {
	list-style:none;	
	margin:0px;
	padding:0px;
}

ul.mainnav ul.subnav2 li {
	border-top:0 none;
	padding-left:0px;
}

ul.mainnav ul.subnav2 li a {
	width:135px;
	padding:2px 4px 2px 10px;	
	margin:0px;
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:10px;
	line-height:13px;
	color:#000000;
	text-decoration:none;
	background-color:transparent;
	border-bottom:1px dotted #999999;
}

ul.mainnav ul.subnav2 li a:hover {
	color:#990033;
	background-color:transparent;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

ul.mainnav ul.subnav2 li .active {
	color:#990033;
	background-color:transparent;
	border-bottom:1px dotted #990033;
}

/* sprachwahl */
.lang {
	font-size:10px;
	color:#000000;
	text-align:right;
	margin:0px;
	padding:15px 1px 2px 1px;
	border-bottom:1px solid #999999;
}

.lang a {
	text-decoration:none;
	color:#999999;
}

.lang a:hover { color:#990033; text-decoration:none; }
.lang .active { color:#990033; text-decoration:none; }

/* teaser bulletin */
ul.teaser { list-style:none; margin:30px 0 0 0; padding:0; background:url(../../image/common/teaser_bg.gif) repeat 0 0 #eee; border:1px dotted #ccc; }
ul.teaser li { display:block; margin:0; padding:0; }
ul.teaser li a {
	display:block;
	margin:0px;
	padding:5px;
	font-family: 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;	
	font-size:13px;
	line-height:20px;
	color:#222;
	text-align:center;
	text-decoration:none;
	width:141px;
}

ul.teaser li a:hover { background:#FF3366; color:#fff; text-decoration:none; }

/* position layers dropdown-menu */
#ddorganisation { position:absolute; z-index:10; top:26px; left:0px; width:150px; visibility: hidden; text-align:left; }
#ddinfos_lernende { position:absolute; z-index:11; top:26px; left:150px; width:150px;visibility: hidden; text-align:left; }
#ddinfos_ausbildner { position:absolute; z-index:12; top:26px; left:300px; width:150px; visibility: hidden; text-align:left; }
#ddlehrstellenboerse { position:absolute; z-index:13; top:26px; left:450px; width:150px; visibility: hidden; text-align:left; }

/* 28.01.11 ersetzen menu karrieren durch medien */
/* #ddkarrieren { position:absolute; top:26px; z-index:14; left:600px; width:150px; visibility: hidden; text-align:left; } */
#ddmedien { position:absolute; top:26px; z-index:14; left:600px; width:150px; visibility: hidden; text-align:left; }

/* inputfields generell */
input, textarea, select { background:#FFFFFF; color:#000000; border:1px solid #999999; }
input:focus, textarea:focus, select:focus { background:#FFCCCC; color:#000000; border:1px solid #990033; }
.linkdropdown { width:430px; background:#FFFFFF; color:#000000; border:1px solid #999999; }

/* formular table */
#formular {	width:400px; }
#formular td.label { width:150px; text-align:right; vertical-align:top; padding:4px; }
#formular td.field { width:250px; text-align:left; vertical-align:top; padding:4px; }
#formular .field240 { width:240px; }
#formular .field40 { width:40px; }

/* styles lang_file.txt */
.error { margin-bottom:10px; font-size:12px; font-weight:bold; color:#990033; }
.success { margin-top:20px; margin-bottom:20px; font-size:12px; font-weight:bold; color:#000000; }

/* absatz mit linie normal */
.linie { border-bottom:1px solid #999999; }

/* absatz mit linie, datum, link */
.news table { width:100%; }
.news td { padding:4px 6px 4px 0px; vertical-align:top; line-height:16px; border-bottom:1px solid #999999; }

/* mouseovers generell */
a { color:#990033; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
.active { color:#000000; text-decoration:underline; }

/* tabelle infos bbl */
.tabelle { margin:10px 0px; width:99%; }
.tabelle .titel { padding:3px 20px 3px 0px; border-bottom:1px solid #CCCCCC; text-align:right; vertical-align: top;width:40%; }
.tabelle .data { padding:3px 0px; font-weight:bold; border-bottom:1px solid #CCCCCC; text-align:left; width:60%; }
.tabelle .data2 { padding:3px 0px; border-bottom:1px solid #CCCCCC; text-align:left; width:60%; }
.textblock { border-bottom:1px solid #CCCCCC; padding:3px 0px; }

/* tabelle lehrstellenboerse */
.lehrstellenboerse { margin:10px 0px; width:100%; }
.lehrstellenboerse th { padding:7px 10px 4px 0px; font-weight:bold; border-bottom:1px solid #FFFFFF; }
.lehrstellenboerse td { padding:7px 10px 7px 0px; border-bottom:1px solid #CCCCCC; }

/* datei-listen */
.pdfliste, .jpgliste {
	margin:20px 30px;
	padding:0px;
}

.pdf {
	background-image:url(../../image/common/pdf_small.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.jpg {
	background-image:url(../../image/common/jpg_small.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.pdf a, .jpg a {
	display:block;
	margin:0px 10px 0px 25px;
	padding:5px 0px;
	text-decoration:none;
	color:#990033;
	border-bottom:1px solid #999999;
}

.pdf a:hover, .jpg a:hover {
	text-decoration:underline;
	color:#000000;
}

/* tabelle goenner-logos -> organisation */
.goenner { width:100%; margin-top:10px; font-style:italic; line-height:16px; }
.goennerlogo { width:170px; text-align:center; }
.goenner td { padding:12px 0px; border-bottom:1px solid #ccc; }

/* tabelle goenner-logos -> bulletin */
.goenner_bulletin { width:100%; margin:10px 0 0 0; padding:5px 0 0 0; border-top:3px solid #990033; }
.goenner_bulletin td { padding:4px 0; text-align:center; }