/** STYLESHEET FOR TOURISMUSSCHULEN SALZKAMMERGUT **/

body {
	margin:0px;
	padding:0px;
	background:#E1E1E1;
	font-family:Arial;
	font-size:11px;
}

:focus {
	outline: 0;
}

/**
***   MAIN 
******************************************************/

#main {
	margin:0px;
	padding:0px;
	position:relative;
}


#navigation-positioner { position:absolute; left:0; top:0; width:100%}
#navigation-positioner .nav-wra { margin:0 auto; width:900px; }
/**
***   1 ROW
******************************************************/

#row-1-div {
	/*padding:20px;
	padding-top:10px;
	width:622px;*/
	padding:10px 20px 9px 9px;
}

/**
***   1 ROW  JOBS
******************************************************/

#row-1-jobs {
	padding:20px;
	padding-top:10px;
}


/**
***   2 ROWS
******************************************************/

#row-1-left {
	float:left;
	width:626px;
	padding-left:9px;
	padding-right:20px;
	padding-top:20px;
}
#row-2-right {
	float:left;
	width:210px;
	padding-left:15px;
	padding-right:5px;
}


/**
***   3 ROWS
******************************************************/

#row-left-1 {
	float:left;
	width:220px;
	padding:40px;
	padding-top:10px;
}

#row-middle-2 {
	float:left;
	width:300px;
}

#row-right-3 {
	float:left;
	width:220px;
	padding:40px;
	padding-top:10px;
}

/**
***   HEADER
******************************************************/

#header {
	height:200px;
	width:100%;
	background:#0076BD;
}
/* NAVIGATION */

#navigation {
	height:80px;
	width:900px;
	margin:0 auto;
	margin-bottom:5px;
	position:relative;
}
/* LOGO - RIGHT */

#logo {
	float:right;
	width:230px;
	height:35px;
	padding-top:45px;
}

/* MAINMENÜ - LEFT */

#menu {
	float:left;
	width:670px;
	height:80px;
}

/* MAINMENÜ - STYLES */

#mainmenu {
	width:665px;
	margin:0px;
	padding:0px;
	padding-left: 5px;
}

#mainmenu a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

#mainmenu li {
	float:left;
	list-style:none;
	padding-top:50px;
	padding-bottom:20px;
	margin-left:2px;
	margin-right:15px;
	position:relative;
}

#mainmenu li.active {
	border-top:10px solid #1DA676;
	padding-top:40px;
	position:relative;
}

#mainmenu li.active > a {
	font-weight:bold;
}

/* MAINMENÜ - 2. EBENE ----*/
#mainmenu li ul {
	visibility:hidden;
	position:absolute;
	top:65px;
	left:-15px;	
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0;
	padding:10px 10px;
	width:140px;
	z-index:50000;
}

#mainmenu li ul li {
	padding:5px 0px;
	float:left;
	color:#999999;
	width:120px;
	border-bottom:1px dotted #999999;
	position:relative;
	z-index:50000;
}
#mainmenu li ul li a:hover {
	color:#666666;
}


#mainmenu li ul li ul li.active,
#mainmenu li ul li.active {
	font-weight:bold;
	color:#000000;
	border-top:none;
	padding-top:5px;
}
#mainmenu li ul li.last {
	border:none;
}

#mainmenu li.hover ul,
#mainmenu li:hover ul {
	visibility:visible;
	z-index:50000;
}


.lehrer-el {
	width: 160px;
	height: 190px;
	float: left;
	overflow:hidden;
}
.lehrer-el img {
	margin: 0;
	padding:0;
}
.lehrer-el p {
	margin: 0;
	padding:2px 0 0 0;
}



/* MAINMENÜ - 3. EBENE ----*/
#mainmenu li ul li ul {
	visibility:hidden;
	position:absolute;
	left:120px;
	top:-3px;
	width:160px;
	padding:5px 10px;
	z-index:50000;
}
#mainmenu .ebene-3 li {
	width:140px;
	border-bottom:1px dotted #999999;
	height:auto;
	font-weight:normal;
	color:#999999;
}

#mainmenu .ebene-3 li.active {
	font-weight:bold;
	color:#000000;
	border-top:none;
	padding-top:5px;
}

#mainmenu li.hover ul li ul,
#mainmenu li:hover ul li ul {
	visibility:hidden;
}

#mainmenu li:hover ul li:hover ul,
#mainmenu li.hover ul li.hover ul,
#mainmenu li ul:hover li:hover ul,
#mainmenu li ul li.hover ul,
#mainmenu li ul li:hover ul {
	visibility:visible;
}

