/*  
Theme Name: www.jabber-server.de (Time Manager - 24 Nov. 2006)
Theme URI: http://www.jabber-server.de
Description: Core Theme www.jabber-server.de
Version: 1.1
Author: Rene Dhemant & Andrés Nieto, Templateworld
Author URI:  http://www.rene-dhemant.de , http://www.anieto2k.com
Anmerkung: Diese Website basiert auf dem Template "Time Manager" , welches unter
der Creative Commons lizensiert ist (http://creativecommons.org/licenses/by/2.5/)
http://www.jabber-server.de/license.txt
*/

/* #############################################################################
    STYLESHEET FUER WERBEINBLENDUNGEN | IMPORT @ style.css | NACH ADVERTISER
############################################################################# */

@import url(werbung.css);

/* #############################################################################
    STYLESHEET FUER WERBEINBLENDUNGEN | IMPORT @ style.css | NACH ADVERTISER
############################################################################# */

body {
background:url(http://www.jabber-server.de/images/main-bg.gif) 0 0 repeat-x #A8A39D;
color:#1A1917; 
margin:84px 0 0; 
padding:0; 
font:14px/20px Arial, Helvetica, sans-serif;
z-index: 1;
}

div, p, h1, h2, h3, ul {
padding:0px; 
margin:0px;
}

ul {
list-style-type:none;
}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(http://www.jabber-server.de/images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
}

/* code {
  margin-top:5px; 
  padding-top:5px; 
  padding-bottom:5px; 
  border:1px solid #eee; 
  background-color: #ECF0FE;
} */

code {
	font: 12px/28px 'Courier New',Courier,Fixed;
	display: block;
	overflow: auto;
	text-align:left;
	margin: -25px 0 10px 0;
	padding: 5px 20px 5px 20px;
	background: #D7E1FF;
	border-top: solid 1px #9DB7FF;
	border-bottom: solid 1px #9DB7FF;
}

iframe {                                    
  width: 345px; 
  width: 100%;
  height: 400px; 
  border: 0px;
  margin-top: 10px;
  margin-bottom: -20px; 
}

img {
  border: 0px;
}

/*--TOP PANEL--*/                    /* Top-Navigation, Header, Box-Navigation*/

#kommentar {
  z-index: 1;
}

#topPan {
width:464px;
height:398px;
position:relative;
margin:0 auto;
z-index:1;
}

#topPan ul {
width:464px;
}

#topPan ul li {
float:left; 
font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase;
}

#topPan ul li a {
width:92px; 
height:30px; 
display:block; 
background:url(http://www.jabber-server.de/images/menubg-normal.gif) 0 0 no-repeat #66605B; 
color:#FDFDFD;  
text-decoration:none; 
text-align:center;
}

#topPan ul li a:hover {
background:url(http://www.jabber-server.de/images/menubg-hover.gif) 0 0 no-repeat #66605B; 
color:#1A1917;
}

#topPan ul li.menupadding {
margin:0 0 0 1px;
}

#topPan ul li.active {
width:92px; 
height:30px; 
display:block; 
background:url(http://www.jabber-server.de/images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; 
color:#1A1917; 
text-align:center;
}
                                                                    /* Header */
#topPan h1 {
display:block; 
width:464px; 
height:198px; 
background:url(http://www.jabber-server.de/images/header.jpg) 0 0 no-repeat; 
text-indent:-2000px; 
margin:0; 
clear:both;
}

#topPan h1:hover {
display:block; 
width:464px; 
height:198px; 
background:url(http://www.jabber-server.de/images/header_hover.jpg) 0 0 no-repeat; 
text-indent:-2000px; 
margin:0; 
clear:both;
}
                                                            /* Box-Navigation */
#toplinkPan {
width:464px; 
height:159px; 
position:relative; 
margin:0 auto;
z-index:1;
}
                                                                 /* Linke Box */
