/* 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;

_margin:0 0 0 25px;
}

#con_center {
margin: 0 0 0 275px;
padding:0;
width: 460px;
height:auto;
overflow: inherit;
}

#grauerkasten {
position: relative;
top:30px;
padding: 10px;
margin:0;
width: 460px;
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;
}

#mod_center {
position: relative;
padding:50px 0 0 0;
margin:0;
width: 460px;
height:auto;
overflow: inherit;
}


/* -----------------------------------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;
}

/*----------------------------------------------------------------------------------*/



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


#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;
}

/* ------------------------------------------News bereich --------------------------------*/
.moduletablenews{
width:230px;
margin: 0;
padding:0;
}

.moduletablenews h3 {
font-family :Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight:bold;
color: #3a7ddb;
border-bottom: 1px #dddddd solid;
padding:0 0 10px 0;
margin: 0;
}

.moduletablenews ul
{
margin: 0;
padding: 0;
}

.moduletablenews ul li
{
list-style-image: url(../images/pfeil.gif);
background: none;
padding: 4px 0 0 0;
margin: 2px 2px 2px 32px;}


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

.moduletablenews a:hover{
color: #3a7ddb;
text-decoration: underline;
}


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

/*Community Login   table.mod_logincomlogin*/
form#mod_loginformcomlogin  {
position:relative;
margin: 0;
width: 205px;
height: 190px;
background-repeat: no-repeat;
background-image: url(../images/header_login.gif);
padding: 40px 0 0 10px;
}


#mod_login_remembermetextcomlogin {
padding:0;
}

input.buttoncomlogin{
background: url(../images/login_but.gif);
background-repeat: no-repeat;
width: 100px;
height:30px;;
font-size: 10px;
color: #666666;
border: 0;
text-align: left;
margin-top:5px;
padding: 0 0 0 2px;
}

input.logout_but{
background: url(../images/logout_but.gif);
background-repeat: no-repeat;
width: 100px;
height:30px;;
font-size: 10px;
color: #666666;
border: 0;
text-align: left;
margin-top:5px;
padding: 0 0 0 2px;
}

input.inputboxcomlogin#mod_login_usernamecomlogin {
font-size: 10px;
color: #666666;
background-color: #f6f6f6;
border: 1px solid #bcbcbc;
width: 73px;
height: 15px;
padding-left: 10px;
padding-top: 5px;
}

input.inputboxcomlogin#mod_login_passwordcomlogin {
font-size: 10px;
color: #666666;
background-color: #f6f6f6;
border: 1px solid #bcbcbc;
width: 73px;
height: 15px;
padding-left: 10px;
padding-top: 5px;
}


/*links   */
a.mod_logincomlogin:link {  color: #69b221; text-decoration: underline}

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

a.mod_logincomlogin:visited {  color: #69b221; text-decoration: none}

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


/* -------------------------------------Vertikale Navigation Community Builder-------------------------- */
/*div.moduletable {
position:relative;
margin: 0;
width: 205px;
height: 247px;
background-repeat: no-repeat;
background-image: url(../images/header_usermenu.gif);
padding: 30px 0 0 10px;
}*/

a.mainlevel {
display: block;
position:relative;
/*width: 190px;*/
width: 205px;
height: 20px;
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
color: #333333;
padding-left: 5px;
padding-top: 6px;
font-style: normal;
text-decoration: none;
border-bottom: 1px #e8e8e8 dotted;
}

a:hover.mainlevel{
color:#69b221 ;
}

a.mainlevel#active_menu{
color: #69b221;
}


/*---------------------------------Partner Logos-----------------*/

/*Community Login*/
div.mod_contentitem {
position:relative;
margin: 10px 0 0 0;
width: 205px;
height: 407px;
background-repeat: no-repeat;
background-image: url(../images/header_partners.gif);
padding: 30px 0 0 10px;
}





/*--------------------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;
width: 650px;
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;
height:30px;
}

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


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: #3377dd; 
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;
}

/*....... war 60px -Benni 9.7.08 -------------*/
#center select.inputbox{
width: 200px;
}

.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%;
}


/*---------------------------------profile---------------*/
#cbProfileTitle.contentheading {
font-size : 16px;
font-weight:bold;
color: #3a7ddb;
line-height:140%;
border-bottom:1px dotted #3a7ddb;
margin:0 0 10px 0;
padding:0;
}


span.contentheading {
font-size : 16px;
font-weight:bold;
color: #3a7ddb;
line-height:140%;
border-bottom:1px dotted #3a7ddb;
margin:0 0 10px 0;
padding:0;
}

.contentheading {
font-size : 14px;
font-weight:bold;
color: #1e3a62;
line-height:140%;
margin:0;
}


.sectiontableheader {
color: #1e3a62;
font-weight: bold;
}

div.sectiontableheader table {
color: #666666;
font-weight: normal;
background-color: #FFFFFF;
border: 1px #bcbcbc solid;
width: 460px;
border-spacing: 8px;
padding:0;
margin:0;
}


a:hover.tab{
color:#69b221 ;
}

a.tab selected{
color: #69b221;
}


/*- registration form clean-up -*/
#cbIconsTop, #cbIconsBottom, .cbFieldIcons, .cbFieldIconsLabels {display:none;}
#cbfr_73 .fieldCell select.inputbox { width: 250px; }
#cbfr_87 .fieldCell select.inputbox { width: 250px; }

.submit input {
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;
}

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