/*  stylesheet for diethelmseeger.ch   */
/*  authors: dasfragment.ch    */
/*  all rights reversed      */

/*allgemeine definitionen---------------------------*/
/*--------------------------------------------------*/

body, div, ul, li, a, img, p, h1, h2
{
	padding:0px;
	margin:0px;
}


body 
{
	background-color:#fff;
	/*font-family: 12px Georgia, serif;*/
	color: #006;
}


img 
{
	border: 0px;
}





/*link-definition-----------------------------------*/
/*--------------------------------------------------*/

a 
{	
	text-decoration: none;
	font: 15px Times, serif;
	font-weight: normal;
	line-height: 35px; 
	color: #666;	
}

a.textlink
{	
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

span.inaktiv
{	
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #777;
	cursor: pointer;	
}

a.a_kunterbunt
{	
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 18px; 
	color: #666;
	cursor: pointer;	
}

a.dasfragment
{	
	font: 11px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

span.dasfragment
{	
	font: 11px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

a.email
{	
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

a.email_index
{	
	font: 15px Times, serif;
	font-weight: normal;
	line-height: 19px; 
	color: #444;	
}

a.a_name
{
	font: 18px Georgia, serif;
	font-weight: bold;
	line-height: 18px; 
	color: #444;	
}

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}



/*schrift-definition--------------------------------*/
/*--------------------------------------------------*/


div.schrift_name
{
	font: 18px Georgia, serif;
	font-weight: bold;
	line-height: 18px; 
	color: #444;	
}

span.punktsichtbarkeit
{
	display: block;
}


div.schrift_adresse
{
	font: 15px Times, serif;
	font-weight: normal;
	line-height: 19px; 
	color: #444;	
}

div.schrift_funktion
{
	font: 18px Times, serif;
	font-weight: normal;
	line-height: 20px;
	color: #444;
}

span.nav_a
{
	
	font: 15px Times, serif;
	font-weight: normal;
	line-height: 35px; 
	color: #666;	
}

div.schrift_navigation
{	
	text-decoration: none;
	font: 15px Times, serif;
	font-weight: bold;
	line-height: 35px; 
	color: #666;
	/*color: #C333;*/	
}


h1
{
	font: 16px Georgia, serif;
	font-weight: normal;
	line-height: 50px; 
	color: #444;	
}

h2
{
	font: 13px Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	line-height: 22px; 
	color: #666;	
}


div.schrift_fliesstext
{
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 22px; 
	color: #444;	
}


span.textumbruch
{
	
	line-height: 20px; 
		
}

span.zeilenumbruch
{
	
	line-height: 15px; 
		
}






/*boxen-definition----------------------------------*/
/*--------------------------------------------------*/

#rahmen
{
	position: absolute;	
	top: 0px;
	left: 0px;
	width: 1150px;
	
}

#bild_hg
{
	display: block;
	position: absolute;	
	top: -50px;
	left: -29px;
	border:0px dotted #ddd;
}

#bild_hg_mobile
{
	display: none;
	position: absolute;	
	top: -50px;
	left: -29px;
	border:0px dotted #ddd;
}



#name
{
	position: absolute;	
	top: 100px;
	left: 0px;
	width: 400px;
	height: 90px;
	border:0px dotted #000;
	text-align: right;

}

#funktion
{
	position: absolute;
	border:0px dotted #000;
	top: 100px;
	left: 410px;
}

#adresse
{	
	position: absolute;	
	top: 400px;
	left: 431px;
	width: 550px;
	height: 90px; 
	text-align: left;
	border:0px dotted #000;
}



#navigation

{	
	position: absolute;	
	top: 112px;
	left: 605px;
	width: 360px;
	height: 50px; 
	text-align: right;
	border:0px dotted #ddd;
}


#box_inhalt

{	
	position: absolute;	
	top: 220px;
	left: 425px;
	width: 400px;
	text-align: left;
	border:0px dotted #ddd;
}

#box_inhalt_index

{	
	position: absolute;	
	top: 220px;
	left: 431px;
	width: 400px;
	text-align: left;
	border:0px dotted #ddd;
}

#box_inhalt_portrait

{	
	position: absolute;	
	top: 220px;
	left: 425px;
	width: 400px;
	text-align: left;
	border:0px dotted #ddd;
}


#box_links

{	
	position: absolute;	
	top: 177px;
	left: 0px;
	width: 400px;
	height: 310px;
	border:0px dotted #000;
	text-align: right;
}

div.geschichten_zusatz
{	
	position: relative;	
	width: 370px;
	height: 140px;
	padding-left: 5px;
	border:1px dotted #aaa;
	background-color: #fff;
	text-align: left;
}

div.geschichten_breite
{
	width: 450px;
}

/*----portrait------*/

img.portrait
{
	width: 200px;
}

div.bilder_pos

{

	width: 430px;
	height: 500px;

}

.portrait_pos

{

	position: relative;	
	top: -510px;
	left: 120px;
		
}

.portrait_height{

 	height: 466px;
}


img.thumb 
{
	
	cursor: pointer;
	margin-bottom: 22px;
}

td.update
{
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 22px; 
	color: #444;
	background-color: #eee;	
}

td.inaktiv
{
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 22px; 
	color: #ddd;
	background-color: #eee;	
}

/*---- bilder kunterbunt und aktuell ----*/

div.bl
{
	width: 548px;
	height: 30px;
	text-align: left;
	border:0px dotted #aaa;
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 22px; 
	color: #444;
}

/*---- reihenfolge ändern ------------*/
 
 div.listenitem
 {
 	
 	background-color: #eee;	
 	width: 400px;
 	padding-left: 5px;
 	cursor: pointer;
	font: 13px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 22px; 
	color: #444;	


 }
 
span.punktsichtbarkeit
{
 	display: none;
}


iframe.iframe_container
{
    width: 450px;
    height: 253.125px;
    
}
 
 /* ------------------------------------------------------------------
 Bildschirmanpassung
 -------------------------------------------------------------------- */
 
 /* ------------------------------------------------------------------
  Stufe 1: min 1400px
 -------------------------------------------------------------------- */
 @media screen and (min-width: 1300px){
 #rahmen
 {
 	position: relative;
 	top: 50px;
 	margin: auto;
 	width: 1100px;
 	heigth: 100%;
 	/*border:1px dotted #00000;*/
 	background-color: #fff;
}

span.punktsichtbarkeit
{
 	display: none;
}
    
iframe.iframe_container
{
    width: 450px;
    height: 253.125px;
    
}

}

 /* ------------------------------------------------------------------
  Stufe 3: min 1px max 2px
 -------------------------------------------------------------------- */
 /*@media screen and (min-width: 1px) and (max-width: 2px) {
 
 #rahmen
{
		position: absolute;	
		top: 0px;
		left: -100px;
		width: 1150px;
}

span.punktsichtbarkeit
{
 	display: none;
}

		
#box_inhalt {
    width: 430px;
    text-align: left;
    border: 0px dotted #ddd;
}

#box_inhalt_portrait

{	
	position: absolute;	
	top: 220px;
	left: 425px;
	width: 430px;
	text-align: left;
	border:0px dotted #ddd;
}


#navigation
{	
	position: absolute;	
	top: 155px;
	left: 425px;
	width: 400px;
	height: 50px; 
	text-align: left;
	border:0px dotted #ddd;
}



}
*/
 /* ------------------------------------------------------------------
  Stufe 4: max 700px
 -------------------------------------------------------------------- */
 /*@media screen and (max-width: 800px){*/
 @media screen and (max-width: 1050px){
 #rahmen
{
		position: relative;
		top: -50px;
		left: 0px;
		width: 440px;
		margin: auto;
		*border:1px dotted #ddd;
}

#bild_hg
{
	display: none;

}

#bild_hg_mobile
{
	display: block;
	position: realtive;
	width: 360px; 
	top: 20px;
	left: -110px;
	border:0px dotted #ddd;
}


/* ----- Schriften -----*/

div.schrift_name
{
	font: 25px Georgia, serif;
	font-weight: bold;
	line-height: 18px; 
	color: #444;	
}

div.schrift_adresse
{
	font: 19px Times, serif;
	font-weight: normal;
	line-height: 24px; 
	color: #444;	
}

div.schrift_funktion
{
	font: 22px Times, serif;
	font-weight: normal;
	line-height: 26px;
	color: #444;
}

span.nav_a
{
	
	font: 18px Times, serif;
	font-weight: normal;
	line-height: 35px; 
	color: #666;	
}

div.schrift_navigation
{	
	text-decoration: none;
	font: 18px Times, serif;
	font-weight: bold;
	line-height: 35px; 
	color: #666;
	/*color: #C333;*/	
}


h1
{
	font: 22px Georgia, serif;
	font-weight: normal;
	line-height: 50px; 
	color: #444;	
}

h2
{
	font: 19px Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	line-height: 29px; 
	color: #666;
    margin-bottom: 2px;
}


div.schrift_fliesstext
{
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 28px; 
	color: #444;	
}

br.imtextumbruch
{
	display: none;
}

span.textumbruch
{
	
	line-height: 22px; 
		
}

span.zeilenumbruch
{
	
	line-height: 19px; 
		
}


/*-----*/

/*link-definition-----------------------------------*/


a 
{	
	text-decoration: none;
	font: 19px Times, serif;
	font-weight: normal;
	line-height: 35px; 
	color: #666;	
}

a.textlink
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 27px; 
	color: #444;
	cursor: pointer;	
}

span.inaktiv
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #777;
	cursor: pointer;	
}

a.a_kunterbunt
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 18px; 
	color: #666;
	cursor: pointer;	
}

a.dasfragment
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

span.dasfragment
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

a.email
{	
	font: 19px Tahoma, sans-serif;
	font-weight: normal;
	line-height: 25px; 
	color: #444;
	cursor: pointer;	
}

a.email_index
{	
	font: 19px Times, serif;
	font-weight: normal;
	line-height: 19px; 
	color: #444;	
}

a.a_name
{
	font: 26px Georgia, serif;
	font-weight: bold;
	line-height: 18px; 
	color: #444;	
}

/*-------*/


#name {
    position: relative;
    top: 108px;
    margin: auto;
    width: 360px;
    height: 90px;
    border: 0px dotted #000;
    text-align: left;
}


