
/*
	Grundfarben

	ganz Hell:	#EAF7FD
	Hell:		#ADD3E3
	Mittel:		#ADD3E3
	Dunkel:		#006699


	Formularhintergrund 
	
	sehr hell: #F9FEFF

	orange im logo
	#FF7800

	helles Orange für hints etc.
	#FFE2C9
*/
html,body,*
{
	margin:0px;
	padding:0px;
	font-family:arial,sans-serif;
	font-size:12px;
}

body
{
	margin:5px;
	padding:5px;
	background-color:#003854;
	color:#002233;
}

.shadowTable
{
	width:300px;
	height:300px;
	border-collapse:collapse;
	border:none;
}

.mainLayoutTable
{
	width:900px;
	border:0px solid #000;
	background-color:#FFFFFF;
	padding:10px;
	margin:0px;
	border-collapse:collapse;
}

.mainLayoutTable .headcol
{
	border:1px solid #006699;
	padding:10px;
	background-color:#FFFFFF;
}

.mainLayoutTable .headcol .logintable
{
	border:1px dotted #006699;
	padding:4px;
	background-color:#EAF7FD;
	border-collapse:collapse;
}

.mainLayoutTable .headcol .logintable td
{
	padding:3px;
	padding-left:6px;
	padding-left:6px;
	font-size:11px;
}

.mainLayoutTable .leftcol
{
	border:1px solid #006699;
	width:180px;
	background-color:#ADD3E3;
	vertical-align:top;
	padding:10px;

}

.mainLayoutTable .maincol
{
	border:1px solid #006699;
	background-color:#FFFFFF;
	vertical-align:top;
	padding:10px;
	height:500px;
}

.mainLayoutTable .footcol
{
	border:1px solid #006699;
	padding-top:10px; 
	padding-bottom:10px; 
	padding-right:14px;
	text-align:right;
	font-size:9px;
	color:#777;
	background-color:#EAF7FD;
}

.mainLayoutTable .footcol *
{
	font-size:9px;
}

.mainLayoutTable .leftcol .helpBox
{
	border:1px dotted #006699;
	width:100%;
	background-color:#EAF7FD;
	vertical-align:top;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	font-size:10px;
} 

.mainLayoutTable .leftcol .helpBox strong
{
	font-size:12px;
} 

.mainLayoutTable .leftcol .helpBox b
{
	font-size:10px;
	color:#FF7800;
} 

ul li
{
	margin-left:0px;
	padding-top:2px;
	padding-bottom:5px;
	list-style-image:url('/images/pfeil_orange.gif') ;
}

ul#welcome li
{
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	font-size:13px;
	list-style-image:url('/images/ul_welcome.png') ;
}

.pagechooser
{
}

.pagechooser td *
{
	padding:0px;
	margin:0px;

	margin-left:2px;
	margin-right:2px;

	font-size:12px
}

.pagechooser .passivelink
{
	color:#AAA;
	text-decoration:none;
}

.pagechooser .activelink
{
	text-decoration:none;
}

.pagechooser .passivepagenr
{
	margin:0px;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
	color:#006699;
	border:1px solid #FFF;
}

.pagechooser .passivepagenr:hover
{
	border:1px solid #FF7800;
}

.pagechooser .activepagenr
{
	margin:0px;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
	
	color:#006699;
	border:2px solid #FF7800;
}

hr
{
	color:black;
	height:1px;
}

h1
{
	font-size:18px;
	color:#006397;
}

h2
{
	font-size:14px;
	color:#006699;
}

.errmessages
{
	background-color:#FFF4F4;
	border:2px solid #A00;
	padding:10px;
	margin-bottom:14px;
}

.errmsg
{
	font-weight:bold;
	color:#A00;
}

.messages
{
	background-color:#EEFBEE;
	border:2px solid #3C3;
	padding:10px;
	margin-bottom:14px;
}

.msg
{
	font-weight:bold;
	color:#3C3;
}



a
{
	color:#006699;
}

a:hover
{
	color:#FF7800;
}

.input_text
{
	width:560px;
	border-top:1px solid #333;
	border-left:1px solid #555;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	background-color:#F9FEFF;
}

.input_textarea
{
	width:560px;
	height:200px;
	border-top:1px solid #333;
	border-left:1px solid #555;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	background-color:#F9FEFF;
}

.input_button
{
	/*float:left;*/
	background-color:#006397;
	color:#333;
	border:none;
	padding-left:6px;
	cursor:pointer;
	
	border:none;

	font-size:11px;
	vertical-align:middle;
	text-align:center;

	height:21px;

	background:url(/images/bt_left.gif) no-repeat top left;
}




select
{
	border-top:1px solid #333;
	border-left:1px solid #555;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	background-color:#F9FEFF;
}

select option
{
	padding-right:10px;
}

ul
{
	margin-left:20px;
}

ul li
{
	padding-top:6px;
	padding-bottom:6px;
}
.datatable
{
	padding:0px;
	margin:0px;
	background-color:#F2F8FD;
	border-collapse:collapse;
	border:1px solid #ADD3E3;
}

.datatable .headline td
{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
	background-color:#ADD3E3;
}

.datatable .data td
{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#EAF7FD;
}

.datatable .distance td
{
	margin:0px;
	padding-left:2px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#ADD3E3;
	border-top:1px solid #ADD3E3;
	border-bottom:1px solid #FFF;
}

