/* CSS Document */

/* Правила для экранной версии представления данных */

@media screen {

  /* Общие установки для страницы */

  html, body {

    margin: 0px;

    padding: 0px;

    border: 0px;

  }

  body {

    color: #FFFFFF;
	background: #242424;
	
	background-image:url(bilder/bg1.png);

	background-repeat: repeat-x repeat-y;

	background-attachment: fixed;
	

    font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

  }



  /* "Подложка" для всей страницы margin 0 auto - mitte fuer Opera*/

  #carrier {

	width: 800px;

	background: #000000;

	border:1px solid #FFFFFF;

	text-align:center;

	margin: 0 auto;

  }

  #carrier_google {

	width: 900px;

	background: #000000;

	border:1px solid #FFFFFF;

	text-align:center;

	margin: 0 auto;

  }



  /* Шрифт для "шапки", меню навигации, заголовков второго уровня в основном тексте и "подвала" */

  #header, #menu, #text, #footer {

    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  #text p

  {
    padding:0px;
    margin:10px 0px;
  }



  #text H1
  {
  text-align:center;
  font-size:130%;
  }


  #text H2
  {
  text-align:center;
  font-size:110%;
  }


  #text H3
  {
  text-align:center;
  font-size:100%;
  font-weight: 300;
  }


  #text_bestellung H1
  {
  text-align:left;
  font-size:140%;
  }


  #text_bestellung H2
  {
  text-align:left;
  font-size:120%;
  }


  #text_bestellung H3
  {
  text-align:left;
  font-size:100%;
  font-weight: 300;
  }









  /* Общие правила оформления "шапки" и "подвала" */

  

   #header, #footer  {

   text-align:center;

  }

  

  #header, #footer p {

    color: #ffffff;

    background: #000000;

    margin: 0px;

	padding: 10px 20px;

  }


  /* Представление "шапки" */

  #header {

    border-bottom: solid 1px #ffffff;

    padding: 0px 0px;

  }



  /* На внутренних страницах сайта титульная надпись в "шапке"

     выступает в качестве ссылки на главную страницу. Для этой

     ссылки задаются такие правила, чтобы она визуально была

     неотличима от заголовка без ссылки */

  #header a img

  {

    text-decoration: none;

    border-width: 0px;

  }


  #gedicht_haupt 

  {
  font-size:12px; margin-top:10px;  margin-left:330px; 
  margin-bottom:15px; color:#FFFFFF; font-style:oblique;
  }



  #gedicht 

  {
  font-size:12px; margin-top:10px;  margin-left:270px; 
  margin-bottom:15px; color:#FFFFFF; font-style:oblique;
  }

  #gedicht_puzzle 

  {
	text-align: center;
	background: #000000;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
  }

  #gedicht_puzzle H1

  {
  margin: auto;
  font-size:26px;
  }


  #gedicht_puzzle H2

  {
  font-size:16px;
  }

  #gedicht_puzzle H3

  {
  font-size:12px;
  }

  #puzzle 
  {
    margin: 20px;
    padding: 10px;
    border: 0px;
  }

  #haupttext 

  {
  font-size:12px; margin-top:10px;  margin-left:0px;  margin-right:25px; 
  margin-bottom:15px; color:#FFFFFF;
  text-align:left;
  }

  #haupttext p

  {
    padding: 5px 5px;
    margin:0px 20px 10px 10px;
  }




  /* Собственно блок навигации для игровых страниц*/

  #spiele_menu {

    font-size: 14px;
	text-align: center;
    padding: 10px 10px;
    border-style: solid;
    border-width: 0px;
    border-color: #000000;

  }

  /* Хитрые игры со свойствами margin и padding имеют целью

     полную совместимость с IE5. Блок навигации отображается в IE5

     так же, как и в более современных браузерах. */

  #spiele_menu p {

    padding: 3px 3px;
    margin: 3px;

  }


  /* При помощи свойства display мы превращаем гиперссылки и

     контейнер <span>...</span>, размещенные в блоке навигации, из

     внутристрочных элементов в блочные, что дает нам возможность

     указать ширину при помощи свойства width */

  #spiele_menu a, #spiele_menu span

  {

    display: block;

    width: 300px;

    margin: auto;

    padding: 5px 5px;

  }


  /* Далее следуют правила представления "кнопок" навигационного меню.

     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора

     мыши; 3) соответствующие текущему "магистральному" разделу и

     предназначенные для его внутренних страниц - для таких "кнопок"

     назначен класс current; 4) соответствующие текущей

     странице и поэтому не являющиеся ссылками - этот вид "кнопок"

     представлен элементами <span>...</span> */

  #spiele_menu a {

    color: #ffffff;

    text-decoration: none;

  }

  #spiele_menu a:link, #spiele_menu a:visited {

    background: #000000;

    border: solid 1px #ffffff;

  }

  #spiele_menu a:hover  {

    font-size: 120%;

	border: 2px solid #ffffff;

  }

  #spiele_menu a.current:link, #spiele_menu a.current:visited, #spiele_menu span {

    background: #000000;

  }



  #spiele_menu H1

  {
  margin: auto;
  font-size:18px;
  }

  #spiele_menu H2

  {
  font-size:16px;
  }

  #spiele_menu H3

  {
  font-size:12px;
  }



  /* Собственно блок навигации для foto_gallery*/

  #foto_gallery {

    background: #000000;
    font-size: 14px;
	text-align: center;
    padding: 10px 10px;
    border-style: solid;
    border-width: 0px;
    border-color: #000000;

  }

  /* Хитрые игры со свойствами margin и padding имеют целью

     полную совместимость с IE5. Блок навигации отображается в IE5

     так же, как и в более современных браузерах. */

  #foto_gallery p {

    padding: 3px 3px;
    margin: 3px;

  }


  /* При помощи свойства display мы превращаем гиперссылки и

     контейнер <span>...</span>, размещенные в блоке навигации, из

     внутристрочных элементов в блочные, что дает нам возможность

     указать ширину при помощи свойства width */

  #foto_gallery a, #foto_gallery span

  {

    display: block;

    width: 300px;

    margin: auto;

    padding: 5px 5px;

  }


  /* Далее следуют правила представления "кнопок" навигационного меню.

     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора

     мыши; 3) соответствующие текущему "магистральному" разделу и

     предназначенные для его внутренних страниц - для таких "кнопок"

     назначен класс current; 4) соответствующие текущей

     странице и поэтому не являющиеся ссылками - этот вид "кнопок"

     представлен элементами <span>...</span> */

  #foto_gallery a {

    color: #ffffff;

    text-decoration: none;

  }

  #foto_gallery a:link, #foto_gallery a:visited {

    background: #000000;

    border: solid 1px #ffffff;

  }

  #foto_gallery a:hover  {

    font-size: 120%;

	border: 2px solid #ffffff;

  }

  #foto_gallery a.current:link, #foto_gallery a.current:visited, #foto_gallery span {

    background: #000000;

  }



  #foto_gallery H1

  {
  margin: auto;
  font-size:18px;
  }

  #foto_gallery H2

  {
  font-size:16px;
  }

  #foto_gallery H3

  {
  font-size:12px;
  }



  #bestellung 

  {
  font-size:12px; margin-top:0px;  margin-left:280px; text-align:left; 
  margin-bottom:5px; margin-right:20px; color:#FFFFFF;
  }

  #bestellung H1
  {
  text-align:center;
  font-size:140%;
  }


  #bestellung H2
  {
  text-align:center;
  font-size:120%;
  }


  #bestellung H3
  {
  text-align:center;
  font-weight:bold;
  }


  #gedicht #author 

  {

  font-size:11px; margin-top:0px; 

  margin-bottom:15px; color:#FFFFFF;

  font-style:normal;

  padding:5px 40px 0px 0px;

  text-align:right;

  }





  /* "Подложка" для навигационного меню. Ширина области навигации

      постоянна во всех браузерах и составляет 200 пикселей */

  #menucarrier

  {

    width: 190px;
	height: 1000px;

    margin-bottom: 20px;

    float: left;

  }





  /* Собственно блок навигации */

  #menu {

    background: #000000;

    font-size: 14px;

    text-align: left;

    padding: 10px 10px;

    border-style: solid;

    border-width: 0px;

    border-color: #000000;

  }



  /* Хитрые игры со свойствами margin и padding имеют целью

     полную совместимость с IE5. Блок навигации отображается в IE5

     так же, как и в более современных браузерах. */

  #menu p {

    padding: 3px 3px;

    margin: 3px;

  }



  /* При помощи свойства display мы превращаем гиперссылки и

     контейнер <span>...</span>, размещенные в блоке навигации, из

     внутристрочных элементов в блочные, что дает нам возможность

     указать ширину при помощи свойства width */

  #menu a, #menu span

  {

    display: block;

    width: 190px;

    margin: auto;

    padding: 5px 5px;

  }



  /* Далее следуют правила представления "кнопок" навигационного меню.

     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора

     мыши; 3) соответствующие текущему "магистральному" разделу и

     предназначенные для его внутренних страниц - для таких "кнопок"

     назначен класс current; 4) соответствующие текущей

     странице и поэтому не являющиеся ссылками - этот вид "кнопок"

     представлен элементами <span>...</span> */

  #menu a {

    color: #ffffff;

    text-decoration: none;

  }

  #menu a:link, #menu a:visited {

    background: #000000;

    border: solid 1px #ffffff;

  }

  #menu a:hover, #menu a:active, #menu a.current:link, #menu a.current:visited, #menu span {

    font-size: 120%;

	border: 2px solid #ffffff;

  }

  #menu a.current:link, #menu a.current:visited, #menu span {

    background: #000000;

  }




  /* Собственно FRAGE */

  #menu_frage {

    background: #000000;

    font-size: 12px;

    text-align: left;

    padding: 10px 10px;

    border-style: solid;

    border-width: 0px;

    border-color: #000000;
	margin: 0px 0px 0px 7px;

  }

  #suchen_google {

    background: #000000;

    border-style: solid;

    border-width: 0px;

    border-color: #000000;
	margin: 10px 0px 0px 7px;

  }

  #google-text {

    background: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-style: solid;

    border-width: 0px;

    border-color: #000000;
	margin: 0px 10px 0px 10px;

  }




  /* Собственно блок навигации UNTEN menu1*/

  /* Собственно блок навигации */



  #menu1 

  {

	margin: 10px 0px;

  }

  #menu1 {

    background: #000000;

    font-size: 12px;

    text-align: center;

    padding: 15px 10px;

    border-style: solid;

    border-width: 1px;

    border-color: #000000;

  }



  /* Хитрые игры со свойствами margin и padding имеют целью

     полную совместимость с IE5. Блок навигации отображается в IE5

     так же, как и в более современных браузерах. */

  #menu1 p {

    padding: 3px 3px;

    margin: 3px;

  }



  /* При помощи свойства display мы превращаем гиперссылки и

     контейнер <span>...</span>, размещенные в блоке навигации, из

     внутристрочных элементов в блочные, что дает нам возможность

     указать ширину при помощи свойства width */

  #menu1 a, #menu1 span

  {

    width: 580px;

    margin: auto;

	margin:3px;

    padding: 5px 5px;

  }



  /* Далее следуют правила представления "кнопок" навигационного меню.

     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора

     мыши; 3) соответствующие текущему "магистральному" разделу и

     предназначенные для его внутренних страниц - для таких "кнопок"

     назначен класс current; 4) соответствующие текущей

     странице и поэтому не являющиеся ссылками - этот вид "кнопок"

     представлен элементами <span>...</span> */

  #menu1 a {

    color: #ffffff;

    text-decoration: none;

  }

  #menu1 a:link, #menu1 a:visited {

    background: #000000;

    border: solid 1px #ffffff;

  }

  #menu1 a:hover, #menu1 a:active, #menu1 a.current:link, #menu1 a.current:visited, #menu1 span {

    font-size: 120%;

	border: 3px solid #ffffff;

  }

  #menu1 a.current:link, #menu1 a.current:visited, #menu1 span {

    background: #000000;

  }



  /* Дальнейшие правила определяют оформление элементов области

     основного текстового содержания страницы */



  #text {

	text-align: left;

	background: #000000;

	margin-left: 240px;

	padding: 10px;

  }



  /* Абзацы основного текста оформляются в соответствии

     с традициями русскоязычного текстового набора */

  #text p {

    text-align: left;
    margin: 0px;

  }





  /* Оформление ссылок в основном тексте */



  #text a img {

    color: #ffffff;

    text-decoration: none;

  }

  #text a:link, #text a:visited, #text img {

    background: #000000;

    border: solid 1px #ffffff;

  }



  #text a:hover {

	border-style: solid;

    border-width: 2px;

    border-color: #ffffff;

  }



  #text span

  {

    color: #ffffff;

  }

  #text a.current:hover, #text a.current:active {

	background: #ffffff;

  }




  #text_bestellung {

	text-align: left;
	background: #000000;
    color: #ffffff;
	margin-left: 250px;


  }



  /* Абзацы основного текста оформляются в соответствии

     с традициями русскоязычного текстового набора */

  #text_bestellung p {

    text-align: left;
    margin: 0px 0px;
    color: #ffffff;
  }





  /* Оформление ссылок в основном тексте */



  #text_bestellung a img {

    color: #ffffff;
	margin:0px 10px 0px 0px;
    text-decoration: none;

  }

  #text_bestellung a:link, #text_bestellung a:visited, #text_bestellung img {

	background: #000000;
    text-decoration: none;
    border: solid 0px #ffffff;
    color: #ffffff;
	font-weight: bold;
  }



  #text_bestellung a:hover {

	border-style: solid;
    text-decoration: none;
    color: #ffffff;
  }



  #text_bestellung span

  {
    text-decoration: none;
    color: #ffffff;

  }

  #text_bestellung a.current:hover, #text_bestellung a.current:active {

    color: #ffffff;
	background: #ffffff;
    text-decoration: none;
  }


  #text_bestellung a:hover, #text_bestellung a:active, #text_bestellung a.current:link, #text_bestellung a.current:visited, #text_bestellung span {

    color: #ffffff;
    text-decoration: none;
  }




  #bestellung a img {

    color: #ffffff;
	margin:0px 10px 0px 0px;
    text-decoration: none;

  }

  #bestellung a:link, #bestellung a:visited, #bestellung img {

	background: #000000;
    text-decoration: none;
    border: solid 0px #ffffff;
    color: #ffffff;
	font-weight: bold;
  }



  #bestellung a:hover {

	border-style: solid;
    text-decoration: none;
    color: #ffffff;
  }



  #bestellung span

  {
    text-decoration: none;
    color: #ffffff;

  }

  #bestellung a.current:hover, #bestellung a.current:active {

    color: #ffffff;
	background: #ffffff;
    text-decoration: none;
  }


  #bestellung a:hover, #bestellung a:active, #bestellung a.current:link, #bestellung a.current:visited, #bestellung span {

    color: #ffffff;
    text-decoration: none;
  }
















  /* Правила, определяющие представление "таблицы" и содержащихся в ней

     элементов - SPAN */



  #tabelle img

  {

	border-style: solid;

    border-width: 1px;

    border-color: #ffffff;

    margin:3px;

  }



  #tabelle a:link, #tabelle a:visited, #tabelle a:active {

	border-style: solid;

    border-width: 1px;

    border-color: #000000;

  }



  #tabelle a:hover {

	border-style: solid;

    border-width: 1px;

    border-color: #ffffff;

  }



  /* Правила, определяющие представление "подвала" и содержащихся в нем

     элементов - абзацев и гипертекстовых ссылок */

  #footer {

    width: 100%;

    clear: both;

  }

  #footer p {

    font-size: 70%; border-top: solid 1px #ffffff;

  }

  #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {

    color: #fff;

    text-decoration: underline;

  }



  /* Правила, определяющие представление "view_foto" и содержащихся в нем

     элементов - DIV und SPAN background -"album"*/

  

  #view_foto body {

	background: #000000;

	font-size: 12px;

	text-align: center;

	margin:10px;

	background-position:center;

	background-image:url(bilder/album.jpg);

	background-repeat:no-repeat;

	background-attachment:scroll;

	height:700px;

	

  }

  

  #view_foto span {

	border: 1px solid #ffffff;

	text-align: center;

	margin:4px;

    padding: 5px;

  }

  

  #view_foto img {

	margin:80px 10px 0px 0px;

	border-style: none;

  }

  



  /* Дальнейшие правила определяют оформление элементов области

     основного  содержания страницы FORM*/

  



  #form {

  text-align: right;

    background: #000000;

    margin-left: 225px;

    padding: 20px;

  }



  /* Абзацы основного текста оформляются в соответствии

     с традициями русскоязычного текстового набора */

  #form p {

    text-align: right;

    margin: 5px;

  }



  #form span  {

    margin-bottom: 10px;

  }



  ul {

    list-style: square inside;

    margin: 10px;

    padding: 10px;

  }

  li {

    margin: 0px;

    padding: 0px;

  }

  /* Правила, определяющие представление "pageIsLoading" для страницы    line-height:18px;      "загрузка файла" (best_ret.php)*/

    #pageIsLoading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -25px; /* 50% высоты */
  margin-left: -100px;  /* 50% ширины */
  height: 50px;
  width: 250px;
  border:1px solid #ffffff;       
  color:#ffffff;       
  background-color:#000000;       
  background-image:url(bilder/ajax-loader-big-snake.gif);       
  background-position: 10px center;       
  background-repeat: no-repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;       
  padding-left:50px;       
  padding-right:10px;
  padding-top:15px;       
}

  * html #pageIsLoading 

  {
   position: absolute;
  }


}



