/* *** jugendinfo.at default css *** */
body {
background-color: #FFFFFF;
font-size: 80%;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color: #000000;
padding:0px;
margin:0px;
}


a {
color: #DC5402;
font-weight: bold;
}


/* externe links kennzeichnen */
a[href^="http:"]:link,
a[href^="http:"]:visited,
a[href^="http:"]:hover,
a[href^="http:"]:active,
a[href^="http:"]:focus {
background:url('../img/icon_link_ext.png') no-repeat left;
padding:0 0 0 12px;
}

a[href^="mailto:"] {
background:url('../img/icon_link_ext.png') no-repeat left;
padding:0 0 0 12px;
}

a[href^="http://www.jugendinfo.at"] {
background: none;
}

a[href^="http://jugendinfo.at"] {
background: none;
}

a:link.bild_ohne_linksymbol, a:visited.bild_ohne_linksymbol, a:hover.bild_ohne_linksymbol, a:active.bild_ohne_linksymbol, a:focus.bild_ohne_linksymbol {
    background: none;
    padding: 0;
    text-decoration: none;
    }


a:visited {color:#DC5402;}
a:hover {
color: #564b47;
/*background-color: #29A0A0;*/
}
a:active { color:#000000;}


/*
[href^="front_content.php"]:after {
	content:			" (Interner Link)"	!important;
}
*/


/* acronyme */
acronym, span.explanation, dfn {
 border-bottom : 1px dotted #DC5402;
 /*background : #EAF3FE;*/
 cursor: help;
 font-style: normal;
}

/***** tinyMCE styles *****/
h1 {
font-family:  arial, verdana, helvetica,sans-serif;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
margin:0px;
padding-top: 5px;
color: #29a0a0;;
}

h2 {
font-size: 1.2em;
margin:0px;
padding-top: 5px;
padding-bottom: 5px;
color: #29a0a0;
}

h3 {
font-size: 1.1em;
margin:0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}

h4 {

}

h5 {

}

h6 {

}

.orange {
color: #DC5402;
}

.tuerkis {
color:#29A0A0;
}


.bild_ohne_linksymbol {

}

.liste_unformatiert {
list-style: none inside;
margin-left: 0;
}

.startseiten_bild {
float: left;
margin-right: 0.8em;
}

.startseiten_bild h1, .startseiten_bild p {
float: right;
}




/* schriftgroesse aendern */
ul.schriftgroesse {
list-style: none;
padding: 0;
margin: 0;
display: inline;
}

ul.schriftgroesse li{
display: inline;
border-left: 1px solid #FFFFFF;
padding-left: 3px;
}

ul.schriftgroesse li.first{
border: none;
} 

ul.schriftgroesse li a{
color: #FFFFFF;
}





/*headlines auf der startseite */
#startseite h1 {
	text-align: center;
}



ul.news li h2 {

padding-top: 0px;
padding-bottom: 10px;
}

ul.news li h1 {
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
}



img.download {vertical-align:middle;}

.headline   	 {font-size:15pt; color:#000000; font-weight: normal}

/* ----------container zentriert das layout-------------- */
#container {
width: 100%;
padding:0px;
margin: 0px;
margin-left: 0px;
margin-right: auto;
background-color: #29A0A0;
background-image:url(../img/background.gif); 
background-repeat:repeat-x;
} 

/* ----------banner for logo-------------- */
#banner {
/*vertical-align: bottom;
background-color: #D27B27;*/
background-color: #29A0A0;
padding: 0px;
margin: 0px; 
/*text-align: right;*/
background-image:url(../img/background.gif); 
height: 100px;
}

img.home {
float: left;
}

img.fjk51 {
float: right;
}

#banner img {
vertical-align: bottom;
} 

#banner span.headline {
	color: #FFFFFF;
	position: relative;
	top: 35px;
	margin-left:  1.3em;
	float: left;
} 


img { 
border: none; 
}


