/* 
Title:     website screen global css für atelier schäffenacker
					 screen css -> global 
Author:    swe-keicher
Updated:   Jan 27 2007

structure	 
					-- html 
					-- body					-- links 
					-- main-body  
					-- header logo content  sidebar footer	
					--  
					-- etc code  note hr ...	
					-- self-clearing floats	
					-- subnavi  	
					-- definitionslisten dl dt dd	
					
					*/



/* -- html   gegen springen der spalten -----------------------*/	

html {  min-height: 100.01%; }

		
/* -- body ----------------------------------------------*/	

body {
		margin: 0;
		padding: 5px 0 0 0;
		font-family: Verdana, sans-serif;
		font-size:   small;  
		background: #fff url(../img/bg.gif) repeat top left;		
		color: black;
		font-size: 1.1em;

		}
		 
body#home {
		width: 60em;
		max-width: 1000px;
		min-width: 600px;	
		margin: 0px auto;	
		padding: 0;
		border: none;
		font-size: 95%;

		}	
		
/* link ----------------------------------------------*/

a:link, a:visited {
	/*padding-bottom: 0px;*/
	color: #000; 
	text-decoration: none;
		/* border-bottom: 1px solid #0033ff; */
	}
a:hover {
	/*padding-bottom: 0px;*/
	color: #cc3300;
		/* color: #c30; #cc3333;zu rot,,  border-bottom: 2px solid #0033ff; */
	}
a.more {
	padding-right: 7px;
	/* background: url(../img/1206/icon-morearrow.gif) no-repeat 100% 5px;*/
	}

	
/*vgl class  img bei dl dt dd --------*/
a img {
	border: none;
	}
	
		
/* main-body    ------------------------------------------------*/	

#red { color: #cc3300; }
#redb { color: #cc3300; font-weight: bold}

#main-body {

  width: 60em;
	max-width: 1000px;
	min-width: 600px;	
	margin: 0px auto;
	clear: both;
	 
	background:  #F4F4E3 url(../img/main-bg.gif) repeat-y 16.0em 0;
	border-right : 1px solid #c6c6a9; 
	border-left  : 1px solid #c6c6a9; 

	}
	
/*  hr  a img content  sidebar footer  ------------------*/
/*hr, nicht hidden-

hr{
	display: none;
	} */
		
.hide {
	display: none;
	}
	
#sidebar {
	float: left;
	width: 16em; 
	}	
	

#content {
	float: right;
	width: 44em;
	
	/* max-width: 1000px;
	 	min-width: 600px; */	 
	 
	}
/*
#content a:link,a:visited { 
color: #c6c6a9;
}
*/
#content p {
 
  padding: 10px 10px 10px 10px;
	}

#content-inhalt {
 padding: 10px 10px;
	}

#content-home {
 padding:20px 0 0 40px;
	}
	
#footer {

/*	width: 60em; 
 	margin: 0px auto; */
 	
	clear: both;
	padding: 6px 0 6px 0;
	background:  #c6c6a9;
	border-right : 1px solid #c6c6a9; 
	border-left  : 1px solid #c6c6a9; 
	max-width: 1000px;
	min-width: 600px;	
	}		
		
/*  etc code  note hr ---------------*/


code {
	font-size: 110%;
	}
	
.note {
	font-size: 90%;
	color: #666;
	}

/* -- zum testen hr ------*/
hr  {
	color: #000;
	background:inherit;
	border-top: 1px solid  #c6c6a9; 
	}


/*  img 100    -- definitionslisten dl dt dd              */
 
#img-100 {
  	float: left;
  	width: 350px;			/* 400px;500px;    41em;  656px; */
  	padding: 10px 10px ; 
  	}
  	
#img-100 dl {
  	float: left;
  	width:  310px;  
  	margin: 60px 0px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
  	
#img-100 dt {
   	float: right;
  	width: 292px; 	/* 292px;17em;*/ 
  	margin:  10px 0px; /*0;*/
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 2px;
  	color:  #c30; 
  	}
  	
#img-100 dd {
  	margin: 0 0 0 118px; 
  	padding: 0;
  	font-size: 100%;
  	line-height: 1.5em;
  	}
  	
#img-100 dl dd.img {
   	margin: 0;
   	}
   	
#img-100 dd.img img {
  	float: left;
  	margin: 0 0px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6; 
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #c6c6a9; 
   	}

/* reverse float */

#img-100 .alt dt {
  	float: left;
  	}
  	

#img-100 .alt dd {
  	margin: 0 0px 0 0;
  	} 


#img-100 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 0px;
  	}



/*  150    -- definitionslisten dl dt dd              */
 
#img-150 {
  	float: left;
  	width: 400px;/*500px;    41em;  656px; */
  	padding: 10px 0; 
  	}
  	
#img-150 dl {
  	float: left;
  	width:  400px; 
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
  	
#img-150 dt {
   	float: right;
  	width: 292px; /*292px;17em; */
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 1px;
  	color:  #c30; 
  	}
	
 
	
#img-150 dd {
  	margin: 0 0 0 168px; 
  	padding: 0;
  	font-size: 100%;
  	line-height: 1.5em;
  	}
  	
#img-150 dl dd.img {
   	margin: 0;
   	}
   	
#img-150 dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #c6c6a9; 
   	}

/* reverse float */

#img-150 .alt dt {
  	float: left;
  	}
  	

#img-150 .alt dd {
  	margin: 0 168px 0 0;
  	} 


#img-150 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 0px;
  	}


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

#img-portrait {
   	padding: 10px 10px;
	}

#img-portrait dl {
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
	}

#img-portrait dt {

   	/*float: right;
  	? keine weite mk  width: 192px;  292px;17em; */
  	
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 2px;
  	color:  #c30;
   	}
  	
#img-portrait dd {
  	margin: 0 0 0 0px;  
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	}
  	
#img-portrait dl dd.img {
   	margin: 0;
   	}
   	
#img-portrait  img {
  	/*float: left; */
  	margin: 10px 8px 10px 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #c6c6a9; 
   	}






form { padding:12px; }
input, select, textarea { font-size: 0.9em; font-family:Verdana,sans-serif;}
input, select, textarea { color:#333; background-color: #eeeedb; border: 1px solid #c6c6a9;}








/* self-clearing floats ----------------*/



/*

#flickr:after,
#extra:after,
#port:after, 
.prod-feature:after, 
dl.teaser:after 
#nav-right ul:after,

*/

/* */


#main-body:after,
#footer:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
   visibility: hidden;
    
    }

/* adjustment for IE5  für small */

body {
	font-size: x-small; /* IE5 Win */
/*  	voice-family: "\"}\""; 
  	voice-family: inherit;*/
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}





/* zerlegt  ie

adjustment for IE5 für medium 
*/


body {
	font-size: small; /* IE5 Win */
/*  	voice-family: "\"}\""; 
  	voice-family: inherit;*/
  	font-size: medium;
	}
html>body { /* be nice to Opera */
	font-size: medium;
	}