/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.12.00
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials. Modifziert für FeM e.V.
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{

/* Formatierung der Seite */
body {
	background : #e0e0e0;
	color : black;
	font-size : 0.8em;
	padding : 10px;
}
body, form, input, textarea, select {
	font-family : 'Trebuchet MS', Verdana, sans-serif;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	background : #fff;
	border : 1px solid black;
	margin-bottom : 1px;
	padding-bottom : 1px;
}
#page_margins {
	margin:auto;
	max-width:100em;
	min-width:756px;
}

/* Formatierung der Kopfbereiches */
#header {
	background : #ffcc00 url(../../img/fem/header_background.jpg) repeat-x top;
	color:#fff;
	height:100px;
	position:relative;
}
#header img {
	font-size:208%;
	margin-bottom : auto;
	margin-left : auto;
	position:absolute;
	top : 0px;
}
#header img#logo { display : block; right : 0px; }
#header img#people { left : 0px; }

#banner {position:absolute; top:20px; right:0px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#header div.tx-macinasearchbox-pi1 {position:absolute; top:130px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

/* Formatierung der Fußzeile */
#footer {
	background : url(../../img/fem/menue_oben_standard.jpg);
	border-top : 1px solid black;
	color : black;
	font-size : 0.9em;
	line-height : 2em;
	min-height : 17px;
	padding-top : 2px;
}
#footer ul {
	clear:both;
	margin : 0 1em;
	list-style-type:none;
        list-style-position:inside;
}
#footer ul li { float : right; }


/* ######################################################################################################
** ### Formatierung für einzelne Elemente ###############################################################
** ######################################################################################################
*/

/* Headlines */
h1,h2,h3,h4 {
	font-family: Futura, 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight:normal;
}
h1,h2,h3 {
	color : #00377C;
	margin-bottom : 0.25em;
	padding-top : 1.0em;
}
h4,h5,h6 {
	color : black;
	margin-bottom : 0.30em;
}

h1 { border-bottom : 3px solid #00377C; font-size : 1.6em; }
h2 { border-bottom : 2px solid #dddddd; font-size : 1.4em; }
h3 { font-size : 1.2em; font-weight : bold; }
h4 { border-bottom : 1px solid #dddddd; font-weight : bold; padding-top : 0.25em; }
h5 { font-style : italic; }
h6 { font-style : italic; }


/* Tabellen */
table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }


/* Formulare */
input, textarea, select {
	background: #fafafa;
	border : 1px solid #ccc;
	color: #777;
	margin : 2px;
	padding: 3px;
}
input.submitbutton {
	border-width : 2px;
	color : #00377C;
	font-size : 0.9em;
	font-weight : bold;
	padding : 0px 4em;
}
input[type=text]:focus, textarea:focus, select:focus {
	background : #f0f0f0;
	border-color : #666;
	color : #333;
}
fieldset {
	border : 1px dotted black;
	padding : 0.5em;
}
legend {
	border : 1px dotted black;
	margin-left : 0.25em;
	padding : 0.25em;
}


/* Links */
a:link, a:visited, a em.file {
	color : #00377C;
	text-decoration : none;
}
p a:link, p a:visited, p a em.file {
	text-decoration : underline;
}
a:hover {
	background-color : #E0E0E0;
	text-decoration : underline;
}
a:focus {
	background-color : #E0E0E0;
	text-decoration : underline;
}

#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left : 12px;
	background-image : url(../../img/icons/ext_link.gif);
	background-repeat : no-repeat;
	background-position : 0 0.45em;
}
#main a.imagelink {
	padding-left : 0;
	background : transparent;
}

#footer a { color: #669; }
#footer a:hover { background-color: #eef; }
#footer a:focus { background-color: #eef; }


/* ######################################################################################################
** ### Sonderklassen ####################################################################################
** ######################################################################################################
*/

.csc-textpic {overflow: auto; }


.wichtig {
	background-color : #ffd0cf;
	border : 1px solid red;
	margin : 0.25em;
	padding : 1em;
}
.extra {
	font-variant : small-caps;
}
.imp {
	text-align : center;
}

/* Bilder in Galerie */
.tabel a {
  display:block;
  width:205px;
  height:205px;
  float:left;
  text-align:center;
  vertical-align:middle;
}
.tabel {
  overflow:auto;
}

