/* CSS Document */

/** * Fripa CSS * -------------------- * CSS designed by Grafiknet * http://www.grafiknet.de */ 

/* Allgemeine Sitestyles */ 
html,body,form,fieldset { margin:0; padding:0; } 
p,pre,blockquote,ul,ol,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding:0;
}
a img{
border:none;}

a #test{
text-decoration:none;
}
#print{
height:100px;
width:300px;
display:none;
}
.contentpaneopen {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:505px;
padding:0;
margin:0;
}

body { background:#fff url(../images/body_bg.jpg) no-repeat top left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#888;
margin:0;
padding:0;
}

.fripa_logo {
background-image:url(../images/fripa_logo.png);
background-repeat:no-repeat;
background-position:left;
position:absolute;
left:50px;
top:14px;
width:300px;
height:100px;
}

#div_left {
position:absolute;
left:126px;
top:154px;
width:160px;
height:500px;

}

/*Menu links nicht mit scollen*/
body>#div_left {
position:fixed;
}

#div_main {
position:absolute;
top:156px;
left:330px;
width:505px;
overflow:hidden;
}

.zelle_footer_links {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#9e9e9e;
}



/* Main Menu(s) */
a.mainlevel {
width:200px;
display:block;
line-height:16px;
text-decoration:none;
}

html>body a.mainlevel {
width:200px;
}

/* Opera5-Fix-fix ;-) */
a.mainlevel:link,a.mainlevel:visited {
text-decoration:none;
}

a.mainlevel:hover {
text-decoration:none;
font-weight:bold;
color:#888;
}

a.mainlevel#active_menu {
text-decoration:none;
font-weight:bold;
color:#de0059;
}

/*Erste Ebene Untermenu*/
a.sublevel {
padding:0;
margin:0;
padding-left:6px;
width:200px;
display:block;
line-height:16px;
margin-bottom:2px;
text-decoration:none;
color:#de0059;
}
/*Zweite Ebene Untermenu*/
a.sub02level:link, a.sub02level:visited {
padding:0;
margin:0;
padding-left:16px;
width:139px;
display:block;
line-height:16px;
margin-bottom:2px;
text-decoration:none;
color:#888;
}
a.sub02level:hover {
padding:0;
margin:0;
padding-left:10px;
width:150px;
display:block;
line-height:16px;
margin-bottom:2px;
text-decoration:none;
color:#de0059;
}

/*Dritte Ebene Untermenu*/
a.sub03level:link, a.sub03level:visited {
padding:0;
margin:0;
padding-left:22px;
width:139px;
display:block;
line-height:16px;
margin-bottom:2px;
text-decoration:none;
color:#888;
}
a.sub03level:hover {
padding:0;
margin:0;
padding-left:22px;
width:139px;
display:block;
line-height:16px;
margin-bottom:2px;
text-decoration:none;
color:#de0059;
}

/*Ende  Untermenu*/

html>body a.sublevel {
width:150px;
}

/* Opera5-Fix-fix ;-) */
a.sublevel:link,a.sublevel:visited {
text-decoration:none;
color:#de0059;
}

a.sublevel:hover {
text-decoration:none;
width:139px;
color:#de0059;
font-weight:bold;
}

a.sublevel#active_menu {
text-decoration:none;
width:139px;
color:#de0059;
font-weight:bold;
}
#active_menu {
text-decoration:none;
font-weight:bold;
color:#de0059;
}

html>body a.sublevel:hover,a.sublevel#active_menu {
/* Opera5-Fix-fix ;-) */
width:123px;
font-weight:700;
}
/* Mainmenu unter dem Mainmenu*/
a.mainlevel-light {
width:160px;
display:block;
line-height:20px;
color:#bbb;
text-decoration:none;
}

html>body a.mainlevel-light {
width:160px;
}

/* Opera5-Fix-fix ;-) */
a.mainlevel-light:link,a.mainlevel-light:visited {
text-decoration:none;
color:#bbb;
}

a.mainlevel-light:hover {
text-decoration:none;
color:#bbb;
font-weight:700;
}

a.mainlevel-light#active_menu {
text-decoration:none;
color:#de0059;
font-weight:700;
}
/*Erste Ebene Untermenu // suffix -light*/
a.sublevel-light {
padding:0;
margin:0;
padding-left:12px;
width:139px;
display:block;
line-height:20px;
margin-bottom:2px;
text-decoration:none;
color:#de0059;
}

html>body a.sublevel-light {
width:123px;
}

/* Opera5-Fix-fix ;-) */
a.sublevel-light:link,a.sublevel-light:visited {
text-decoration:none;
color:#de0059;
}

a.sublevel-light:hover {
text-decoration:none;
width:139px;
color:#de0059;
font-weight:700;
}

a.sublevel-light#active_menu {
text-decoration:none;
width:139px;
color:#de0059;
font-weight:700;
}

/*General Joomla! Style*/
p,ul {
font-size:12px;
/*color:#333;*/
padding:0;
margin:0;
}
/*Ueberschrift Rot FETT 40 Pixel*/
h1 {
color:#de0059;
font-size:36px;
font-weight:bold;
padding-bottom:15px;
}

/*Ueberschrift Blau*/
h2 {
color:#08266e;
font-size:20px;
padding-bottom:8px;
font-weight:normal;
}
h6 {
color:#de0059;
font-weight:bold;
}
h3 {
color:#888;
font-size:12px;
font-weight:normal;
/*letter-spacing:1px;*/
line-height:120%;
}

a:link,a:visited {
color:#888;
text-decoration:underline;
}

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