/* Правила, определяющие версию представления данных для карманных

   компьютеров. Никак не взаимосвязаны с правилами, определенными

   для экранной версии представления. Перечисленные ниже конструкции

   очень простые, комментировать здесь почти нечего. Все блоки

   позиционированы согласно простейшей схеме static и следуют

   друг за другом в нормальном потоке. Размер шрифта для всего

   текста страницы задан в пикселях: 16 пикселей для заголовков

   первого уровня, 14 - для заголовков второго уровня и 12 - для

   всех остальных элементов */

@media handheld 

{
  html, body 
  
  {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }

  body 
  
  {
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
  }

  #header, #menucarrier, #text, #footer 
  
  {
    padding: 5px;
  }

  #header, #footer 
  
  {
    background: #ccc;
  }

  #header 
  
  {
    font-size: 16px;
    margin: 0px;
  }

  #menucarrier 
  
  {
    background: #fff0cc;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
  }

  #footer 
  
  {
    border-top: solid 1px #666;
  }

  p 
  
  {
    margin: 5px 0px;
  }


  ul 
  
  {
    list-style: square inside;
    margin: 5px;
    padding: 0px;
  }

  li 
  
  {
    margin: 0px;
    padding: 0px;
  }

  a:link 
  
  {
    color: #00f;
  }

  a:visited 
  
  {
    color: #609;
  }

}



/* Правила для печатной версии представления данных.

   Этот фрагмент листа стилей еще проще. При помощи свойства

   display со значением none мы скрываем все элементы, не

   требующиеся в печатной версии - блок навигации

   и "подвал". Остается только область основного текста.

   Используем шрифт кегля 12 пунктов для всего остального. Всему

   тексту, включая гиперссылки, назначаем черный цвет. */

@media print {



  page 

    {
    margin: 2cm;  
    margin-left: 3cm;  
	}

  body 
  
  {
	color: #000;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
  }

  

  #bestellung 

  {

  text-align:left; 

  }



  #form {

  text-align: right;

  }


  #menucarrier, #footer {

    display: none;

  }

  #text a {

    color: #000;

    text-decoration: none;

  }

}