/********************************* Struktur */

body {
/* background: #fff url(images/body-bg.png) repeat-x center bottom;*/
background-color: #e1eaf3;
}

#wrap {
width: 935px;
margin: 0 auto;
}

#usermenue {
position: relative;
min-height: 52px;
width: 100%;
z-index: 100;
}
#usermenue-mitte {
background: transparent url(images/userleiste-bg.png) repeat-x;
width: 935px;
height: 52px;
display: block;
}

#logo {
height: 80px;
position: relative;
width: 225px;
z-index: 1;
}
#logo img {
}

#hauptmenue, #footer {
width: 100%;
height: 35px;
}
#hauptmenue {
margin-bottom: 20px;
}
.leiste-mitte {
background: blue url(images/leiste-bg.png) repeat-x;
width: 935px;
height: 35px;
}
#footer .leiste-mitte {
text-align: center;
line-height: 35px;
}

#subwrap {
width: 935px;
display: block;
min-height: 100px;
}

#content {
width: 610px;
margin-right: 13px;
}
#sidebar {
width: 300px;
}

#footer {
margin: 30px 0 50px 0;
}


/******************************** Userleiste */

/***************** Nicht eingeloggt: */

#login {
margin-left: 11px;
}

#login label {
display: block;
height: 12px;
}

#login .login-username, #login .login-passwort {
width: 166px;
margin: 5px 5px 0 0;
}
#login .login-remember {
margin: 5px 5px 0 0;
text-align: center;
width: 100px;
}

#login .logintext {
height: 25px;
width: 166px;
background: #fff url(images/userleiste-input.png) no-repeat left top;
margin-right: 3px;
}
#login .text {
margin: 5px;
padding: 0;
border: 0;
width: 156px;
background: transparent;
}
#login .logincheckbox {
margin: 0 auto;
padding: 0;
height: 25px;
width: 26px;
background: #fff url(images/userleiste-checkbox.png) no-repeat center top;
cursor: pointer;
}
#login .checkbox {
height: 20px;
width: 20px;
border: 0;
background: transparent;
}
#login .login-button {
background: transparent url(images/button-login.png) no-repeat left top;
border: 0;
height: 25px;
width: 81px;
margin: 15px 0;
padding: 0;
cursor: pointer;
}

.lostpass {
height: 52px;
line-height: 52px;
padding-left: 10px;
}

.registerbutton {
display: block;
height: 25px;
width: 219px;
margin: 15px 11px 0 0;
}

/******************** EIngeloggt: */

#user_top_menue {
margin-top: 10px;
margin-left: 6px;
}

.menu_item {
float: left;
border-right: 1px solid #ddd;
height: 30px;
}
a.menu_item {
padding-left: 5px;
padding-right: 5px;
line-height: 30px;
}
a.menu_item:hover {
background-color: #fafafa;
}

.menu_icon {
vertical-align: middle;
margin-right: 5px;
}
.dropdown_arrow {
padding-left: 5px;

vertical-align: middle;
cursor: pointer;
}
.menu_dropdown {
}

ul#sub-network {
width: 100%;
}
ul#sub-profile {
width: 235%;
}
ul.sub-plugin {
width: 100%;
}
ul#sub-messages {
width: 150%;
}
ul#sub-friends {
width: 235%;
}
ul#sub-settings {
width: 130%;
}
.menu_item_dropdown a:link, .menu_item_dropdown a:visited, .menu_item_dropdown a:active {
display: block;
height: 20px;
padding: 5px 5px 5px 0;
line-height: 20px;
background: #fafafa url(http://www.energieportal24.de/social/templates/images/userleiste-bg.png) left top repeat-x;
color: #0b7fc4;
}

