/*  
Basiststylesheet für mydotbook.com  (v. 1.0)
Author: Steffen Eißer www.dotwerkstatt.de
Diese Template darf frei verwendet und verändert werden, beachten Sie jedoch die Anmerkungen speziell zur Footereinstellung (Copyrightrechte)							
							
*/






/*  #################################################################################
                             Grundlegende Formatierungen
##################################################################################*/


html {overflow:scroll;}

body {
height: 101%;
background-color: #efefef;
color: #666666;
font-family: Trebuchet MS, Trebuchet, San Serif;
line-height: 1.5;
font-size: 10pt;
margin: 0;
padding: 0;
background-image: url(../images/body_bg.jpg);
}



a {
color:#ED923d;
text-decoration:none;
}

a:hover {
color:#666666;
}



/*  #################################################################################
                             HauptDIVs Seitenaufteilung
##################################################################################*/

#theSite {
margin-top: 10px;
margin-left:auto;
margin-right:auto;
width:900px;
background-image: url(../images/bgtransparent2.png);

}

#header {

margin-bottom: 10px;
height:143px;
/************** für einfachen Headeraustausch bitte immer header.jpg verwenden! ************** */
background-image: url(../images/header.jpg);

background-repeat:no-repeat;
}

#SiteTitle{
width:900px;
text-align:center;
height:143px;
}
a.title {
width:100%;
height:100%;
float:right;

font-size:24px; 
color:#336699;

}

#innerSite {
padding-bottom:15px;

}
/**************Bereich in den der eigentliche Inhalt geladen wird, um den Adminbereich korrekt darzustellen nicht kleiner als 580px (width) setzen! ************** */
#content {
float:left;
margin-left:20px;
margin-top: 20px;
width: 600px;
height:100%;

}

#rightside {
float:right;
margin-left:20px;
margin-right:20px;
margin-top: 20px;
width: 200px;

}

/**************Nur für die Platzierung im Template, Detaieinstellungen sind im Admintemplate vorgegeben ************** */
#adminmenu {
margin-top: 20px;
margin-bottom:20px;
width: 200px;
border: 1px solid #ED923d;
background-color: #ffffff; 
}
/********************************************************************************************************** */

#menu {

width: 200px;

}

#domaingo {
margin-top: 20px;
width: 200px;

}

#lastcontent {
margin-top: 20px;
width: 200px;

}

#lastcomments {
margin-top: 20px;
width: 200px;

}

#categories {
margin-top: 20px;
width: 200px;


}

/************** wird nicht im Template geladen sondern vom System. Sie haben aber trotzdem die Möglichkeit einen Stil zuzuordnen, 
Bitte beachten Sie die Copyright-Hinweise und blenden den Footer nicht aus! Verwaisen sonst an anderer Stelle auf den Urheber! ************** */
#footer {
margin-left:auto;
margin-right:auto;
width:900px;

padding-top:2px;
height: 35px;
text-align:center;
font-size:10px;
color:#333333;
border-top: 1px solid #ED923d;

background-image: url(../images/footer.jpg);
background-position:0px -15px;
background-repeat:no-repeat;
}

#footer a {color:#333333;}
/********************************************************************************************************** */

#divlogin {
clear:both;
width: 200px;
}


#divlogin  a, #divlogin a:visited, #divlogina:active {

margin:auto;
margin-bottom:0px;
display:block;
text-align:center;
padding: 5px;
width: 180px;
height: 12px;
line-height: 12px;
background-color:#ED923d;
 border-bottom: 1px solid #993300;
 border-right: 1px solid #993300;
  border-top: 1px solid #FFCC66;
 border-left: 1px solid #FFCC66;
 font-size:11px;
text-decoration:none;
color:#efefef;
letter-spacing:1px;

}

#divlogin  a:hover {
 background-color:#CC6633;
 border-bottom: 1px solid #993300;
 border-right: 1px solid #993300;
  border-top: 1px solid #FFCC66;
 border-left: 1px solid #FFCC66;
  }

  #rssfeed{
text-align:center;
margin-top: 20px;

}
a.rssfeed {
font-size:10px;
padding-left:20px;
 width:140px;
 height:12px;
 line-height:12px;
 background-image: url(../images/rss.gif); 
 background-repeat:no-repeat;
 background-position: 0px 2px;
 }