.datatable .toolbar
{
	height:10px;
	margin:0px;
}

.datatable .toolbar td
{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:5px;
	background-color:#D5E8F0;
}

table.inline, table.inline td
{
	margin:0px !important;
	padding:0px !important;
	border:none !important;
}
table.inline td
{
}
table.inline td.distance
{
	padding-left:2px !important;
	padding-right:2px !important;
}

.formElementTitle
{
	font-weight:bold;
	color:#006699;
	padding-bottom:3px;
	padding-top:10px;
}

.formElementDescr
{
	font-size:11px;
	color:#555;
	padding-bottom:8px;
	padding-top:5px;
}

.formElementInputAssistance
{
	font-size:10px;
	color:#555;
	padding-bottom:3px;
}

.questiontypedescr
{
	color:#006397;
	padding-top:10px;
	padding-bottom:3px;
}


.hint
{
	width:96%;
	font-size:11px;
	background-color:#ffe2c9;
	padding:4px;
	line-height:18px;
}
.hint *
{
	font-size:11px;
}

.hint span
{
	font-size:11px;
	color:#CC0000; 
	font-weight:bold;
}

/*
	--------------------------------------------------------------------------
	Tab Layout
	--------------------------------------------------------------------------
*/
.LayoutTabs
{
	list-style-type  : none;
	margin           : 0;
	padding          : 0;
	padding-bottom: 3px;
	font-family: arial,sans-serif;
	font-size:11px;
}

.LayoutTabs li
{
	padding-top:0px;
	padding-bottom:0px;
   float			: left;
   background 		: url(/_modules/mod_ajaxtabpane/4answers/tab_L.gif) no-repeat top left;
	list-style-image:none;
}

.LayoutTabs .li_selected
{
	padding-top:0px;
	padding-bottom:0px;
   float			: left;
   background 		: url(/_modules/mod_ajaxtabpane/4answers/tab_L_selected.gif) no-repeat top left;
}

.LayoutTabs a
{
   float			: left;
   color            : #5b8ac3;
   font-weight		: bold;
   background 		: url(/_modules/mod_ajaxtabpane/4answers/tab_R.gif) no-repeat top right;
   padding			: 0.2em 1em;
   text-align 		: center;
   text-decoration  : none;
   cursor:pointer ;
}

.LayoutTabs .a_selected
{
   float			: left;
   color            : #FF7800;
   font-weight		: bold;
   background 		: url(/_modules/mod_ajaxtabpane/4answers/tab_R_selected.gif) no-repeat top right;
   padding			: 0.2em 1em;
   text-align 		: center;
   text-decoration  : none;
   cursor:auto ;
}

.LayoutTabs a:hover
{
   color: #FF7800;
}

.LayoutTabs a.a_selected:hover
{
	color: #FF7800;
}

.LayoutTabsIframeContainer
{
	float:left;
	margin:0px;
	padding:0px;
	border:2px solid #006699;
	text-align:left;
	width:100%;
}

.LayoutTabsIframe
{
	
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
}

.linkdiv
{
	margin:0px;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #5b8ac3;
	background-color:#F2F8FD;
}


#pdataOptionsDiv
{
	background-color:#F5F5F5;
	margin-left:17px;
	margin-bottom:10px;
	margin-top:6px;
	padding:6px;
	width:400px;
}

.pdataOptionsTable tr td
{
	padding:2px;
}

.indentOptionDiv
{
	margin-bottom:10px;
	margin-top:6px;
	padding-top:10px;
	
	background: url(/images/sm_link.gif) no-repeat top left;
}

.indentOptionDiv .content
{
	width:600px;
	background-color:#ADD3E3;
	padding:6px;
	margin-left:25px;
	border:1px dotted black;
}

.trenner
{
	height:10px;
}

.placeholder_link
{
	font-size:10px;
	color:#5b8ac3;
}

.littlemargintopbottom
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.packageinfo
{
	background-color:#F2FBFF;
	background-image:url('/images/paket_kachel.gif');
	background-position: top left;
	background-repeat:repeat-x;

	margin:5px;
	padding:10px;
	border:1px solid #006699;
	text-align:left;
	float:left;
	width:300px;
	height:200px;
}

.packageinfo td
{
	padding:10px;
}

.packageinfo li
{
	margin-left:0px;
	padding-top:2px;
	padding-bottom:5px;
	list-style-image:url('/images/pfeil_orange.gif') ;
	line-height:12px;
}

.packageinfo li#headline
{
	line-height:16px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-image:url('/images/0.gif') ;
	font-weight:bold;
	color:#006699;
}


.menutable
{
	width:100%;
	border:1px solid #FFF;
	background-color:#FFFFFF;
	padding:1px;
	margin:0px;
	border-collapse:collapse;
}

.menutable td
{
	margin:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #FFF;
	font-size:11px;
}

.menutable td.cat
{
	background-color:#006699;
	color:#FFF;
	background-image: url('/images/pfeil_orange.gif');
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding-left:12px;

	font-weight:bold;
}

.menutable td.item
{
	background-color:#EAF7FD;
	color:#006699;
}


.menutable td.item a
{
	font-size:11px;
	text-decoration:none;
}

.menutable td.item#selected a
{
	font-size:11px;
	color:#FF7800;
}

.subtitle
{
	font-size:10px;
	color:#777;
}
