@charset "utf-8";
/* CSS Document */
* { -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; width: 100%;  }
body {
	padding: 0; 
	margin: 0;
	width: 100%; 
	height: 100%;
	background: #fff;   
	font-family: Tahoma, sans-serif;
	font-size: 75%;	}

img, form, p,
table, tr, td, th,
h1, h2, h3, h6, div { 
padding: 0; margin: 0; border: 0; font-weight: normal; }

p { padding-bottom: 1.3em }

/*==LINKS==*/
a:link, a:visited { text-decoration: underline; color: #2d3496 }
a:hover { color: #ea1a00 }

/*===HEADERS===*/
h1 { font: 27px Tahoma, sans-serif; color: #000; padding-bottom: .3em; color: #2d3496 }
h2 { font: 22px Tahoma, sans-serif; color: #000; padding-bottom: .4em; line-height: 1em   }
h3 { font: 18px Tahoma, sans-serif; color: #000; padding-bottom: .4em }
h6 { font: 95% Tahoma, sans-serif; }

/*==LISTS==*/
ul { 
	border: 0; 
	font-weight: normal; 
	padding: 0; 
	margin: 0 0 1.3em 15px; 
	position: relative; }
	
ul li { 
	list-style: none; 
	list-style-type: none; 
	padding: 0 0 .6em 10px;
	background: url(../img/standart-li.gif) no-repeat 0 .3em;
	line-height: 1em
}
li ol {  margin: 1em 0 0; }
li ol li { background: none; list-style-type: decimal; }	
ol { margin: 0 0 1.3em -8px; //margin: 0 0 1.3em 37px;  }
ol li { padding: 0 0 .6em 0; line-height: 1.2em }
ol li p {
	padding: 0 0 .4em 0
}

/*===FORMS==*/
input, select, textarea { font-size: 100%; font-family: Tahoma, sans-serif; padding: .2em 0 .2em 3px; }

/*==IMAGES==*/
a img { border: none; }

.img-lft {
	float: left; 
	border: 1px solid #9ea9b1;
	margin: 3px 15px 5px 0
}
.img-rgh {
	float: right; 
	border: 1px solid #9ea9b1;
	margin: 3px 0 5px 15px
}
/*======OTHER=====*/
.nopadding { padding-left: 0 !important }
/*==TABLES==*/
table { border-collapse: collapse; font-size: 100%; margin-bottom: 1.3em  }
table td { vertical-align: top; padding: .5em 20px; border-bottom: 1px solid #d1d7ee  }

table th { 
	text-align: left; 
	vertical-align: top; 
	border-bottom: 1px solid #2d3496; 
	background: #fff; 
	padding: .5em 20px;
	font-weight: bold;
	color: #2d3496 	
} 
table tr.last td {
	border: none;
}

.rltv { position: relative; clear: both }

blockquote {
	margin:  0 0 1.3em 12px;
	padding: 10px 0 10px 12px;
	border-left: 3px solid #2d3496  
}
/*=====CITE======*/
div.cite-top {
	background: url(../img/cite-left.gif) no-repeat 0 0;
	position: relative;	
	height: 9px;
	line-height: 1px;
	padding: 0 0 0 20px;	
}
div.cite-top div {
	background: url(../img/cite-right.gif) no-repeat 100% 0;
	position: relative;	
	height: 9px;
	line-height: 1px;
	margin: '0 0 -4px 0';  
}
div.cite-bottom {
	background: url(../img/cite-left.gif) no-repeat 0 100%;
	position: relative;	
	height: 9px;	
	line-height: 1px;
	padding: 0 0 0 20px;
	margin: 0 0 1.5em 0	
}
div.cite-bottom div {
	background: url(../img/cite-right.gif) no-repeat 100% 100%;
	position: relative;	
	height: 9px;
	line-height: 1px;
	padding: 0;
	margin: '0 0 -4px 0';  	
}
div.cite {
	background: #fcfbe7 url(../img/cite.gif) repeat-y 0 0;
	padding: 0 0 0 0;
	position: relative;
	overflow: hidden;	
}
div.cite div {
	padding: 10px 20px;
	background:  url(../img/cite.gif) repeat-y 100% 0;
	position: relative;
	overflow: hidden;	
}

/*==============CONSTRUCTOR============*/
/*====BLAUBLOCK=======*/
div.bottom-blau {
	background: url(../img/corners-blau.gif) no-repeat 0 100%;	
	padding: 0 0 0 12px;
	height: 7px;
	line-height: 1px 
	
}
div.bottom-blau div {
	background: url(../img/corners-blau.gif) no-repeat 100% 100%;	
	height: 7px;	
	line-height: 1px;
	margin: '0 0 -4px 0';  
	
	 	
}
div.top-blau {
	background: url(../img/corners-blau.gif) no-repeat 0 0;
	position: relative;	
	padding: 0 0 0 8px;
	height: 7px; 
}
div.top-blau div {
	background: url(../img/corners-blau.gif) no-repeat 100% 0;
	position: relative;
	line-height: 1px;
	height: 7px;
	margin: '0 0 -4px 0';			
}
/*====WHITEBLOCK=======*/
div.bottom-white {
	background: url(../img/whitecorner-left.gif) no-repeat 0 100%;
	position: relative;	
	padding: 0 0 0 10px;	
	height: 4px;
	line-height: 1px	
}
div.bottom-white div {
	background: url(../img/whitecorner-right.gif) no-repeat 100% 100%;
	position: relative;
	line-height: 1px;
	height: 4px; 
	margin: '0 0 -4px 0';  
}
div.top-white {
	background: url(../img/whitecorner-left.gif) no-repeat 0 0;
	position: relative;	
	padding: 0 0 0 10px;
	height: 4px;
	line-height: 1px	
}
div.top-white div {
	background: url(../img/whitecorner-right.gif) no-repeat 100% 0;
	position: relative;
	line-height: 1px;
	height: 4px;
	margin: '0 0 -4px 0';  	
}
div.grau-line {
   width: 100%;
	background: #fff url(../img/line-grau.gif) repeat-y 0 0;
	overflow: hidden;
	position: relative;	
}
div.grau-line h2 {
   position: relative; z-index: 6;
   padding: 0 0 10px 20px;
	font: 140% Tahoma, sans-serif;
	color: #000;
}

div.grau-line2 {
	background: url(../img/line-grau.gif) repeat-y 100% 0;
	overflow: hidden;
	position: relative;	
}
div.top-thickwhite {
	background: url(../img/thick-white.gif) no-repeat 0 0;
	height: 15px;
	line-height: 1px;
	position: relative;
}
div.top-thickwhite div {
	background: url(../img/thick-white.gif) no-repeat 0 0;
	height: 15px;
	line-height: 1px;
	position: relative;
}
div.bottom-thickwhite {
	background: url(../img/thick-white.gif) no-repeat 0 100%;
	height: 8px;
	line-height: 1px;
	position: relative;
}

/*====VIOLETBLOCK=======*/
div.violettop {
	background: url(../img/violetleft.gif) no-repeat 0 0;
	position: relative;	
	padding: 0 0 0 20px;
	height: 11px;
	line-height: 1px	
}
div.violettop div {
	background: url(../img/violetright.gif) no-repeat 100% 0;
	position: relative;		
	height: 11px;
	line-height: 1px;
	margin: '0 0 -4px 0';  	
}
div.violetbottom {
	background: url(../img/violetleft.gif) no-repeat 0 100%;
	position: relative;	
	padding: 0 0 0 20px;
	height: 11px;
	line-height: 1px;
	margin-bottom: 1em	
}
div.violetbottom div {
	background: url(../img/violetright.gif) no-repeat 100% 100%;
	position: relative;		
	height: 11px;
	line-height: 1px;
	margin: '0 0 -4px 0';  	
}
div.violet {
	background: #5d6ca3;
	padding: 0 20px;
	cursor: pointer; cursor: hand;	
}
div.violet h2 {
	color: #fff;
	overflow: hidden 
}
div.violetline {
	background: #fff url(../img/violetline.gif) repeat-y 0 0;		
}
div.violetline2 {
	background: url(../img/violetline.gif) repeat-y 100% 0;
	padding: 1em 15px 1em 20px;
	height: '100%';
	overflow: hidden 
}
div.violet h2 span {
	background: url(../img/dotted.gif) repeat-x 0 100%;	
	font-size: 65%;
	margin: .1em 0 0 0;
	float: right;
}
div.line-whiteblock {
	background: url(../img/line-whiteblock.gif) no-repeat 0 0;
	height: 9px;
	line-height: 1px;
	padding: 0 0 0 10px
}
div.line-whiteblock div {
	background: url(../img/line-whiteblock.gif) no-repeat 100% 0;
	height: 9px;
	line-height: 1px;	
}
/*=========BLAU-LINE==============*/
div.blauline-top {
	background: url(../img/blauline-left.gif) no-repeat 0 0;
	position: relative;	
	height: 9px;
	line-height: 1px;
	padding: 0 0 0 20px;	
}
div.blauline-top div {
	background: url(../img/blauline-right.gif) no-repeat 100% 0;
	position: relative;	
	height: 9px;
	line-height: 1px;
	margin: '0 0 -4px 0';  
}
div.blauline-bottom {
	background: url(../img/blauline-left.gif) no-repeat 0 100%;
	position: relative;	
	height: 9px;	
	line-height: 1px;
	padding: 0 0 0 20px;
	margin: 0 0 1.5em 0	
}
div.blauline-bottom div {
	background: url(../img/blauline-right.gif) no-repeat 100% 100%;
	position: relative;	
	height: 9px;
	line-height: 1px;
	padding: 0;
	margin: '0 0 -4px 0';  	
}
div.blauline {
	background: #fff url(../img/cite.gif) repeat-y 0 0;
	padding: 0 0 0 0;
	position: relative;
	overflow: hidden;	
}
div.blauline div {
	padding: 5px 10px;
	background:  url(../img/cite.gif) repeat-y 100% 0;
	position: relative;
	overflow: hidden;	
}