/* ----------outer und inner----------------- */
#outer{ 
clear: right;
/*border-left: solid 199px #29A0A0;   linke Menue Spalten Farbe  */
 border-left: solid 199px #ffffff;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */

} 

/* die IE PC schlaufe */ 
#inner{ 
margin:0px; 
width:100%; 

} 


/* breadcrumb navigation */
#breadcrumb, .tx_newsbreadcrumb {
position: absolute;
/*top: 135px;
left: 200px;*/
top: 105px;
left: 285px;
color: #000000;
}

#breadcrumb a, .tx_newsbreadcrumb a {
/*color: #000000;*/
background: none;
padding: 0;
}

/* listen im inhalt */
#content ul li {
list-style-type: none;
padding: 0;
margin:0;
background-image: url(../img/listen_pfeil.gif);
background-repeat: no-repeat;
/*height: 15px;*/
margin-top: 18px;
padding-left: 18px;
line-height: 120%;
}


/* --------------left navigavtion------------- */
#left {
 width:280px;
 float:left; 
 position:relative; 
 margin-left:-199px; 
 margin-right:1px;
 background-color: #29A0A0;
 overflow: hidden;
 }

#left img {
 margin-left: 0.8em; 
 margin-bottom: 0.8em; 
}

 
/* hauptnavigation */
#hauptnavigation {

/*background-color: #29A0A0;
width: 198px;

margin-top: -20px;
padding-top: 45px;*/
padding-top: 0px;
padding-bottom: 15px;
margin: 0;
color: #FFFFFF;
}


#hauptnavigation img{
padding-left: 15px;
padding-top: 20px;
}


ul.mainnav {
	list-style-type: none;

	margin: 0 0 0 0.5em;
	padding: 0;
	font-size: 1.2em;
	background: transparent;
	}
	
.themen li, .schwerpunkte li{
/*border: 1px solid #FFFFFF;*/
padding: 5px;
padding-right: 0;
width: 255px;
font-weight: bold;
}

ul.schwerpunkte {
	margin-top: 20px;
	margin-bottom: 20px;
}

	
.mainnav li {
	list-style-type: none;
	display: block;
	margin: 0.3em 0 0.5em 0;
	}
		
.mainnav li.sub, #subnav li.sub {
	display: none;
}

.mainnav li a, span.mainnav a {
	display: block;
	padding: 1% 0 1% 2%;
	border: none;
	color: #FFF;
	background: transparent;
	text-decoration: underline;
	width: 90%;
	/*font-weight: 800;*/
	font-weight: normal;
	}

span.mainnav a {
	font-size: 15px;
	margin-left: 8px;
	margin-bottom: 10px;
}

.mainnav li a:hover {
	color: #FFF;
	background: transparent;
	}

.mainnav li .act {
	color: #FFF;
	background: transparent;
	text-decoration: underline;
}

ul.mainnav ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	line-height: 1.2em;
	border: none;
	}

ul.mainnav ul.subnav li {
	border: none;
	padding: 0;
	margin: 0 1.5em 0 1em;
	}

ul.mainnav ul.subnav li a {
	color: #FFF;
	padding: 0.2em 0 0.2em 9px;
	margin: 0;
	background: transparent;
	font-weight: normal;
	border-left: 1px solid #FFFFFF;
	}

ul.mainnav ul.subnav li a:hover {
	margin: 0px;
	color: #FFF;
	border: none;
	background: transparent url(../img/bg-subnav01.gif) no-repeat top left;
	text-decoration: none;
	font-weight: normal;
	border-left: 1px solid #D27B27;
	}

ul.mainnav ul.subnav li .act {
	margin: 0px;
	color: #FFF;
	border: none;
	background: transparent url(../img/bg-subnav02.gif) no-repeat top left;
	font-weight: normal;
	border-left: 1px solid #D27B27;
}



