/*CVS Add-ins*/
/*
$Revision: 1.7 $
$Date: 2010/12/20 10:59:42 $
$RCSfile: screen.css,v $
Authors:  JDE
Copyright (c) A&B. face2net GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
  screen.css (Styles fuer virtuellen Agenten in der Kampagne 
	Aufstieg durch Bildung) JDE 25.09.08
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

    colour code		colour					usage
    -----------		--------------	-------------------------------
		#166B37 			dark green      border etc.
		#E4EED4       light green     background main nav etc.			
  
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 	Global and general styles:
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics */


html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ 
margin: 0; padding: 0; border: 0; outline: 0; font-style: normal;
font-size: 100.01%; font-family: verdana, arial, sans-serif; vertical-align: baseline;
background: transparent; }

ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }

*:focus{ outline: 0; }

img{ display: block; border: 0; }

.noborder{ border: 0 !important; }
input[type="submit"]{ cursor: pointer; }

body {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:100.01%;
background: #fff;
}
.displayOutside, .hide{ position: absolute; top: -25000px; left: -17000px; width: 1px; height:1px; overflow: hidden;}
.displayNone, .structure{ display: none; }
.clearBoth{ clear: both; }

a:link, a:visited{ text-decoration: none; background-repeat: no-repeat; /* default for icon styling */ }
a:link span, a:visited span { cursor: pointer; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* structure*/

#page{
width: 220px;
}

.agent, .agent .questionbox, .agent .answerbox {
background-image: url("/nmIQServer/bmbf/_css/agent/styleimages/bg_context.gif");
background-color: #fff;
}

.agent{
width:212px; padding-top: 6px;
background-position:  -426px 0;
background-repeat: no-repeat;
}

/* imgbox */
.agent .imgbox{
padding: 0 6px 0 6px;
}

.agent .imgbox img{
border-bottom: 2px solid #166B37;
font-size: .69em; color: #166B37;
}

/* answerbox */
.agent .answerbox{
background-position: -213px 0; background-repeat: repeat-y;
padding-right: 8px;
}

.agent .answerbox div{ 
height: 135px; overflow: auto;
}

.agent .answerbox div p{
padding: 2px 4px 2px 12px; font-size: .69em;
}

.agent .answerbox div h3{
padding: 6px 4px 0 12px; font-size: .69em;
}

.agent a{ text-decoration: none;}
.agent a:link, .agent a:visited{
color: #3B3A3A; font-weight: bold; background: url("/nmIQServer/bmbf/_css/agent/styleimages/bg_link.gif") no-repeat left top;
padding-left: 16px;
}

.agent a:hover, 
.agent a:focus, 
.agent a:active{
text-decoration: underline;
}

/* questionbox */
.agent .questionbox{
background-position: bottom left; background-repeat: no-repeat;
padding-bottom: 14px;
}

.agent .questionbox div{
min-height: 42px;
}

form{ display: block; padding-left: 8px; }
legend{ display: none; }
label{ cursor: pointer; display: block;} 
input.formelement{ 
background: #e4eed4 url("/nmIQServer/bmbf/_css/agent/styleimages/bg_input.gif") repeat-x 0 0;
float: left; border: 1px solid #166B37; padding: 0px 0px 2px;
font-size: .72em; color: #000; 
/* width: 137px; entfernt, da es bei Einbindung im Iframe beim Absenden wackelt */ 
}

textarea.formelement{
background: #e4eed4 url("/nmIQServer/bmbf/_css/agent/styleimages/bg_input.gif") repeat-x 0 0;
height: 18px; width: 140px; border: 0 none;
}

input.sendbutton{ padding-left: 2px;}

/* + + + + + + + + + + + + + + + + + + + + + + + + */
/* large agent */
#pagelarge{ width: auto; }

#pagelarge .agent{ 
background-image: url("/nmIQServer/bmbf/_css/agent/styleimages/large/bg_agent.png"); 
background-position: 0 0; background-repeat: repeat-x;
width: 100%; padding-top:0;
}

/* imgbox */
#pagelarge .agent .imgbox{
padding:0; 
border-bottom: 1px solid #fff;
}

#pagelarge .agent .imgbox img{
width: 200px; margin: 0 auto; 
border: 0 none;
}

/* answerbox */
#pagelarge .agent .answerbox{
background-color: #C7DDD4; 
background-image: url("/nmIQServer/bmbf/_css/agent/styleimages/large/bg_answerbox.gif");
background-position: bottom left; background-repeat: repeat-x;
padding-bottom: 8px;
padding-right: 0;
}

#pagelarge .agent .answerbox div.innerbox{
height: 134px;
}

#pagelarge .agent .answerbox div p{
padding: 8px 12px 6px 12px;
}

#pagelarge .agent .answerbox div p a:link,
#pagelarge .agent .answerbox div p a:visited{
text-decoration: underline;  
font-weight: normal;
color: #0A4B2F; background-image: none;
padding-left: 0px;
}

#pagelarge .agent .answerbox div p a:hover,
#pagelarge .agent .answerbox div p a:focus,
#pagelarge .agent .answerbox div p a:active{
text-decoration: none;  
}

/* questionbox */
#pagelarge .agent .questionbox{
background-color: #777777; 
background-image: url("/nmIQServer/bmbf/_css/agent/styleimages/large/bg_questionbox.gif");
background-position: 0 0; background-repeat: repeat-x;
padding-bottom: 8px;
}

#pagelarge .agent .questionbox div.agentinput{
background: url("/nmIQServer/bmbf/_css/agent/styleimages/large/bg_formelement.gif") no-repeat 0 0;
width: 245px; height: 50px; float: left;
}

#pagelarge .agent .questionbox div.agentinput textarea{ 
margin: 5px; border:1px solid #fff; width: 229px; height: 38px;
background-color: #fff; background-image: none;
}

#pagelarge .agent .questionbox input.sendbutton{
margin-top: 32px;
} 

#pagelarge .agent .questionbox div.clearBoth{ 
font-size: 1px; line-height: 1px; 
height: 5px; min-height: 5px; max-height: 5px; 
width: 100%;
}