.menu_item ul {

}
.menu_item ul li {
border-bottom: 1px solid #ddd;
}
.menu_item ul li .menu_icon2 {
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.menu_item ul li a:hover {
background: #fafafa;
color: #ff8d00;
}


/******************************** Hauptmenue */

#ul-hauptmenue li {
float: left;
padding-right: 2px;
background: transparent url(images/leiste-trenner.png) repeat-y right top;
}
#ul-hauptmenue li a {
display: block;
padding: 0px 15px 0px 15px;
height: 35px;
line-height: 35px;
}

#ul-hauptmenue li a:hover {
background: orange url(images/leiste-hover-bg.png) repeat-x left top;
}

/******************************** Suche */

#suche, #forensuche {
width: 270px;
text-align: right;
height: 25px;
margin: 5px 11px 0 0;
}
#forensuche {
text-align: left;
}

.forensuche-link {
display: block;
height: 36px;
line-height: 36px;
}


#suche .text, #forensuche .text {
margin: 4px;
padding: 0;
border: 0;
width: 216px;
background: transparent;
}
#suche .suchfeld {
height: 25px;
width: 226px;
background: #fff url(images/suche-input.png) no-repeat left top;
margin-right: 3px;
}

#suche button {
background: transparent url(images/suche-submit.png) no-repeat left top;
border: 0;
height: 25px;
width: 36px;
margin: 0;
padding: 0;
cursor: pointer;
}

#forensuche .suchfeld {
height: 23px;
width: 226px;
background: #fff url(images/forensuche-input.png) no-repeat left top;
margin-right: 3px;
}

#forensuche button {
background: transparent url(images/forensuche-submit.png) no-repeat left top;
border: 0;
height: 23px;
width: 36px;
margin: 0;
padding: 0;
cursor: pointer;
}


/************************************************ Klassen */

/******************** Boxen */

.box {
margin-bottom: 10px;
}
#content .box {
width: 600px;
}
#sidebar .box {
width: 297px;
margin-left: 3px;
}

.box-ohnetitel-top {
width:500px;
margin: 0;
padding: 0;
height: 5px;
display: block;
}

.box-titel {
height: 35px;
}
.box-bottom-mitte {
background: transparent url(images/box-bottom-bg.png) repeat-x left top;
}

#content .box-titel-mitte {
background: transparent url(images/box-titel-bg.png) repeat-x center top;
width: 580px; /*627*/
height: 35px;
display: block;
text-align: center;
line-height: 26px;
}
#content .box-content {
background: url(images/box-big-bg2.png) repeat-y left top;
padding: 16px 16px 0 16px;
width: 600px; /*615*/
}
#content .box-bottom-mitte {
display: block;
height: 28px;
width: 544px; /*591*/
}

#sidebar .box-titel-mitte {
background: transparent url(images/box-titel-bg.png) repeat-x center top;
width: 277px;
height: 35px;
display: block;
text-align: center;
line-height: 26px;
}
#sidebar .box-content {
background: #fafafa url(images/box-small-bg.png) repeat-y center top;
padding: 16px 16px 0 16px;
width: 265px;
}
#sidebar .box-bottom-mitte {
display: block;
height: 28px;
width: 241px;
}


.avatarbox img {
border: 1px solid #ddd;
}

.box form {
padding: 15px 0 15px 0;
}

.box td {
padding: 5px 10px 5px 10px;
vertical-align: middle;
}

/************** Themenforen */

.themenforen {
width: 50%;
}
.themenforen li {
display: block;
min-height: 42px;
margin-bottom: 10px;
width: 290px;
}
.themenforen li span {
display: block;
float: left;
width: 235px;
}

.themenforen li img {
float: left;
margin-right: 10px;
vertical-align: middle;
}

.themenforen .thema2 {
background-color: #f5f5f5;
}


/************** Werbung */

.werbung-sidebar {
width: 300px;
margin-bottom: 20px;
text-align: center;
}

.werbung-content-links {
margin: 0 10px 10px 0;
}