/*#mainnav li a {
		width: auto;
	}

ul#mainnav {
	list-style-type: none;

	margin: 0 0 0 0.5em;
	padding: 0;
	font-size: 1.2em;
	background: transparent;
	}

#mainnav li {
	list-style-type: none;
	display: block;
	margin: 0.3em 0 0.5em 0;
	}
		
#mainnav li.sub, #subnav li.sub {
	display: none;
}

#mainnav li a {
	display: block;
	padding: 1% 0 1% 2%;
	border: none;
	color: #FFF;
	background: transparent;
	text-decoration: none;
	width: 90%;
	font-weight: 800;
	}

#mainnav li a:hover {
	color: #FFF;
	background: transparent;
	}

#mainnav li .act {
	color: #FFF;
	background: transparent;
	text-decoration: underline;
}

ul#mainnav ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	line-height: 1.2em;
	border: none;
	}

ul#mainnav ul.subnav li {
	border: none;
	padding: 0;
	margin: 0 1.5em 0 1em;
	}

ul#mainnav ul.subnav li a {
	color: #FFF;
	padding: 0.2em 0 0.2em 9px;
	margin: 0;
	background: transparent;
	font-weight: normal;
	border-left: 1px solid #FFFFFF;
	}

ul#mainnav ul.subnav li a:hover {
	margin: 0px;
	color: #FFF;
	border: none;
	background: transparent url(../img/bg-subnav01.gif) no-repeat top left;
	text-decoration: none;
	font-weight: normal;
	border-left: 1px solid #D27B27;
	}

ul#mainnav ul.subnav li .act {
	margin: 0px;
	color: #FFF;
	border: none;
	background: transparent url(../img/bg-subnav02.gif) no-repeat top left;
	font-weight: normal;
	border-left: 1px solid #D27B27;
}
*/


/* -----------------Inhalt--------------------- */
#content{ 
padding-left: 25px;
padding-top: 25px; 
padding-bottom: 10px;
/*width: 90%;*/
width: 55%;
float: left;
margin-top: 1em;
}

p{
font-size:1em;
padding: 5px 0px;
margin:0px; 
}

p.tuerkis {
color: #29A0A0;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}




/* textboxen */
#textbox_wrapper {
margin-top: 2em;
/*position: relative;
top: -35em;*/
margin-left: 5px;
margin-right: 1em;
float: right;
margin-bottom: 20px;
max-width: 350px;
width: 25%;
/*width:expression(350 + "px");  max width fuer ie */
}

#textbox {
border: solid 1px #29A0A0;
padding: 5px;
text-align: center;
white-space:normal;
}

#textbox ul li {
list-style: none;
text-align: left;
padding-bottom: 0.4em;	
padding-left: 0.5em;
}

#textbox ul li a{
/*background: none;	*/
}

div.textbox_head {
background-color:  #29A0A0;
color: #FFFFFF;
padding: 5px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-weight: bold;
white-space:normal;
}

#textboxinhalt {
padding: 0px;
padding-top: 10px;
white-space:normal;
font-weight: normal;
}

#textbox_2 {
margin-top: 10px;
margin-bottom: 20px;
border: solid 1px #DC5402;
padding: 5px;
text-align: center;
font-weight: bold;
white-space:normal;
}

div.textbox_head_2 {
background-color: #DC5402;
color: #FFFFFF;
padding: 5px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
white-space:normal;
}

#textboxinhalt_2 {
padding: 0px;
padding-top: 10px;
text-align: center;
white-space:normal;
font-weight: normal;
}

/* links in textbox headern werden anders formatiert um sich von dem orangenen bzw. tuerkisen hintergrund abzuheben */

a:link.link_in_textbox, a:visited.link_in_textbox, a:hover.link_in_textbox, a:active.link_in_textbox, a:focus.link_in_textbox {
color: #FFFFFF;
    }

a:hover.link_in_textbox, a:active.link_in_textbox{
color: #FBFF3C;
    }

/* news */

#news img {
border: 0px;
}

ul.news {
list-style: none;
margin: 0;
padding: 0;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: left; } 

