/* CSS Document */

html {
height : 100%;
}
body {
line-height : 130%;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
padding : 0;
margin : 0 auto;
color: #333333;
background-color : #FFFFFF;
text-align: center;
background-image: url(../images/body_bg.jpg);
background-repeat: repeat-x;}

.clr {
clear : both;
}

#header {
position: relative;
top: 50px;
width: 1025px;
height: 283px;
margin : 0 auto;
background-image: url(../images/header_bg.png);
background-repeat: no-repeat;
text-align: left;
z-index: 11;
}

#searchbox {
position: absolute;
display: block;
right: 50px;
top: 60px;
width: 700px;
height: 29px;
z-index: 99;
text-align: right;
}

#visual {
float: right;
padding-right: 50px;
width: 700px;
height: 183px;
padding-top: 100px;
}

#logo {
position:absolute;
float: left;
width: 195px;
margin:0 0 0 50px;
padding: 0;
background-image: url(../images/logo_yepp.jpg);
background-repeat: no-repeat;
height: 283px;}

#navi_hori {
position: absolute;
/*display: block;*/
left: 275px;
top: 253px;
width: 700px;
height: 29px;
z-index: 99;
}


#container {
position: relative;
top: 47px;
width: 1025px;
margin : 0 auto;
background-image: url(../images/container_bg.png);
background-repeat: repeat-y;
text-align: left;
z-index: 10;
}

/*#left{
position: absolute;
float: left;
width: 195px;
margin:0 0 0 50px;
padding-top: 30px;
}*/


#left{
float: left;
width: 195px;
margin:0 0 0 50px;
padding-top: 30px;
_margin:0 0 0 25px;
}

#con_center  {
float: right;
padding-top: 30px;
width: 680px;
margin: 0;
padding-right: 70px;
_padding-right: 50px;
}


#grauerkasten {
position: relative;
top:0;
padding: 10px;
margin:0;
width: 680px;
height:auto;
overflow: inherit;
background-color: #f2f2f2;
}


#center {
margin: 0;
/*float: left;*/
width: auto;
padding:5px 10px 10px 10px;
overflow: inherit;
background-color: #eaebdd;
border: 1px #dddddd solid;
}



/* -----------------------------------textformatierung für #center--------------- */
h1 {
font-family :Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight:bold;
color: #3a7ddb;
line-height:140%;
border-bottom:1px dotted #3a7ddb;
margin:0 0 10px 0;
padding:0;
}

h2 {
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight:bold;
color: #113366;
line-height:140%;
margin:0;
padding:0;
}

#center a:link {  color: #3377dd; text-decoration: underline}

#center a:hover {  text-decoration:underline; color: #1e3a62}

#center a:visited {  color: #3377dd; text-decoration: none}

#center a:active {  color: #1e3a62; text-decoration: none}


.contentpaneopen ul{
margin: 0;
padding: 10px 0 10px 0;
}

.contentpaneopen ul li
{
list-style-image: url(../images/pfeil_content.gif);
background: none;
padding: 0;
margin: 2px 2px 2px 20px;}


.contentpaneopen ul a {
position:relative;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding:0;
text-decoration: none;
}

.contentpaneopen ul a:hover{
color: #3a7ddb;
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/


#footer {
position: relative;
top: 50px;
margin : 0;
width: 1025px;
height: 50px;
background-image: url(../images/footer_bg.png);
background-repeat: no-repeat;
position: relative;
clear: both;
text-align: center;}


/* -------------------------------------Vertikale Navigation-------------------------- */
div.moduletablemainmenu {
margin:0;
width:195px;
}

ul#mainlevelmainmenu
{
margin: 0;
padding: 0;
list-style-type: none;
}
ul#mainlevelmainmenu li
{
background: none;
padding: 0;
margin-bottom: 2px;}


a.mainlevelmainmenu {
display: block;
position:relative;
width: 183px;
height: 20px;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #FFFFFF;
padding-left: 10px;
padding-top: 6px;
background-color: #3377dd;
font-style: normal;
text-decoration: none;
border: 1px #e8e8e8 solid;
}

a:hover.mainlevelmainmenu{
background-color: #1e3a62;
}

a#active_menumainmenu{
background-color: #1e3a62;
}

ul#mainlevelmainmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

ul#mainlevelmainmenu li ul li
{
background: none;
padding: 0;
margin: 0;}

a.sublevelmainmenu {
display: block;
position:relative;
width: 167px;
height: 18px;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding-left: 25px;
padding-top: 5px;
font-style: normal;
text-decoration: none;
border-bottom: 1px #e8e8e8 dotted;
border-left: 1px #e8e8e8 solid;
border-right: 1px #e8e8e8 solid;
background-color: #FFFFFF;}

a:hover.sublevelmainmenu{
color: #3377dd;
}

a.sublevelmainmenu#active_menumainmenu{
color: #3377dd;
background-color: #FFFFFF;
}