/* HEADER Navigation -> Wichtige Links */
/* Header navigation - TOP Image */

/*
#header-top {
	position:relative;
	height:4px;
	width:900px;
	margin:0 auto;
}


#header-nav-header {
	position:absolute;
	right:20px;
	width:210px;
	bottom:0px;
	height:4px;
	background-image:url(../images/header-nav-top.png);
	background-repeat:no-repeat;
}
*/
#image-load { height:0px; line-height:0; }

/* DIV Rund um Image and Box -> Zur positionierung von der Box */
#position-box {
	margin:0 auto;
	width:900px;
}
#position-box-start {
	margin:0 auto;
	width:900px;
	position:relative;
}

/* Header Navigation - BOX */

#header-nav-links {
	position:absolute;
	right:20px;
	top:81px;
	z-index:30500;
	width:210px;
	height:190px;
	background:url(../images/box-quicknavi.png) no-repeat;
}
#header-nav-links-start {
	position:absolute;
	right:20px;
	top:-4px;
	z-index:30500;
	width:210px;
	height:190px;
/*	background:url(../images/header-nav.png) no-repeat;*/
	background:url(../images/box-quicknavi.png) no-repeat;
}

*+html #header-nav-links {
	top:86px;
	z-index:30500;
}


/* Header Navigation - STYLES */

#header-nav {
/*	margin:15px 35px; */
	margin:15px 5px 15px 35px;
	padding:0px;
	font-size:10px;
	z-index:30500;
}


#header-nav li {
	list-style-image:url(../images/header-nav-pfeil.gif);
	list-style-position:outside;
	margin-top:9px;
}
#header-nav li.first {
	margin-top:0px;
}

#header-nav li.active {
	list-style-image:url(../images/header-nav-pfeil-active.gif);
	list-style-position:outside;
}
#header-nav li a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
#header-nav li a:hover {
	color:#FF6600;
}
#header-nav li.active a {
	font-weight:bold;
}

/* HEADER IMAGE */

#header-image {
	width:900px;
	height:200px;
	margin:0 auto;
}

/**
***   UM den CONTENT BEREICH -> 
***   string; 1,2 und 3 ROWS; Footer-top; Footer 
******************************************************/

#page {
	width:900px;
	margin:0 auto;
}

/**
***   STRING 
******************************************************/
#string {
	width:639px;
	padding-right:23px;
	font-size:11px;
	padding-top:5px;
}

/* PFAD der Seite */

.pfad {
	float:left;
	width:582px;
	color:#FF6600;
	padding: 5px 0 10px 8px;
}

.pfad a:link,
.pfad a:visited,
.pfad a:active,
.pfad a {
	text-decoration: none;
	color:#FF6600;
	cursor:pointer;
}
/* FONT-SIZE - Schriftgröße */

.font-size {
	float:right;
	width:50px;
	text-align:right;
	color:#999999;
}

.font-size img {
	margin-left:5px;
}

/**
***   ROW RECHTS INHALT 
******************************************************/
/* FOTO DER WOCHE DIV */
#foto-der-woche {
	width:210px;
	background:url(../images/box-videothek.png) bottom left no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	height: 165px;
}
.foto-wrapper {
	background:url(../images/box-videothek.png) top left no-repeat;
	height: 100px;
}

/* Bild in DIV FOTO DER WOCHE */

#foto-der-woche div.picture {
	width:135px;
	height:85px;
	position:absolute;
	left:8px;
	top:27px;
}
/* Text in DIV FOTO DER WOCHE */
#text-fotoderwoche {
	position:absolute;
	left:8px;
	top:117px;
	width:190px;
	height:;
	font-size:10px;
	color:#FFFFFF;
}

#text-fotoderwoche p {
	margin:0px;
	padding:0px;
}
/* TOURISTICKER */

#touristicker {
	margin-top:20px;
	margin-bottom:20px;
	width:210px;
	height:105px;
	overflow:hidden;
	background:url(../images/box-touristicker.png) top left no-repeat;
}

.ticker-top {
	background:url(../images/fce/touristicker-top.gif) no-repeat;
	height:19px;
}
.ticker-wrapper { width:215px; min-height:61px; background:url(../images/fce/touristicker-bottom.gif) no-repeat bottom left; padding:5px 0;  }
.ticker-text { 
	/*margin:0px 5px 10px 65px; 
	width:145px;
	background:#fff; 
	min-height:46px; */
	padding:30px 0 0 50px;
	font-size:10px;
}