/* footer links (seite empfehlen, top link) */
ul.footer_links {
list-style: none;
padding: 0;
margin: 0;
display: inline;
}

ul.footer_links li{
display: inline;
border-left: 1px solid #000;
padding-left: 3px;
}

ul.footer_links li.first{
border: none;

} 
    


/* form */
.form {
margin: 10px;
}

.submit { 
padding: 0;
margin-top: 5px;
margin-left: 0px;
border:0;
color:#FFFFFF;
background-color:#29A0A0;
font-weight:bold;
border: solid 1px #DC5402;
}

.input {
border: solid 1px #DC5402;
width: 7.5em;
}

.textarea {
border: solid 1px #DC5402;
width: 25em;
height: 5em;
}


.form_text {
margin:0px;
padding: 0;
font-family:  arial, verdana, helvetica,sans-serif;
font-size: 0.8em;
color: #FFFFFF;
}

input:focus, select:focus, textarea:focus {
background:red;
color:white;
}

label {
color: #FFFFFF;
}

/* fuer suchfeld im content */
form input {
border: solid 1px #DC5402;
}

/***** such ergebnissseite *****/
.suchergebnis_highlight {
background-color: #EA8725;
}

span.suchergebnis {
}

p.only_in_print {
display: none;
margin-top: 20px;
text-align: center;
}


/*** job-talks formular ***/
.text .input {
margin-top: 2em;
}



/*** datum anzeige unter artikeln ***/
.datum {
padding-left: 3px;
}


  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }


/*********** typo3 stuff **************/
/***** specialelements *****/
.bundeslaender_infos img {
float: left;	
margin-right: 1em;
}

.bundeslaender_infos {
border-bottom: 1px dashed #dc5402;
min-height: 80px;	
padding-bottom: 1em;
margin-top: 1em;
}

.bundeslaender_infos h4 {
margin: 0;
padding: 0;
padding-bottom: 0.5em;
color: #dc5402;
font-size: 1.3em;	
}

.bundeslaender_infos p {

}

/***** tt_news *****/
/** tt_news - latest **/
h1.csc-firstHeader  {
margin-bottom: 1em;
/*color: #29a0a0;*/
}

.news-latest-container img {
float: left;
margin-right: 0.4em;
}

.news-latest-item h3 {
	font-size: 1.5em;
}

span.news-latest-date  {
font-size: 0.9em;
}

.news-latest-item p {
}

.news-latest-morelink {
clear: both;
}

.news-latest-container div, .news-list-container div {
margin-bottom: 1em;
padding-bottom: 0.5em;
}

.news-latest-gotoarchive {
border-bottom: 1px dashed #dc5402;	
}

/** tt_news - single **/
.news-single-item img {
float: left;
margin-right: 0.4em;
}

/************** biblithek suche ******************/
/**** suchformular *********/
#bibliothek {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#bibliothek .wfqbe_even {
	background: #FFFFFF;
	margin-bottom: 0.5em;
}

#bibliothek .wfqbe_odd {
	margin-bottom: 0.5em;
}

#bibliothek .wfqbe_even label, .wfqbe_odd label {
	color: #000000;
}

.wfqbe_table_header a {
	color: #FFFFFF;	
}

/************** indexed suche ******************/
/**** suchformular - normal *********/
.tx-indexedsearch-searchbox td, .tx-indexedsearch-searchbox td {
		padding-right: 0.5em;
}

#content ul.browsebox li  {
	background: none;
}

/**** suchformular - sidebar *********/
/*#search .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
		margin-left: 1.4em;
		margin-top: 1em;
}*/

.tx-macinasearchbox-pi1 {
		margin-left: 0.8em;
		margin-top: 0.8em;
		margin-bottom: 1em;
}
		
.tx-macinasearchbox-pi1 input {
		margin-top: 0.4em;
}

/************** shop ******************/
/**** single-view *********/
.com-single img {
float: left;	
}