/*Einrücken 2nd sublevel*/
ul#mainlevelmainmenu li ul li ul li {
text-indent:10px;
}


/* Einrücken 3rd sublevel*/
ul#mainlevelmainmenu li ul li ul li ul li  {
text-indent:20px;
}


/*  -------------------------Horizontale Navigation---------------------------- */
div.moduletabletopmenu {
margin:0;
padding: 0;
}

ul#mainleveltopmenu
{
margin: 0;
padding-left: 30px;
list-style-type: none;
}

ul#mainleveltopmenu li
{
display: inline;
position: relative;
float: left;
margin: 0 0px;
background: none;
padding: 0;
margin-bottom: 2px;}

a.mainleveltopmenu {
display: block;
position:relative;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #FFFFFF;
padding-left: 10px;
padding-top: 9px;
padding-right: 10px;
font-style: normal;
text-decoration: none;
height: 21px;}

* html a.mainleveltopmenu {
display: block;
position:relative;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #FFFFFF;
padding-top: 9px;
font-style: normal;
text-decoration: none;
text-align: center;
height: 21px;
width: 65px;}


a:hover.mainleveltopmenu{
background-color: #3377dd;
}


a#active_menutopmenu{
background-color: #3377dd;
}


/* SUCHE */
input#mod_search_searchword{
font-size: 10px;
color: #666666;
background-color: #FFFFFF;
border: 1px solid #e8e8e8;
width: 140px;
padding-left: 10px;
margin-right:10px;
}

input.buttonsuche {
background: url(../images/search_but.gif);
background-repeat: no-repeat;
width: 38px;
height: 16px;
font-size: 10px;
color: #666666;
border: 0;
text-align: left;
padding-left: 2px;
}
/*----------------------------------------*/

/*---------------------------------Login-----------------*/

/*Community Login*/
table.mod_logincomlogin {
margin: 0px;
width: 205px;
height: 190px;
background-repeat: no-repeat;
background-image: url(../images/header_login.gif);
padding-top: 30px;
padding-left: 10px;
border-bottom: 1px solid #e8e8e8;}

table.mod_logincomlogin tbody {

}

input.buttoncomlogin{
background: url(../images/searchform_but.gif);
background-repeat: no-repeat;
width: 200px;
height: 16px;
font-size: 10px;
color: #666666;
border: 0;
text-align: left;
padding-left: 2px;
}

/*--------------------seiten mir article index------------->
/* article index */

table.contenttoc {
float: left;
text-align:left;
border:solid 1px #ccc;
padding:0 0 20px 0;
margin-left:0;
margin-bottom: 20px;
display:block;
width: 650px;
height: auto;
background-color: #FFFFFF;
}

table.contenttoc tr td {
padding:0 20px 5px 20px;
}

table.contenttoc th {
padding: 20px;
}

.pagenavcounter {
font-weight:bold;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
width: 650px;
}

.pagenavbar {
position: relative;
font-weight:bold;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
width: 650px;
height:30px;
}


table.contenttoc a.toclink:link, a.toclink:visited{  
color: #3377dd; 
text-decoration: underline;
}
a.toclink:hover {  
text-decoration:underline; 
color: #1e3a62; 
padding:0;
}

a.toclink:active {  
color: #1e3a62; 
text-decoration: none;
padding:0;
}



/*----------------------------Site Index --------------------*/
.componentheading{
font-family :Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight:bold;
color: #3a7ddb;
line-height:140%;
border-bottom:1px dotted #3a7ddb;
margin:10px 0 10px 0;
padding:0;
}

/*-----------------------Suche--------------------*/
/* SUCHE */
.inputbox{
font-size: 10px;
color: #666666;
background-color: #FFFFFF;
border: 1px solid #dddddd;
width: 250px;
padding-left: 10px;
margin-right:10px;
}

#center table.contentpaneopen select.inputbox{
width: 150px;
}

#center select.inputbox{
width: 250px;
}

.crappybutton {
background: url(../images/searchform_but.gif);
background-repeat: no-repeat;
width: 200px;
height: 16px;
font-size: 10px;
color: #666666;
border: 0;
text-align: left;
padding-left: 2px;
}

.contentpaneopen {
padding: 10px 0 10px 0;
}

fieldset {
  border:1px solid #dddddd;
  background-color:#FFFFFF;
  padding: 10px;
  line-height : 140%;
}

/*------------------------------------ Link Header Forum - klappt NOCH NCIHT!!!   */
.fb_title  a:link {color:#FFFFFF}

a.fb_title:link {color:#FFFFFF;}

a:link.fb_title_cover{
color:#FFFFFF;
}

a:link.fb_title{
color:#FFFFFF;
}

#fb_title_cover a.fb_title{
color:#FFFFFF;
}




.fb_title_cover{
color:#FFFFFF;
}

.fb_title, a.fb_title:link, a.fb_title:visited{
color:#FFFFFF;
}

a.fb_title:hover { }



/*------------------------ENDE-----------------*/