#toplinkfastPan {
width:148px; 
height:140px; 
float:left; 
background:url(http://www.jabber-server.de/images/register.jpg) 0 0 no-repeat #5B5550; 
margin:8px 0 0; 
color:#fff;
}
#toplinkfastPan a {
text-decoration:none; 
display:block; 
width:148px; 
height:140px;
}
#toplinkfastPan a:hover {
text-decoration:none; background:url(http://www.jabber-server.de/images/register-hover.jpg) 0 0 no-repeat;
}
#toplinkfastPan p {
display:block; 
width:90px; 
height:15px; 
position:absolute; 
top:0px; 
left:0px; 
font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin:56px 0 0 15px;
}
                                                              /* Mittlere Box */
#toplinksecondPan {
width:148px; 
height:140px; 
float:left; 
background:url(http://www.jabber-server.de/images/server.jpg) 0 0 no-repeat #5B5550; 
margin:8px 10px 0; 
color:#fff;
}
#toplinksecondPan a {
text-decoration:none; 
display:block; 
width:148px; 
height:140px;
}
#toplinksecondPan a:hover {
text-decoration:none; 
background:url(http://www.jabber-server.de/images/server-hover.jpg) 0 0 no-repeat;
}
#toplinksecondPan p {
display:block; 
width:90px;
height:15px;
position:absolute; 
top:0px; 
left:157px; 
font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin:54px 0 0 28px;
}
                                                                /* Rechte Box */
#toplinkthirdPan {
width:148px; 
height:140px; 
float:left; 
background:url(http://www.jabber-server.de/images/faq.jpg) 0 0 no-repeat #5B5550; 
margin:8px 0 0; 
color:#fff;
}
#toplinkthirdPan a {
text-decoration:none; 
display:block; 
width:148px; 
height:140px;
}
#toplinkthirdPan a:hover {
text-decoration:none; 
background:url(http://www.jabber-server.de/images/faq-hover.jpg) 0 0 no-repeat;
}
#toplinkthirdPan p {
display:block; 
width:90px; 
height:15px; 
position:absolute; 
top:0px; 
right:34px; 
font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin:54px 0 0 21px; 
}

#fragen {
  text-align: left;
  width: 345px;
}

/*--BODY PANEL--*/                      /* Main-Content , P-Tag , Listenpunkte*/

#bodyPan {
width:352px; 
background:url(http://www.jabber-server.de/images/bodytopbg.jpg) 0 0 no-repeat #fff; 
color:#1A1917; 
position:relative; 
margin:0 auto; 
padding:0 56px;
z-index:1;
}

#bodyPan h2 {
width:350px; 
height:32px; 
display:block; 
background:url(http://www.jabber-server.de/images/dotline.gif) 0 100% repeat-x #fff; 
font:28px/26px Georgia, "Times New Roman", Times, serif; 
padding:42px 0 0; 
color:#CC0088;
}

#bodyPan h3 {
width:350px; 
height:32px; 
display:block; 
background:url(http://www.jabber-server.de/images/dotline.gif) 0 100% repeat-x #fff; 
font:28px/26px Georgia, "Times New Roman", Times, serif; 
padding:42px 0 0; 
color:#CC0088;
}
                                                                /* Normal-Text*/
#bodyPan p {
padding:18px 0 0 0;
}

#bodyPan p.bigtext {
background:#fff; 
font-size:18px; 
color:#B3A7A0; 
font-weight:bold; 
padding:10px 0 0;
}

#bodyPan p.more {
width:89px; 
height:39px;
}

#bodyPan p.more a {
display:block; 
width:89px;
height:39px; 
background:url(http://www.jabber-server.de/images/more1.jpg) 0 0 no-repeat #FBFBFB; 
color:#fff;  
font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
text-decoration:none; 
margin:0 0 0 262px; 
text-align:center;
}

#bodyPan p.more a:hover {
text-decoration:none; 
background:url(http://www.jabber-server.de/images/more2.jpg) 0 0 no-repeat;
}

#bodyPan p.morenext {
width:89px; 
height:60px; 
right:0px; 
top:0px; 
clear:both;
}

