/* ###################################################################################################### */

/*                                                                                                        */

/*                                        Style-Sheet für                                                 */

/*                                          www.oberst.in                                                   */

/*                                   erstellt von Maik Oberst                                             */

/*                                         info@oberst.in                                                   */

/*                             copyright 2000 - 2010 by Maik Oberst                                       */

/*                                                                                                        */

/* ###################################################################################################### */


/* ######################################### oberst.in Global  ############################################ */
/* ###################################################################################################### */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-image:url(/images/body.jpg);
 background-repeat:no-repeat;
 background-color:#89B651;
 text-align:center;
 margin: 0px 0px 0px 0px;
 }

a:link, a:visited, a:active, a:hover {
 text-decoration: underline;
 font-weight:normal;
 color:#2E5B89;
 }

#outer {
 width:970px;
 margin:0px auto;
 text-align:left;
 background-color:#ffffff;
 border:0px solid #000000;
 }
 
#shadowtop {
 background-image:url(images/s1.png);
 background-repeat:no-repeat;
 background-position: bottom; /* nur wegen IE6 und älter */
 width:1000px;
 height:11px;
 margin:0px auto; 
 border:0px solid #FFF5EC;
 }

#shadowouter {
 background-image:url(images/s2.png);
 background-repeat: repeat-y;
 width:1000px;
 margin:0px auto;
 border:0px solid #FFF5EC;
 }
  
#shadowbottom {
 background-image:url(images/s3.png);
 background-repeat:no-repeat;
 width:1000px;
 height:15px;
 margin:0px auto; 
 border:0px solid #FFF5EC;
 }
 
#header {
 background-image:url(images/head.png);
 background-color:#528BC5;
 height:100px;
 border:0px solid #000000;
 margin-bottom:0px;
 }
 
#menuebar {
 color:#FFFFFF;	
 background-color:#C7DCEF;
 height:30px;
 border:0px solid #000000;
 margin:0px;
 padding:0px 0px 0px 0px;
 }
 
#menuebarshadow {
 background-image:url(images/s4.png);
 background-repeat:no-repeat;
 width:;
 height:15px;
 border:0px solid #000000;
 margin-bottom:0px;
 }

#left {
 background-color:#ffffff;
 width:170px;
 float:left;
 padding-top: 10px;
 }

#content {
 border:0px solid #000000;
 background-color:#ffffff;
 width:928px;
 float:left;
 padding:5px 10px 10px 10px;
 border:0px solid #000000;
 margin: 5px 10px 10px 10px;
 }

#footer {
 width:970px;
 height:20px;
 margin:0px auto; 
 background-color:#528BC5;
 border:0px solid #000000;
 }

#season {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:9px;
 color:#FFFFFF;
 float:right;
 padding-top:85px;
 padding-right:5px;
 }

#maiki {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 position: absolute;
 color:#FFFFFF;
 padding-top:557px;
 padding-left:0px;
 }
 
.headerlink {
 float:left;
 height:62px;
 margin-top:10px;
 margin-left:23px;
 width:208px;
 display:inline; /* normal block jedoch wegen dem "Doppelrand-Bug" (Double margin bug) nun so. Siehe http://www.hessendscher.de/workshop/slide49.html */
 }

#copyright {
 font-size:11px;
 font-weight:bold;
 color: #ffffff;
 border:none;
 padding-top:3px;
 padding-left:350px;
 }

.main ul {
 margin-left:0px;
 padding-left:20px;
 }

.main li {
 padding-top:2px;
 margin-bottom:2px;
 }

.menuehead {
 margin:5px 5px 5px 5px;   /* oben rechts unten links */
 font-size:12px;
 color:#ffffff;
 border:1px solid #000000;
 background-color:#F79413;
 text-align:center;
 display:block;
 font-weight:bold;
 padding:1px;
 }

/* Hyperlinks für das linke Menü */
.menue a {
 text-align:center;
 font-weight:bold;
 text-decoration:none;
 height:23px;
 width:100px;
 margin:0px 0px 0px 0px;
 padding:5px 0px 2px 0px;
 display:block;
 border: 0px solid #FDECC8;
}

.menue a:link, .menue a:visited, .menue a:active {
 font-size:15px;	
 text-decoration:none;
 float:left;
 color:#376FA6;
}

.menue a:hover {
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 height:23px;
 width:100px;
 color:#376FA6;
 background-color:#B8D2EB;
 margin:0px 0px 0px 0px;
 padding:5px 0px 2px 0px;
 display:block;
 border: 0px solid #FAB65A;
}

.menue ul {
 margin:0px;
 padding-left:0px;
 list-style-type:none;
 }

.menue li {
 margin-left:0px;
 padding-left:0px;
 display:inline;
 }



/* Hyperlinks für das linke Menü 2 (Impressum) */
.menue2 a {
 text-align:center;
 font-weight:bold;
 text-decoration:none;
 height:23px;
 width:115px;
 margin:0px 0px 0px 0px;
 padding:7px 0px 0px 0px;
 display:block;
 border: 0px solid #FDECC8;
}