#funktion {
    position: relative;
    width: 398px;
    padding-right: 0px;
    margin-left: 12px;
    border: 0px dotted #000;
    top: 60px;
    left: 0px;
    text-align: right;
    
}

#navigation
{	
	display: none; 
}

/*----navigation mobile ---------------------*/

.nav_closed{
	position: absolute;
	top: 75px;
	left: 50px;
	width: 360px;
	margin: auto;
	text-align: right;
	z-index: 40;
	border: 0px dotted #333;
	
}

#nav_open{
	position: absolute;
	top: 15px;
	left: 50px;
	width: 360px;
	height: 600px;
	/*background-color: rgba(255,255,255,.98);*/	
	z-index: 100;
	padding-right: 15px;
	text-align: right;
	display: none;
	/*border: 1px dotted #333;*/
}

#nav_open_background{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 1000px;
	background-color: rgba(255,255,255,.98);
	display: none;
}


.text_nav
{
	font: 30px Times, serif;
	font-weight: normal;
	line-height: 55px;
	color: #666666;
}

.pointer
{
	cursor: pointer;
	font: 30px Times, serif;
}



.menu-toggle{
	font-size: 25px;
	color: #bbb;
	cursor: pointer;

}


a.nav_mobile
{
	font: 30px Times, serif;
	font-weight: normal;
	text-decoration: underline;
	line-height: 55px;
	color: #666;
}