/*  #################################################################################
                            Stile der Seitenmodule, Menu, Kategoriemenu, Letzte Beiträge, Letzte Kommentare etc.
 ##################################################################################*/
 
 
 #mapmodulhead, #mapmodulfooter, .mapmodulheading {
 display:none;
 }
 #mapmodul {
  margin-top:20px;
  text-align:center;

 }
 a.mapoverview {
 font-size:10px;

display:block;
  
   padding-top:0px;
 padding-bottom:40px;
 padding-left:87px;
   background-image: url(../images/overviewmap.gif);
 background-repeat:no-repeat;
 background-position: 15px 10px;

 }
 
 #menumodulhead {
width: 200px;
height:12px;
 text-align:right;
background-image: url(../images/backgroundoben.gif);
}

#menumodul {
width: 200px;
background-image: url(../images/backgroundbase.gif);
padding-bottom:8px;
}

#menumodulfooter {
height:5px;
width: 200px;
background-repeat: no-repeat;
background-image: url(../images/backgroundunten.gif);
}
 
 
 a.menumodul, a.categoriesmodul, a.categoriesmodul:visited, a.menumodul:visited {
 display:block;
 padding-left:20px;
 text-decoration:none;
 color:#FFFFFF;
 /* hover schon mal vorladen */
  background-repeat: no-repeat;
background-image: url(../images/menulink_hover.gif);
background-position: 4px 100px;

}
 
 
  a.menumodul:hover, a.categoriesmodul:hover, a.categoriesmodulactive, a.menumodulactive {

 background-repeat: no-repeat;
background-image: url(../images/menulink_active.gif);
background-position: 4px 1px;

 display:block;
 color:#666666;
 padding-left:30px;
  }
  
  
 a.menumodul:hover, a.categoriesmodul:hover {

 background-repeat: no-repeat;
background-image: url(../images/menulink_hover.gif);
background-position: 4px 0px;

 display:block;
 color:#666666;
 padding-left:30px;
  }
 
 
 .menumodulheading, .categoriesmodulheading {
 

display:none;
 
 }
 
 
 #categoriesmodulhead {
 text-align:right;
width: 200px;

background-image: url(../images/backgroundoben.gif);

}

#categoriesmodul {
width: 200px;
background-image: url(../images/backgroundbase.gif);

}

#categoriesmodulfooter {
height:5px;
width: 200px;
background-image: url(../images/backgroundunten.gif);
background-repeat: no-repeat;
}



#lastcontentmodulhead, #lastcommentsmodulhead {

font-weight:bold;
width:100%;
 text-align:right;
 background-image: url(../images/backgroundoben.gif);
}

.lastcommentsmodulheading, .lastcontentmodulheading {
 font-weight: bold; 
 color:#efefef;
padding-right:10px;
 width:100%;
}



#lastcontentmodul, #lastcommentstmodul {
padding:5px;
padding-left:15px;
background-image: url(../images/backgroundbase.gif);
}


a.lastcommentsmodul, a.lastcontentmodul, a.lastcontentmodul:visited, a.lastcommentsmodul:visited {
 color:#FFFFFF;
 display:block;
 }
 
 
a.lastcontentmodul:hover, a.lastcommentsmodul:hover {
  letter-spacing:2px;
 }
 

.datelatestcomment, .datelatestcontent {
font-size:10px;
display:block;
}

.itemlatestcomment{
font-size:10px;
display:block;
font-weight:bold;
}

#lastcontentmodulfooter, #lastcommentsmodulfooter {
background-image: url(../images/backgroundunten.gif);
background-repeat:no-repeat;
height:5px;
}

  
  
  
/*  #################################################################################
                             INHALTSBEREICH
 ##################################################################################*/


/************** dieser Container wird für die Darstellung immer benötigt, entfernen Sie ihn müssen mehr Einstellungen geändert werden ************** */ 
#clear {
clear:both;
}
/********************************************************************************************************************************** */ 

 
 
#navigationinfoline{
display:none;
} 


/********************************* Start Beitragsanzeige in der Kategorieansicht *******************************************************************************/ 

#seperator {height:20px;}


#contentitemheader, #menuitemheader {

background-image: url(../images/contentground.gif);
background-repeat:no-repeat;
padding:5px;
}


/****************** Kategorieanzeige *************************/ 
.catinfo {
display:none;
float:right;
width:30%;
text-align:right;
}
/****************** Datum der Erstellung Anzeige **************/ 
.date {
display:none;
float:right;
font-style:italic;
font-size:10px;
}
/****************** Beitragsüberschrift **********************/ 
.contenttitel  {
float:left;
display:inline;
color:#ED923d;
font-weight:bold;
font-size: 18px;
width:70%;
}