.ticker-text p { margin-top:0; padding-top:0; }


/* OLE OFFNES LERNEN */

#ole {
	margin-top:10px;
	margin-bottom:20px;
}

/**
***   FOOTER - TOP
******************************************************/

#footer-top {
	font-size:11px;
	color:#999999;
	margin-top:20px;
	position:relative;
}
#footer-top a {
	color:#666666;
	text-decoration:none;
}

/* Adresse - LEFT */

#adresse {
	width:721px;
	padding-left: 9px;
}

/* META NAV - RIGHT -> Sitemap, Impressum, ... */

#meta-nav {
	text-align:right;
	position:absolute;
	bottom:0;
	right:21px;
}

/**
***   FOOTER
******************************************************/


#footer {
	height:60px;
	border-top:1px dotted #999999;
	width:100%;
	padding-top: 4px;
}

/* PARTNER im Footer */

#partner {
	margin-left:155px;
	height:40px;
	padding-top:6px;
}

#partner img {
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}

.footer-header {
	color: #999;
	font:12px/16px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	display:block;
	float: left;
	margin-top:-27px;
	margin-left:9px;
	font-weight:bold;
}

/**
***   CONTENT INHALT -> 
***   Inhalts Bereich der Seite - STYLES
******************************************************/

#news {
	border-bottom:1px dotted #999999;
	padding-bottom:10px;
	padding-top:10px;
}

.news-text {
	padding:0px;
	margin:0px;
}

.news-image { 
	float:left;
	width:150px;
	text-align:left;
}
.news-text p { margin-top:0; padding:0; }

.news-wrapper { min-height:60px; }

.news-single-img .img-item { float:left;
margin-bottom:15px;
margin-right:15px;  }
.news-single-imgcaption {padding-top: 3px;}
/* Link zu Ältere Nachrichten */

.aeltere-link {
	padding-top:10px;
	text-align:right;
}
.aeltere-link a {
	color:#FF6600;
	text-decoration:none;
}

/**
***   CONTENT DIV -> 
***   Bei aLLen Templates 1,2 und 3 Spalten gleich
******************************************************/

#content {
	padding:0px;
	margin:0px;
}

#content p { line-height:15px; }
#content a {
	color:#1DA676;
	text-decoration:none;
}
#content a:visited {
	color: #4B734D;
}

#content a:hover {
	color:#999999;
	text-decoration:underline;
}



#content h2 a,
#content h2 a:visited {
	color: #000;
}
#content h2 a:hover {
	color: #333;
}


/**
***   CLEARER 
******************************************************/

.clearer {
	content: ".";
	line-height:0px;
	height:0px;
	visibility:hidden;
	clear:both;
}

/**
*** NEWS
****************************************/
.news-list-container a,
.news-text a,
.news-link,
a span.color,
span.color {
	color:#FF6600;
	text-decoration:none;
}

#content .news-list-item h3.news-header a,
#content .news-list-item h3.news-header {
	font-size:14px;
	color:#1DA676;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

.news-single-item h3 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}



/**
*** HEADER **
***********************************/

.job-table {
	border-collapse:collapse;
	width: 100%;
}
	
.job-table td,
.job-table th {
	line-height:13px;
	padding: 10px;
	margin-right:1px;
	text-align:left;
	vertical-align:top;
}
.termine-table td,
.termine-table th {
	padding: 5px;
}
.job-table thead th {
	color:#fff;
	font-weight:bold;
	background:#0076BD;
}
.termine-table thead th {
	background:#ccc;
	color:#000;
}
.job-table tbody td  {
	border:0;
	border-top:1px solid #999;
	border-right:1px solid #999;
	text-align:left;
	vertical-align:top;
}
.job-table tbody td p {
	padding: 0;
	margin: 0;
}
.job-table tbody th.last,
.job-table tbody td.last {
	border-right: 0;
	text-align:left;
	vertical-align:top;
}

.csc-textpic-imagewrap {
	margin-top:10px;
}
#partner .csc-textpic-imagewrap {
	margin-top:0px;
}
/** TABLE **/

table,
table .table,
#table {
	vertical-align:top;
}

.csc-textpic-caption {
	font-size:11px;
	display:block;
	padding-top:3px;
}


