* {
	margin:0;
	padding:0;
	list-style: none;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin:10px;
	background-image:url(../bilder/Fd-Webseite-1.jpg);
	background-color: #808080;
	
	
}

/* CSS - Header (Anfang)*/

#header {
    width: 550px;
    padding: 20px;
    border: 1px dotted #000;

    vertical-align: bottom;

    text-align: center;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.uhrzeitstil {
	border: 0px;
}

#uhrbox {
	width:100px;
	background-color: #888;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}

#header  body{
    text-align:left;
    background-color:#933
}

/* CSS - Header (Ende)*/

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:658px;
	position:absolute;
	left:50%;
	top: 70px;
	margin-left:-329px;
	z-index:2;
}

.accordion_headings{
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../bilder/item_bg.jpg);
	height: 28px;
	color:#FFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background-image: url(../bilder/item_bg_hover.jpg);
}

.accordion_child{
	padding:15px;
	background:#EEE;
	color: #000;
	height: 700px;
}

.header_highlight{
	background-image: url(../bilder/item_bg_hover.jpg);
}


.ueberschrift {
	font-weight: bold;
}

.sondertext {
    font-style: italic;
    font-weight: bold;
}




/* CSS - Konzept (Anfang)*/
#konzept{
	font-family: arial, helvetiva, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	
}

.textpresentation{
	text-align: center;
	float: left;
	font-size: 12px;
	margin-left: 60px;
}

.katalog{
	text-align: center;
	float: center;
	font-size: 11px;
	margin-left: 0px;
}

.onlineshop{
	text-align: center;
	float: center;
	font-size: 12px;
	margin-left: 0px;
	color: #409FD1;
}

#konzept img{
	vertical-align: middle;
	border: 0px;
	text-decoration: line-through;
}
/* CSS - Konzept (Ende)*/


/* CSS - Tachen_rollover (Anfang)*/
#masterebene{
	font-family: arial, helvetiva, sans-serif;
	font-size: 16px;
	text-align: center;
	margin:0px;
    padding:0px;
}

#bildauswahlebene img {
	border: 1px solid #000000;
}

#motivebene img {
	border: 1px solid #000000;
}

#bildauswahlebene {
	margin-bottom: 30px;
	border: 0px;
}

#title{
    margin-top: 30px;
}
.sondertextRollover{
    color: #3399ff;
    font-size: 36px;
    font-weight: bold;
    font-family: Comic;
    text-align: center;
    margin-bottom: 30px;
}
/* CSS - Tachen_rollover (Ende)*/


/* CSS - Tshirts (Anfang)*/
.bilderrahmenF {
    border: 1px dotted #000;
    text-align: center;
    float: left;
    width: 160px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px;
}

#TshirtsgallerieFrauen{
    width: 600px;
}
    
#TshirtsgallerieFrauen{
	margin-bottom: 30px;
}	

#TshirtsgallerieFrauen img{
	border: 0px;
}
	
.bilderrahmenM {
    border: 1px dotted #000;
    text-align: center;
    float: left;
    width: 300 px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 10px;
}	
	
#TshirtsgallerieMaenner{
    width: 800px;
}

#TshirtsgallerieMaenner{
	margin-bottom: 30px;  		
} 
#TshirtsgallerieMaenner img{
	border: 0px;
}
 /* CSS - Tshirts (Ende)*/
 
 
 /* CSS - Postkarten (Anfang)*/
.diashow {
	border: 250px dotted #EEE ;
 }

 /* CSS - Postkarten (Ende)*/


#steuerung{
	margin: 20px;
	text-align:center
}

/* CSS - Links (Anfang)*/
 a {
	text-decoration: none;
}

img {
	vertical-align: text-bottom;
}

.rssstil, .archivstil {
	float: left;

	width: 250px;

	margin: 20px;
	padding: 20px;

	border: 1px solid #fff;

}

.rssstil {
	background-color: #01c5ff;
}

.archivstil {
	background-color: #ccc;
}


 /*Feuille de styles mobile
A placer directement au sein de la feuille de style CSS dédiée aux écrans... */

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
 
}

/* réduire de façon harmonieuse toutes les tailles de polices en orientation paysage (car bugguée sur les périphériques iPhone et iPad). */

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}



/* CSS - Links (Ende)*/