/****************** Beitragsüberschrift Link **********************/ 
a.contenttitel, .menutitelmenu {
display:inline;
color:#ED923d;
font-weight:bold;
font-size: 18px;
border: 0px solid #ED923d; 

}
a.maplink {
float:left;
margin-right:5px;
}
.maplink img {
border:0px;
}
#contentitembox, #menuitembox {
border-left: 1px solid #ED923d; 
border-right: 1px solid #ED923d;
padding-bottom:10px;
background-color:#ffffff;
padding-top:5px;
}

/*  Einstellmöglichkeit für die Anzahl der vorhandenen Bilder 1-6 im Beitragsbereich übergeordneter Container */
#thumbimages, #thumbimages01,#thumbimages02,#thumbimages03,#thumbimages04,#thumbimages05,#thumbimages06 {
float:left;
width:240px;
padding-top:3px;
padding-left:3px;

margin-top:5px;
margin-right:10px;
background-color:#efefef;
 border-bottom: 1px solid #666666;
 border-right: 1px solid #666666;
  border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;

}
#thumbimages03 {
width:360px;
}
/****************** Bilderanzahl Unterschrift *******************/ 
.imginfo {
padding-left:5px;
display:block;
vertical-align:center;
font-size: 10px;
}

/*  Bildstil in der Vorschauanzeige im Beitragsbereich  */
 #thumbimages img, #thumbimages01 img, #thumbimages02 img, #thumbimages03 img, #thumbimages04 img, #thumbimages05 img, #thumbimages06 img {
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 margin-right:5px;
  margin-left:5px;
 margin-top:5px;
}

#thumbimages01 img {
width:220px;
}


/****************** eigentlicher Beitrag *******************/ 



#realcontent,#realcontentmenu {


margin-bottom:10px;

margin-bottom:10px;
padding-left:5px;
padding-right:5px;
}

/****************** Information ob Kommentare vorhanden *******************/
#commentsinfo {

display:none;

}
/****************** Information wenn Kommentare vorhanden *******************/
.commentsexists {
font-size:10px;
font-weight:bold;
float:left;
}

/****************** Link kommentare anzeigen/abgeben *******************/
a.showcomments {
float:right;
}
/****************** Beitragsbereich Fuß *******************/
#contentfooter {
padding:3px;
height:20px;
padding-left:10px;
padding-right:10px;
border: 0px dotted #ED923d;  border-top-width:1px; 

background-image: url(../images/contentground.gif);
background-repeat:no-repeat;
background-position: 0px -129px;
}

#menuitemfooter {

padding:3px;
height:7px;
padding-left:10px;
padding-right:10px;
background-image: url(../images/contentground.gif);
background-repeat:no-repeat;
background-position: 0px -142px;

}

/********************************* Start einzelne Beitragsanzeige mit Kommentaren *******************************************************************************/ 

#navishowcomments {
margin-bottom:15px;
}


#showcomments {
clear:both;
margin:auto;
width: 560px;
margin-top:30px;
font-size:90%;
}

#showcomments h1 {
background-color:#ED923d;
color:#ffffff;
margin:0px;
padding:3px;
font-weight:bold;
width: 140px;
border: 0px solid #ED923d; 
font-size:90%;
}


#commentsbox {
clear:both;
margin-bottom:10px;
border: 1px solid #ED923d; 
background-color:#ffffff;
}


#commentshead {
padding:5px;
font-size: 14;
height:17px;

}


/****************** Kommentarverfasser *******************/
.commentname {

float:left;
color:#ED923d;
font-weight:bold;
}

/****************** eigentlicher Kommentar *******************/ 
#commentsbody {
clear:both;
padding:5px;
}

.comment {
}

img.commentimage {
margin-top:5px;
margin-right:5px;
border: 1px solid #ED923d; 
float:left;
}


#commentsfooter {
clear:both;
margin-bottom:20px;

}

/****************** Kommentar verfassen *******************/ 
#writecomment {
clear:both;
padding:5px;
}


#writecomment input.textinput, #writecomment textarea.textinput {

font-family:Arial;
 background-color:#ffffff;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 color:#666666;
 font-size:12px;
}