table.termine th {
	background-color:#006600;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}

table.termine td {
	background-color:#959DB8;
}
table.termin td.uhrzeit {
	 width:50px; 
	 text-align:center;
}

div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:10px 0 50px 0;
}


/**
*** JOBBÖRSE                        ***
**************************************/



.tx-viajobboerse-pi1 select {
	font:11px/13px Arial, Helvetica, sans-serif normal;
	padding: 2px 0 2px 3px;
	height:auto;
	width: 150px;
}
.tx-viajobboerse-pi1 input {
	font:11px/13px Arial, Helvetica, sans-serif normal;
	padding: 2px 0 2px 3px;
}
.tx-viajobboerse-pi1 .row {
	width: 160px;
	height: 40px;
	float: left;
}
.search-button {
	padding-top: 11px;
	float: left;
	height: 29px;
}

#supplierungstabelle,
#supplierungstabelle tr,
#supplierungstabelle td {
	border: 0;
}
#supplierungstabelle,
#supplierungstabelle tr {
	background:none;
}
#supplierungstabelle {
	text-align:center;
}
#supplierungstabelle td {
	padding: 5px 10px;
/*	background:#959DB8; */
	background:#999999; 
	border:1px solid #000;
}

#supplierungstabelle a {
	color: #333;
}
#supplierungstabelle a:hover {
	color: #000;
}


/*
 Menue 3. Ebene
*/

#subsubnavigation,
#subsubnavigation li { margin:0; padding:0; list-style:none; }
#subsubnavigation { margin-top:25px; }
#subsubnavigation li {
	margin-top:5px;
}

#subsubnavigation a { color:#4B734D; text-decoration:none; }
#subsubnavigation a:hover { color:#000; }


/**
 * Filelinks
 */
.filelink {
	height: 45px; 
	border-bottom: 1px solid #e8e8e8;	
	padding: 15px 0;
	width: 560px;
}
.filelink div {
	height: 45px;
	float: left;
}
.filelink .file-title {
	width:230px;
}
.filelink .file-size,
.filelink .file-icon {
	width: 60px;
}
.filelink .file-icon {
	width:180px;
	text-align: left;
}
.filelink .file-link {
	width: 80px;
	text-align: right;
}


/* table { border-spacing:0; } */
td { border-bottom:1px solid #666666; padding:5px;}
th { border-bottom:1px solid #666666; background:#CCCCCC; padding:5px; text-transform:uppercase; text-align:center;  }


.tx-felogin-pi1 fieldset { border:none; margin-top:15px; }

fieldset, form {
	border: 0;
	padding: 0;
	margin: 0;
}
.tx-sremailsubscribe-pi1 legend {
	font-weight: normal;
	padding: 0;
}

.tx-sremailsubscribe-pi1 p  {
	padding: 0;
}
.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-notice {
	font-style:normal;
	font-size:11px;
}
.tx-sremailsubscribe-pi1 label span {
	color:#4B734D;
}
.tx-sremailsubscribe-pi1 a {
	background-image:none;
	padding-left:0;
}
.tx-sremailsubscribe-pi1 p.tx-sremailsubscribe-pi1-click-to-edit {
	margin: 0;
}
.tx-sremailsubscribe-pi1 input[type=text] {
	padding: 2px 3px;
}
.tx-sremailsubscribe-pi1 h4 {
	padding-left: 0;
}
 

h1.header {
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1DA676;
	margin:0 0 13px 0;
	text-transform:uppercase;
}
h2.subline-black,
h2.subline-green {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1DA676;
	margin:0 0 12px 0;
}
h2.subline-black {
	color: #000;
}

.quick-subscribe {
	padding: 7px 10px;
	background:#21A574;
}
.quick-subscribe legend {
	font-weight:bold;
	color: #fff;
	padding: 10px 0;
}
.quick-subscribe dl {
	padding: 0; margin:0;
}
.quick-subscribe dt,dd {
	padding: 0;
	margin:  0;
}
.quick-subscribe label {
	color: #fff;
	padding-top: 4px;
	display:block;
}
.quick-subscribe input[type=text] {
	width: 170px;
}
.quick-subscribe input[type=submit] {
	float: right;
}





/**
 * Supplierungsliste
 **/
 
#content a.suppl-link,
#content a.suppl-link:link,
#content a.suppl-link:hover,
#content a.suppl-link:visited {
	display:block;
	line-height: 24px;
	height: 24px;
	background: #ccc;
	width: 40px;
	float: left;
	text-align:center;
	margin:0 5px 0 0;
	color: #000;
}