.menue2 a:link, .menue2 a:visited, .menue2 a:active {
 font-size:12px;
 text-decoration:none;
 float:right;
 color:#376FA6;
}

.menue2 a:hover {
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 height:23px;
 width:115px;
 color:#376FA6;
 background-color:#B8D2EB;
 margin:0px 0px 0px 0px;
 padding:7px 0px 0px 0px;
 display:block;
 border: 0px solid #FAB65A;
}

.menue2 ul {
 margin:0px;
 padding-left:0px;
 list-style-type:none;
 }

.menue2 li {
 margin-left:0px;
 padding-left:0px;
 display:inline;
 }

#w3c {
 margin-top:20px;
 text-align:center;
 }

.pagehead {
 margin:0px 0px 10px 0px;   /* oben rechts unten links */
 font-size:12px;
 color:#ffffff;
 border:1px solid #000000;
 background-color:#528BC5;
 text-align:left;
 display:block;
 font-weight:bold;
 padding-left:3px;
 padding-top:1px;
 padding-bottom:1px;
 }

/* Class für 4All Space */
.table4 {
 border:0px;
 width:100%;
 }

/* Class für Zellen in 4All Space */
.table42 {
 border:0px;
 background-color:#EAEBEE;
 font-family:verdana,tahoma,arial,helvetica,sans-serif;
 text-align:left;
 width:98%;
 color:#000000;
 }

/* Class für 4You Space */
.table4you {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 border:0px solid #000000;
 background-color: #EAEBEE;
 width:100%;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
}

/* Tabelle für Einzelbildanzeige in Pic-Galerie */
.tablegalerie {
 border:none;
 width:99%;
 }

.key {
 float:left;
 padding-top:3px;
 padding-left:5px;
 }

.dot {
 float:left;
 margin-top:4px;
 margin-left:5px;
 }

.dot2 {
 float:left;
 margin-top:4px;
 margin-left:2px;
 }

.dot3 {
 float:left;
 margin-top:4px;
 margin-left:2px;
 }

.up {
 float:right;
 margin-top:4px;
 margin-right:10px;
 }
 
.newestkevin {
 float:left;
 margin-top:4px;
 margin-left:10px;
 }


/* Hyperlinks für 4you Auswahl */
.you a {
 font-weight:normal;
 text-decoration:none;
 margin-top:2px;
 margin-right:0px;
 margin-bottom:2px;
 margin-left:0px;;
 padding-top:1px;
 padding-left:20px;
 padding-bottom:1px;
 padding-right:20px;
 border: 1px solid #ffffff;
}

.you a:link, .you a:visited, .you a:active {
 text-decoration:none;
 color:#000000;
}

.you a:hover {
 font-weight:normal;
 text-decoration:none;
 color:#000000;
 background-color:#FDECC8;
 margin-top:2px;
 margin-right:0px;
 margin-bottom:2px;
 margin-left:0px;
 padding-top:1px;
 padding-left:20px;
 padding-bottom:1px;
 padding-right:20px;
 border: 1px solid #FAB65A;
}

.cubes {
 text-align: center;
 padding-top:50px;
 padding-left:100px;
 padding-bottom:300px;
}

/* Hyperlinks für Cubes Auswahl */
.cubes a {
 font-weight:normal;
 text-decoration:none;
 margin-top:2px;
 margin-right:0px;
 margin-bottom:2px;
 margin-left:0px;;
 padding-top:1px;
 padding-left:20px;
 padding-bottom:1px;
 padding-right:20px;
 border: 1px solid #ffffff;
}

.cube-maik {
 background-image: url(/images/timer.gif);
 background-repeat:no-repeat;
 float: left;
 height: 49px;
 display: block; /* so this can be used for links */
}

.cube-katja {
 background-image: url(/images/timer.gif);
 background-repeat:no-repeat;
 height: 49px;
 display: block; /* so this can be used for links */
}

.cube-kevin {
 background-image: url(/images/timer.gif);
 background-repeat:no-repeat;
 height: 49px;
 display: block; /* so this can be used for links */
}
     
.cubes a:link, .cubes a:visited, .cubes a:active {
 text-decoration:none;
 color:#000000;
}

/* Hyperlinks für M_DB Auswahl */
.movie a {
 font-weight:normal;
 text-decoration:none;
 margin-top:2px;
 margin-right:0px;
 margin-bottom:2px;
 margin-left:0px;;
 padding-top:1px;
 padding-left:20px;
 padding-bottom:1px;
 padding-right:20px;
 border: 1px solid #ffffff;
}

.movie a:link, .movie a:visited, .movie a:active {
 text-decoration:none;
 color:#000000;
}

.movie a:hover {
 font-weight:normal;
 text-decoration:none;
 color:#000000;
 background-color:#FDECC8;
 margin-top:2px;
 margin-right:0px;
 margin-bottom:2px;
 margin-left:0px;
 padding-top:1px;
 padding-left:20px;
 padding-bottom:1px;
 padding-right:20px;
 border: 1px solid #FAB65A;
}

/* Hyperlinks für badges Auswahl */
.badges a {
 font-weight:normal;
 text-decoration:none;
 padding-top:1px;
 padding-left:5px;
 padding-bottom:1px;
 padding-right:5px;
}