/*----*/

#box_links {
    position: relative;
    top: 89px;
    left: 0px;
    margin-top: 0px;
    margin-left: 52px;
    width: 360px;
    border: 0px dotted #000;
    text-align: left;
}



#box_inhalt {
    position: relative;
    top: -135px;
    left: 0px;
    width: 330px;
    margin: auto;
    text-align: left;
    border: 0px dotted #ddd;
}

#box_inhalt_index {
    position: relative;
    top: 150px;
    left: 10px;
    width: 330px;
    margin: auto;
    text-align: left;
    border: 0px dotted #ddd;
}

#box_inhalt_portrait {
    position: relative;
    top: 340px;
    left: 12px;
    width: 360px;
    margin: auto;
    
}

.portrait_pos

{

	position: relative;	
	top: -444px;
	left: 100px;
    width: 260px;
		
}
     
div.bilder_pos {
    width: 360px;
    height: 500px;
}

img.portrait
{
	width: 360px;
}

.portrait_height{

 	height: 390px;
    width: 260px;
}


img.thumb 
{
	
	cursor: pointer;
	margin-bottom: 10px;
	height: 90px;
}

#adresse {
    position: relative;
    top: 290px;
    left: 12px;
    width: 365px;
    height: 90px;
    margin: auto;
    text-align: left;
    line-height: 24px;
    border: 0px dotted #000;
}

div.geschichten_zusatz
{	
	font: 15px Tahoma, sans-serif;
	line-height: 23px;
	position: relative;
	left: -30px;
	width: 380px;
	height: 140px;
	padding-left: 5px;
	border:1px dotted #333;
	background-color: #fff;
	text-align: left;
}

div.geschichten_breite
{
	width: 340px;
}

span.punktsichtbarkeit
{
	display: none;
}
     
iframe.iframe_container
{
    width: 340px;
    height: 191.25px;
    
}



}