#sloganwerbung {
background: transparent url(http://www.energieportal24.de/images3/bg_slogan_vert.gif) no-repeat center center;
height: 80px;
margin-left: 5px;
line-height: 1.4em;
width: 220px;
text-align: center;
}
#sloganwerbung a {
position:relative;
top:30%;
margin-top:-0.5em;
}

#werbung-oben, #werbung-unten {
width: 470px;
margin-top: 10px;
padding-left: 10px;
text-align: center;
background: transparent url(images/anzeige-hinweis.png) no-repeat left center;
}
#werbung-unten {margin-right: 40px;}

/************** Buttons */

#beitragschreiben {
display: block;
margin-bottom: 12px;
text-align: right;
}

/************** Sonstiges */
.floatleft {
float: left;
}
.floatright {
float: right;
}
.clear {
height: 0px;
width: 0px;
clear:both;
}

a:link, a:visited, a:active, a img {
border: 0;
}

/******************************* Der Rest */

/********************** Registrierung */

div.signup_header {
margin: 10px 0 5px 0;
}

/********************** Sidebar-Boxen mit Userfotos */

.portal_member {
text-align: center;
}

/********************** Inputs */
.box input.text, .box textarea {
width: 100%;
}

td.form2 input.text {
width: 100px;
}

/********************** Nachrichtencenter */

.messages_unread {
background-color: #f0f0f0;
}

/********************** Tabs */

.tabs td {
padding-bottom: 0;
height: 30px;
}

.tab1 {
border-top: 2px solid #ff8d00;
border-left: 2px solid #ff8d00;
border-right: 2px solid #ff8d00;
background: #fafafa url(http://www.energieportal24.de/social/templates/images/userleiste-bg.png) left top repeat-x;
}
.tab2 {
border-top: 2px solid #d5d5d5;
border-left: 2px solid #d5d5d5;
border-right: 2px solid #d5d5d5;
background: #fafafa url(http://www.energieportal24.de/social/templates/images/userleiste-bg.png) left top repeat-x;
}
.tabs {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.tab0, .tab3 {
margin: 0;
padding: 0;
width: 0;
font-size: 1%;
display: none;
}

/********************** FAQ */

.faq {
padding: 5px 0 15px 10px;
}

/********************** Seiten Navigation */

.browse_pages {
width: 100%;
text-align: center;
padding: 10px 0 20px 0;
}


/********************* Icons */
img.button, img.icon {
margin-right: 5px;
}

/********************* Blog */

div.button {
width: 40%;
margin-bottom: 10px;
}

/********************* Alben */
div.album_photo {
padding: 0;
}

div.album_photo td {
padding: 0;
}

div.albums_browse_item {
padding-bottom: 0;
margin: 0 0 10px 0;
}

div.album_media_caption {
width: 100%;
}

/********************* User profil */

td.profile_rightside, td.profile_leftside {
vertical-align: top;
}
.profile_leftside {
border-right: 1px solid #ddd;
}
#profile_album .album_item {
width: 300px;
}

.profile_comment_date, .profile_comment_body {
margin-bottom: 10px;
}
.profile_headline2 {
margin-top: 20px;
}

/********************** Gruppen */

#gruppentabs td {
padding: 0;
}

/********************** Videos */

.videoHeader {
background-color: transparent;
}
.videoHeader * {
color: black;
}



/********************** google werbung in detailansicht */

div#textbereich {
  /*display: block;*/
  text-align: justify;
/*    background: #f8f8f8;
  border: 1px solid #d4d4d4;
  width: 600px; 
  font-size: 10px; */
}

div#textbereich0 {
  /*display: block;*/
  text-align: justify;
/*    background: #f8f8f8;
  border: 1px solid #d4d4d4;
  width: 600px; 
  font-size: 10px; */
}

div#googleads {
  border: 1px dotted #f0f0f0;
  display: block;
  /*padding: 0px;*/
  /*margin-top: 0px;*/
  /*margin-left: 10px;
  margin-right: 8px;
  margin-bottom: 8px;*/
  float: left;     
}