/****************** Fehleranzeige *******************/ 
  .error {color:#990000; font-weight:bold;}
  
  

  
/*  #################################################################################
                             Seitenavigation vor/zurück
##################################################################################*/


a.previous, a.next, a.previouscomnavi, a.nextcomnavi {
display:block;

float:right;
padding-left:5px;
padding-right:5px;
font-size:10px;

height:15px;
line-height:15px;

}

a.next, a.nextcomnavi {

float:left;

}  
  
 a.previous, a.next { 
 margin-top:-40px;
 }
  
 
/* ********************************************************************************

Gallery STYLES

 ******************************************************************************** */  

/****************** Vor zurück Navigation in der Diashow*******************/ 
#dotdiashownavbar  {
text-align:center; 
width: 100%; 
height:20px; 
font-weight:bold;}




#dotdiashownavbar 
a.deaktive {color:#dddddd; text-decoration:none;}
a.deaktive:hover {color:#006600; text-decoration:none;}



#dotgallery {
background-color:#FFFFFF;
}

#dotgalleryhead {
padding:3px;
font-weight:bold;
margin:0px;
background-color:#ED923d;
color:#efefef;
}

.dotgalleryclose {
position:absolute; 
bottom:7px; 
right:7px;
}

.dotgalleryclose a {
font-size:80%; 
padding-left:3px; 
padding-right:3px; 
border-style:solid; 
border-width:1px; 
border-color:#ED923d;
color:#ffffff; 
background-color:#ED923d;
}

.dotgalleryclose 
a:hover {
color:#ffffff; 
background-color:#ED923d;
}

#dotgalleryimagearea {
padding:10px;
margin:3px;
background-color:#efefef;
 border-bottom: 1px solid #666666;
 border-right: 1px solid #666666;
  border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
text-align:center;
}

#dotgalleryimagearea h3 {
font-size:11px;
text-align:left;
line-height:11px;
height:11px;
margin-top:0px;
padding:0px;
}


#dotgalleryimagearea img {
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;

}

#dotgallerynavbar  {
text-align:center; 
width: 100%;  
font-weight:bold; 
margin-top:-5px; 
font-size:10px; 
margin-bottom:5px;}

#dotgallerynavbar a {
font-size:12px;
padding-left:10px;
padding-right:10px;
height:20px;
line-height: 20px;
}

#dotgallerynavbar 
a.deaktive {
color:#cccccc; 
text-decoration:none;
}

a.deaktive:hover {
color:#006600; 
text-decoration:none;
}


#dotgallerydescription {
display:block;
overflow:auto;
height:40px;
width:560px;
margin-top:5px;
padding-left:15px;
font-size:90%;
}
/* ********************************************************************************

Google Map STYLES

 ******************************************************************************** */   
 
/* ******** Übersichtskarte alle Beiträge im Contentbereich ************** */ 
 #overviewmap {
 
 width:100%;
height:330px;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 
 }
 
 #markerauswahl {
 margin-top:20px;
 color:#ffffff;
 text-align:center;
 font-weight:bold;
 background-color:#ED923d;
 border: 1px solid #ED923d;
 padding:3px;
 }
 
 select.selectmarker {

 background-color:#efefef;
 border-bottom: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 color:#000000;
 font-size:12px;
}
 
   /* ******** im tooltip ************** */ 
 
 #markerinfo {
 
 }
 
  #markerinfo h3{
 
color:#ED923d;
font-weight:bold;
font-size:100%;
margin:0px;

 }
 #markerinfo .datemapinfo {
 float:left;
 font-size:10px;
 margin-bottom:10px;
 }
 
 #markerinfo a {
 clear:both;
 display:block;
 }
 
 
 /* ******** Übersichtskarte eines Beitrages im Popupfenster ************** */  
 #dotmap {

}
 
 
 #dotmaphead {
padding:3px;
font-weight:bold;
margin:0px;
background-color:#ED923d;
color:#efefef;
}
 
#dotmaparea {
padding:10px;
padding-bottom:30px;
background-color:#efefef;
 border-bottom: 1px solid #666666;
 border-right: 1px solid #666666;
  border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
text-align:center;
} 

#showmap {
width:100%;
height:535px;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  border-top: 1px solid #666666;
 border-left: 1px solid #666666;

}

.dotmapclose {
position:absolute; 
bottom:7px; 
right:7px;
}

.dotmapclose a {
font-size:80%; 
padding-left:3px; 
padding-right:3px; 
border-style:solid; 
border-width:1px; 
border-color:#ED923d;
color:#ffffff; 
background-color:#ED923d;
}