/* Post */
.post { padding-bottom : 2em; overflow:auto; }
.post h3 { padding-top : 0em; }
.post img { float : right; padding : 1em 0 0 1em; }
/* News */
.news-latest-item { padding-bottom : 2em; }
.news-latest-item h3 { padding-top : 0em; }
.news-latest-item img { float : left; padding : 0 1em 1em 0; }
/* News-Archiv*/
.news-list-item { padding-bottom : 2em; overflow:auto;}
.news-list-item h3 { padding-top : 0em; }
.news-list-item img { float : right; padding : 1em 0 0 1em; }
/* News-Archiv */
.news-list-item { border-bottom : 1px solid #ccc; padding-bottom : 1em; }
.news-list-date { font-size : 0.7em; font-weight : normal; }
/* Blog */
.entrytext img { margin: 1em; }
.postmetadata {
	border-bottom : 1px solid #ccc;
	clear : both;
	font-size : 0.8em;
	text-align : right;
}


/* ######################################################################################################
** ### Formatierung der Navigation ######################################################################
** ######################################################################################################
*/

/* Horizontal */
#nav_main {
	background-image : url(../../img/fem/menue_oben_standard.jpg);
	border-top : 3px solid #00377C;
	border-bottom : 1px solid #7f8085;
	min-height : 26px;
	position : relative;
	width : auto;
}

#nav_main ul { margin-left:1em; }
#nav_main ul li {
	border:none;
	font-size:0.9em;
	line-height:1em;
}
#nav_main ul li a {
	background : none;
	color:#00377C;
	font-size : 1.1em;
}
#nav_main ul li#current a {
	background-image : url(../../img/fem/menue_oben_2.jpg);
	color : #FFCC00;
}
#nav_main ul li a:hover, #nav_main ul li#current a:hover {
	background-image : url(../../img/fem/menue_oben_1.jpg);
	color : #FFCC00;
}

/* Sprachauswahl */
.langMenu {
	margin-top : -7px;
	position : absolute;
	right : 1em;
	top : 50%;
}

/* Vertikal */
.menu { 
	border-top : 2px solid #dadbdd;
	border-bottom : 2px solid #dadbdd;
	list-style-type : none;
	margin : 2.4em 0em 1.5em 0em;
	overflow : hidden;
}
.menu ul { 
	list-style-type : none;
	margin-top : 0.1em;
	margin-bottom : 0.25em;
}
.menu li {
	margin : 0;
}
.submenu ul {
	margin-bottom : 1em;
}

.menutitle {
	background : #f4f4f4;
	border-bottom : 1px solid #ddd;
	color : #00377C;
	font-weight : bold;
	padding-left : 0.5em;
}
.menu li a { 
	border-bottom : 1px solid #ddd;
	color : #00377C; 
	display:block;
	font-weight : bold;
	padding-left : 0.5em;
	text-decoration : none !important;
}
.submenu li a {
	font-size : 0.9em;
}
.submenu li.active a {
	background : url(../../img/fem/menue_links.jpg);
	border-bottom : 1px solid #00377C;
	border-top : 3px solid #00377C;
}
.subsubmenu li a {
	color : #00377C;
}
.subsubmenu li.active a {
	background : #fc0;
	border-bottom : 1px solid #ddd;
	border-top : 2px solid #00377C;
}

.submenu a:hover, .submenu a:focus {
	background-color : #fc0;
	color : #00377C;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

#main {background:#fff ; padding-top:0;}

/* linke Spalte */
#col1 {
	overflow : hidden;
	width:20%;
}
#col1_content {margin-left:1em; margin-right:1em; color:#444; background:inherit;}

/* Rechte Spalte */
#col2 {width:25%;}
#col2_content {	margin-left:1em; margin-right:1em;}

/* Mittlere Spalte */
#col3 {
	border-left : 0px dotted #ddd;
	border-right : 0px dotted #ddd;
	margin-left : 21%;
	margin-right : 25%;
	padding-top : 2em;
}
#col3_content {
	background-color : #fffdf6;
	border : 1px dotted #ffcc00;
	padding : 1.5em;
	padding-top : 0;
	margin : 0 1em 1em 0;
}
#col3_content * { max-width : 100em; }

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser { padding-right : 1em; background:#f0f0f0; color:#765; }
#teaser div { float:left; width:auto; margin-right:1em; }
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .block1 a {color:#334;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em 0;}

}

/** plugin hack  */

div.tx-filelist ol.breadcrumb {
   display: none;
}