#bodyPan p.morenext a {
display:block; 
width:89px; 
height:39px; 
background:url(http://www.jabber-server.de/images/more2.jpg) 0 0 no-repeat #FBFBFB; 
color:#fff;  
font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
text-decoration:none; 
margin:0 0 0 262px; 
text-align:center;
}

#bodyPan p.morenext a:hover {
text-decoration:none; 
background:url(http://www.jabber-server.de/images/more1.jpg) 0 0 no-repeat;
}

#bodybottomPan {
width:464px; 
height:42px; 
background:url(http://www.jabber-server.de/images/bodybottombg.jpg) 0 0 no-repeat; 
position:relative; 
margin:0 auto; 
clear:both; 
z-index:1;
}

#bodyPan ul {
width:352px; 
margin:20px 0 0;
}

#bodyPan ul li {
background:url(http://www.jabber-server.de/images/arrow.jpg) 0 4px no-repeat; 
padding:0 0 0 20px;
}

#bodyPan ul li a {
background:#fff; 
color:#cc0088; 
text-decoration:none;
}

#bodyPan ul li a:hover {
text-decoration:underline;
}

#bodyPan a {
background:#fff; 
color:#cc0088; 
text-decoration:none;
}

#bodyPan a:hover {
text-decoration:underline;
}

#bodyPan a.wikipedia-erklaerung {
background:#fff; 
color:#66605B; 
text-decoration:none;
}

#bodyPan a.wikipedia-erklaerung:hover {
text-decoration:underline;
}

#bodyPan ul li.server-features {
background:url(http://www.jabber-server.de/images/xmpp.gif) 0 4px no-repeat; 
padding:0 0 0 20px;
}

#bodyPan ul li.no-image {
list-style-type: none;
background: none;
margin-top:-10px;
}

#bodyPan ul li.space {
list-style-type: none;
background: none;
padding:0 0 0 20px;
margin-top: -10px;
}

.visual-spacer {
text-align: center;
margin: -5px 0 -5px 0;
}

.unterstrichen {
text-decoration: underline;
}
                                                             /* Form-Elemente */
.text {
display:block; 
margin-bottom:10px;
}

#bodyPan form {
width:350px; 
/* background:url(http://www.jabber-server.de/images/formarea.jpg) 0 100% no-repeat; */
padding:0px; 
margin:30px 0 0 0;
}

#bodyPan form h2 {
display:block; 
width:310px; 
height:45px; 
background:url(http://www.jabber-server.de/images/formtop.gif) 0 0 no-repeat #F9F9F9; 
color:#fff; 
font:20px/39px Georgia, "Times New Roman", Times, serif; 
margin:0; 
padding:0 0 0 40px;
}

#bodyPan form p {
text-align:center;
}

#bodyPan form input { 
height:25px; 
margin:0 0 10px 0px;
}

#bodyPan form input.paddingtop {
margin-top:16px;
}

#bodyPan form input.button {
width:54px; 
height:25px; 
display:block; 
background:url(http://www.jabber-server.de/images/button.gif) 0 0 no-repeat #EBEBEB; 
border:none; 
color:#fff;  
font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-transform:uppercase; 
margin:0 0 0 262px; 
text-align:center;
}

/*
#bodyPan form textarea {
width:90%; 
margin:0 5%; 
height:5em;
}
*/

#bodyPan form input[type="submit"] {
width:90%; 
margin:0 5%;
}

                                                            /*--FOOTER PANEL--*/

#footermainPan {
height:275px; /* 155 */
background: url(http://www.jabber-server.de/images/footerbg_600.gif) 0 0 repeat-x #000; 
color:#fff; 
margin:43px 0 0; 
padding:51px 0 0;
z-index:1;
}

#footerPan {
width:330px; 
height:275px; /* 125 */
display:block; 
position:relative; 
margin:0 auto;
z-index:1;
}

#footerPan p {
padding:0 0 0;
}

#footerPan p span {
background:#1C1B19; 
color:#AC2626; 
font-size:10px;
}