.small {
font-family:Arial;
color:#999;
}

.createdate {
font-family:Arial;
font-size:10px;
color:#000;
}

.componentheading {
width:430px;
font-family:Arial;
font-size:40px;
color:#de0059;
margin-bottom:0;
}

.contentheading {
font-family:Arial;
font-size:40px;
font-weight:bold;
color:#de0059;
}

.inputbox {
/* the look of input boxes in forms */
background-color:#f9f9f9;
border:1px solid #f2f2f2;
padding:2px 5px;
font-size:12px;
}

.inputbox-suche {
/* the look of input boxes in forms */
background-color:#f9f9f9;
border:1px solid #f2f2f2;
padding:2px 5px;
width:100px;
color:#999;
font-size:12px;
}

.button-suche {
text-align:center;
color:#de0059;
border:none;
cursor:pointer;
margin-left:4px;
background-color:#f9f9f9;
border:1px solid #f2f2f2;
padding-left:4px;
padding-right:4px;
font-size:12px;
}
/*Modultable Top - Ueberschriften*/
table.moduletable-header {
width:500px;
}
.moduletable-header th {
font-family:Arial;
color:#de0059;
font-size:36px;
text-align:left;
font-weight:bold;
}
table.moduletable-header td {
font-family:Arial;
color:#08266e;
font-size:20px;
line-height:1.2em;
padding-bottom:16px;
}

/*Modultable Left - Suche*/
table.moduletable-suche {
width:100%;
margin-bottom:20px;
font-size:12px;
}
table.moduletable-suche th {
font-family:Arial;
color:#888;
text-align:left;
font-weight:400;
}

/*Modultable Left - Login*/
table.moduletable-login th {
font-family:Arial;
color:#888;
text-align:left;
font-weight:400;
}
table.moduletable-login #mod_login_username.inputbox {
background-color:#f9f9f9;
border:1px solid #f2f2f2;
padding:2px 5px;
width:100px;
color:#999;
}
table.moduletable-login #mod_login_password.inputbox {
background-color:#f9f9f9;
border:1px solid #f2f2f2;
padding:2px 5px;
width:100px;
color:#999;
}

.button {
/* button style for Joomla component, form and module buttons
specifically in the  sidebar*/
text-align:center;
color:#888;
border:none;
cursor:pointer;
background-color:#f9f9f9;
border:1px solid #f2f2f2;
margin-bottom:4px;
margin-top:4px;
}

select.inputbox {
background:#fff!important;
}

textarea {
/* the look of the large text area on forms */
font-size:12px;
border:1px solid #f2f2f2;
background-color:#f9f9f9;
padding:1px 3px;
margin:0;
overflow:auto;
}

/*Pathway and Date format*/
a.pathway:link,a.pathway:visited {
color:#000;
text-decoration:none;
}

a.pathway:hover {
color:#ccc;
text-decoration:underline;
}

table.moduletable {
width:100%;
margin-bottom:20px;
}
#div_left .moduletable{
padding-bottom:20px;
}
table.moduletable th {
font-family:Arial;
color:#888;
text-align:left;
font-weight:400;
}

table.moduletable td {
font-family:Arial;
font-size:12px;
}

/*other styles*/
.latest_news {
font-family:Arial;
font-size:12px;
}

fieldset {
border:none;
}
td, div, tr{
padding:0;}

span.jce_fm_date{
font-size:100%;
color:#ccc;
margin-left:10px;

}
span.jce_fm_size{
font-size:100%;
color:#ccc;
margin-left:10px;

}

a.jce_file{
/*display:block;*/
padding:2px;
color:#666;
text-decoration:none;
font-size:12px;
margin-bottom:8px;
}
a.jce_file:visited{
/*display:block;*/
padding:2px;
color:#666;
text-decoration:none;
font-size:12px;
margin-bottom:8px;
}

a.jce_file:hover{
/*display:block;*/
padding:2px;
color:#888;
text-decoration:none;
font-size:12px;
margin-bottom:8px;
}

.mosimage {
margin:0;
padding:0;
border:1px solid #888;
}

* html .mosimage {
/*IE 6*/
padding:0!important;
margin:0;
border:1px solid #888;

}

*+html .mosimage {
/*IE 7*/
padding:0!important;
border:1px solid #888;

}

.mosimage img {
border:1px solid #888;

padding:0!important;
margin:0!important;
}

/*Spezial ID für keine Underline beim LINK*/
a#link{
text-decoration:none;
}
a#link hover{
color:#FF9999;
}

/* Facile Form DIV*/
.contentpane{
background-image:none;
background-color:transparent;
}
.facile_form{
font-size:12px;
border:1px solid #ccc;
background-color:#ededed;
padding:2px;
margin:0;
overflow:auto;
color:#333;
}
.facile_form_textbereich{
font-size:12px;
border:1px solid #ccc;
background-color:#ededed;
padding:2px ;
margin:0;
overflow:auto;
color:#333;
}
.facile_form_image{
font-size:12px;
border:1px solid #ededed;
background-color:#f2f2f2;
padding:0px ;
margin:0;
height:18px;
overflow:auto;
color:#000;
line-height:18px;
}
#div_top div.module h3{
color: #de0059;
font-size: 36px;
text-align: left;
font-weight: bold;
}
#div_top div.module{
color: #08266e;
font-size: 20px;
padding-bottom: 20px;
font-weight: normal;
}
.ckform .inputbox{
width:200px;
}
.ckCSScenter {
margin-top:10px !important;
text-align:left !important;
}