.firefox-logo {
 background-image: url(/images/takebacktheweb.png);
 background-repeat:no-repeat;
 padding-left: 124px;
 height: 35px;
 display: block; /* so this can be used for links */
     }


.firefox-add-ons {
 background-image: url(/images/firefox-logo-64x64.png);
 background-repeat:no-repeat;
 padding-left: 72px;
 height: 45px;
 margin-left:10px;
 display: block; /* so this can be used for links */
     }

.admindatum {
 padding:0px 0px 0px 140px;   /* oben rechts unten links */ 
 }
 
/* ###################################################################################################### */
/* ###################################################################################################### */

/* ######################################### oberst.in Scripte ############################################ */
/* ###################################################################################################### */

table {  border: 0px; }

/* Rahmen für Zellen der News */
table.content { border-width: 0px; margin-bottom: 5px; padding: 0px; background-color: #ffffff; }

/* Rahmen für Zellen des Admin Login */
table.head    { border-width: 0px; margin: 1px 0px 5px; padding: 0px; background-color: #ffffff; }

/* Zellenrahmen für Info Meldung bei Post */
table.info    { border-width: 0px; margin: 1px 0px 5px; padding: 0px; background-color:#ffffff; }

/* Nicht zuordenbar */
table.panel   { width: 150px; background-color: red; /*  #4D4D62; */; border-color: #4D4D62; margin-bottom: 5px; }

th { font-size: 12px; }
td { font-size: 12px; }

/* Überschriften Zellen z.B. Maik's Blog usw. */
th.head {
 background-color: #F79413;
 color:#ffffff;
 border:1px solid #000000;
}

/* Nicht zuordenbar */
td.head {
 background-color: red; /* #BE891B */
 font-weight: bold;
}

/* Kategorie Zelle */
th.info   { background-color:#F79413; border: 1px solid #000000; }
td.info   { background-color:#FDECC8; border: 1px solid #000000; }

/* Zellen für Header.php also dem Menü */
th.header { background-color: #ffffff; font-weight: bold; }
td.header { background-color: #ffffff; }

/* Zellen für News/Blog */
td.left   { background-color: #ffffff;}

/* Zellen für Admin Area Newsauflistung */
td.right  { background-color: #ffffff;}

/* Zellen für Admin Area Benutzeranzeige */
td.odd    { background-color: #ffffff; }
/* Zellenfarbe für News Archiv jede 2te */
td.even   { background-color: #ffffff /*#F0E9B8*/; }

/* Nicht zuordenbar */
td.center { background-color: red /*#C19D66*/; }

/* Zellen für Admin Area Kategorieüberschrift */
td.top    { background-color: #F79413; color:#ffffff; border:1px solid #000000;  }

/* Zellen für Admin Area Kategoriefußzeile und Kommentarzeile der News */
td.bottom { background-color: #FCD68B; color:#000000; border:1px solid #000000;  }

/* Nicht zuordenbar */
table.quote {
 background-color: red /*#E6DB8E*/;
 border: 1px solid #4D4D62;
}

/* Nicht zuordenbar */
td.quote {
 padding: 3px;
 background-color: red;
 border-top: 1px dashed red /* #4D4D62*/;
}

legend {
 border: 1px solid #999;
 background-color: #D9B359;
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 font-weight: bold;
 padding: 2px;
}

/* Class für die Kategorie-Auswahl-Form damit die Zelle mit der Kategorieauswahl nicht zu hoch dargestellt wird */
form {
 display:inline;
}

/* Class für den Titel-Text in der news_row.html des News Scripts */
.newstitel {
 font-size:12px;
 }

/* Class für den Time-Text in der news_row.html des News Scripts */
.newstime {
 font-size:10px;
 }

/* Class für den Autor-Text in der news_row.html des News Scripts */
.newsautor {
 font-size:10px;
 }

/* Class für den News-Text in der news_row.html des News Scripts */
.newsnews {
 font-size:12px;
 }

/* Class für den Link-Text in der news_row.html des News Scripts */
.mewslink {
 font-size:10px;
 }

/* Class für den Bemerkungs-Text in der news_row.html des News Scripts */
.newsbemerkung {
 font-size:10px;
 }

/* ###################################################################################################### */
/* ###################################################################################################### */


.highslide {
	cursor: url(https://www.oberst.in/images/highslide/zoomin.cur), pointer;
    outline: none;
}

.highslide img {
  padding-top:14px;
	border: 0px solid gray;
}

a.highslide {
  background-image: url(https://www.oberst.in/images/highslide/rahmen.jpg);
  background-repeat: no-repeat;
  width:128px;
  height:103px;
  float:left;
}

a.highslide:hover {
  background-image: url(https://www.oberst.in/images/highslide/hover.jpg);
  background-repeat: no-repeat;
  width:128px;
  height:103px;
  float:left;
}

.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: none;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

.control, .control * {
	color: #666;
}

.control:link {
 text-decoration: none;
 }

a.highslide-full-expand {
   background: url(https://www.oberst.in/images/highslide/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 20px;
   height: 20px;
}