#footerPan p.mediengestaltung-koeln { 
margin-top:105px; 
display:block; 
position:absolute; 
padding:0;
margin-left: 30px;
}

.img-mediengestaltung {
width:264px; 
height:121px; 
display:block; 
background:url(http://www.jabber-server.de/images/mediengestaltung-koeln.png) 0 0 no-repeat;
border:0px; 
color: #ffffff; 
text-decoration:none; 
text-align:center;
}

.img-mediengestaltung:hover {
width:264px; 
height:121px; 
display:block; 
background:url(http://www.jabber-server.de/images/mediengestaltung-koeln_hove.png) 0 0 no-repeat;
border:0px;  
color: #ffffff; 
text-decoration:none; 
text-align:center;
}

#footerPan p.copyright { 
margin-top:250px; 
display:block; 
position:absolute; 
/* bottom:0px; */
color:#fff; 
font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
padding:0;
margin-left: 0px; /* 35 */
width: 500px;
}

#footerPan p.copyright a { 
color:#CC0088; 
}

#footerPan p.xmpp-img { 
margin-top: 40px; 
display:block; 
position:absolute; 
color:#fff; 
font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
padding:0;
margin-left: 30px;
}

#footerPan p.w3c-xing { 
margin-top: 70px; 
display:block; 
position:absolute; 
color:#fff; 
font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
padding:0;
margin-left: 41px;
}

#footerPan li {
border-right:1px #ccc solid;
float:left; 
font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal;
padding-right:5px;
}

#footerPan ul.footer-menu {
width:550px;
/* width:458px; */
display:block; 
position:absolute; 
left:0px; 
top:0; 
padding:0;
margin-left: -108px;
}

#footerPan ul.footer-menu li a {
padding:0 0 0 12px; 
color:#fff; 
text-decoration:none;
}

#footerPan ul.footer-menu li a:hover {
text-decoration:underline;
}

#footerPan ul.credit {
width:458px; 
color:#fff; 
display:block; 
position:absolute; 
margin-top:97px; 
}

#footerPan ul.credit li a {
color:#fff; 
text-decoration:none;
}

#footerPan ul.credit li a:hover {
text-decoration:underline;
}

.bigtext span a { 
color:#ccc; 
text-decoration:none; 
font-size:2em; 
padding-left:100px; 
margin:10px;
}

.alt {
background-color:#efefef;
}

.alignleft { 
background:url(http://www.jabber-server.de/images/left.jpg) no-repeat; 
padding-left:20px;
}

.alignright { 
background:url(http://www.jabber-server.de/images/arrow.jpg) no-repeat; 
padding-left:20px;
}

.clearing {
clear:both;
}

.motivvorlage-1 {
border: 3px solid #CC0088;
float: left;
}

.motivvorlage-2 {
border: 3px solid #CC0088;
float: right;
}

#badge {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  z-index: 89;
  height: 91px;
  width: 76px;
}

#fbshare {
  position: absolute; 
  top: 5px; 
  right: 5px; 
  z-index: 95;
  height: 40px;
  width: 60px;
}

#tweetit {
  position: absolute; 
  top: 5px;
  right: 190px; 
  z-index: 95;
  height: 19px;
  width: 106px;  
}

#fblike {
  position: absolute; 
  top: -5px; 
  right: 70px; 
  z-index: 95;
  height: 45px;
  width: 100px;
}

#fblike iframe {
  height:45px;
  width: 100px;
  border: none; 
  overflow: hidden;
}

#pp-donate {
  position: absolute; 
  top: 5px; 
  left: 5px; 
  z-index: 95;
  height: 17px;
  width: 30px;
}

#flattr {
  position: absolute; 
  top: -5px; 
  left: 50px; 
  z-index: 95;
  height: 17px;
  width: 100px;
}

#googlefriendconnectmini {
  position: absolute; 
  top: 5px; 
  right: 5px; 
  z-index: 95;
  height: 25px;
  width: 60px;
  border: 1px solid #ccc;
}

.eingerueckt {
  margin-left: 20px;
}

#sitemap ul li {
  margin-bottom: 5px;
}

#wer-steckt-dahinter-img {
  background: url(http://www.jabber-server.de/images/rene_jabber-server_bw.gif) no-repeat 0 0;
  width: 350px;
  height: 93px;
  padding: 0;
  margin-top: 20px;
}

#wer-steckt-dahinter-img:hover {
  background: url(http://www.jabber-server.de/images/rene_jabber-server.gif) no-repeat 0 0;
  width: 350px;
  height: 93px;
  padding: 0;
  margin-top: 20px;
}

#visitenkarte-rene-dhemant-img {
  background: url(http://www.jabber-server.de/images/karte_rene-dhemant_front.png) no-repeat 0 0;
  width: 350px;
  height: 238px;
  padding: 0;
  margin-top: 20px;
}

#visitenkarte-rene-dhemant-img:hover {
  background: url(http://www.jabber-server.de/images/karte_rene-dhemant_back.png) no-repeat 0 0;
  width: 350px;
  height: 238px;
  padding: 0;
  margin-top: 20px;
}

.fastpath {
  float:right; 
  margin-top:-18px; 
  margin-right: 15px;
}

.right {
  text-align: right;
}

.links {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

.right-kursiv {
  text-align: right;
  font-style: italic;
  font-size: 12px;
}

embed {
  margin-left: -20px;
}

/* nur fuer Opera */
@media screen and (min-width: 0px){
.fastpath { 
  float:right; 
  }
}

#hinweis-auf-sitemap {
  border: 1px solid #CC0088;
  padding: 10px 5px 30px 5px;
}

#hinweis-auf-sitemap img {
 float: left;
 border: none;
 padding: 0;
}

/* #############################################################################
    PASSWORTSTAERKE TESTEN
############################################################################# */

#passcheck-border {
  border-top: 1px solid #CC0088;
  border-bottom: 1px solid #CC0088;
  padding-bottom: 25px;
}

#passcheck fieldset { border: none; }

#passcheck legend { display: none; }

#passcheck label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor: pointer;
}

#passcheck input, select, textarea {

	border: 0; 

	font-family: Verdana,Tahoma,Arial,sans-serif;
	
	font-size: 1.5em;
	
	background-color:#fafafa;
	
  color: #666;	

	padding: 3px; 

	width: 100%;
}

#passcheck input, textarea { border-bottom: 1px dotted #999; }

#passcheck input:hover, input:focus, textarea:hover, textarea:focus {

	background: #CC0088;
	
	color: #FFFFFF;

	border: 0;

	border-bottom: 1px solid #999;
}

/* #############################################################################
    SPENDENAUFRUF
############################################################################# */

div.spenden-aufruf { background-color: #dcf3ff; border: 1px solid #2a8ab7; z-index: 90; position: absolute; text-align: center; top: 0px; margin: auto; width: 100%; }
/*
div.spenden-aufruf p { width: 700px; margin: 0 auto; color: #000000; font-size: 12px; line-height: 14px; padding-left: 28px; /* background: transparent url(http://www.jabber-server.de/images/lightbulb.png) no-repeat 0px 15px; */ }
*/
div.spenden-aufruf p small { text-transform: uppercase; display: block; font-size: 9px; color: #7ca3b8; }
div.spenden-aufruf p a { color: #4182a3; }
div.spenden-aufruf a.close-link { color: #4182a3; float: right; margin-top: 25px; padding: 5px; font-size: 10px; }

#umfrage {
  margin: 0px;
  padding: 0px;
  width: 350px;
  height: 165px;  
}

#umfrage iframe {
  margin: 0px;
  padding: 0px;
  width: 350px;
  height: 165px;
  margin-top: 20px;
}

/* #############################################################################
    GOOGLE NEWSLETTER GADGET  
############################################################################# */

#googlenewslettergadget {
  width: 350px;
  height: 165px;
  border: 1px solid #CC0088;
}