/*****************************************************************************************/
/* SHOW/IT - Framework - CSS 															*/
/* Authors: Bernhard Wöhrlin 		& 		Jan Evers									*/
/* http://it.cappuccinonet.com			http://www.keimzelle.net						*/
/* copyright 2006																	*/
/*****************************************************************************************/

/****** SKIN ******/

.testvar {display: block;}

/****************************************************************************************/
/* STRICTLY BASIC */
/****************************************************************************************/
* {
	margin: 0px; padding: 0px;
}

body {
	text-align: center;
}

#container {
	position: relative;
 	width:950px;
  	margin:0 auto;
  	text-align:left;
	background: #fff url(../../../../icons/clients/breframing/grund_main.gif) 0px 0px repeat-y;
}

#area-head li {list-style: none;}
body {font: small Arial, Helvetica, Verdana, Futura sans-serif;}
.si-bitv, .jumper, a.si-bitv {display: none ! important;}
hr.si-bitv {display: block ! important; height: 1px; margin-top: -1px; visibility: hidden;}
fieldset.bitv-main {border: 0px hidden ! important;}
ul.menu li, #area-navi-sub li {list-style: none;}
img {border: 0px;}
#page #container span.wbr {display: inline !important; visibility: hidden; margin-left: -0.5em;}
input.submit {cursor: pointer;}

/****************************************************************************************/
/* CLASSES & STANDARD PAGE ELEMENTS */
/****************************************************************************************/
/*font-styles */
a {color: #04357A; font: 100% Courier, Courier new, sans-serif; font-weight: bold;}
a:hover {color: #D00;}
.print {display: none;}
input {
	border: 1px solid #04357A;
	background: #f2f2fa;
}

.radio input {
	border: none;
	background: transparent;
}



/* box */

.box-textbox-left {
	margin-top: 1px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 21px;
	min-height: 10em;
	float: left;
	width: 198px;
	font-size: 90%;
}

.box-textbox-right {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	min-height: 10em;
	float: right;
	clear: right;
	background: #f7f969 url(../../../../icons/clients/breframing/grund_box.gif) bottom right no-repeat;
	width: 220px;
	border: 1px solid #fff;
	font-size: 90%;
}

.textbox p {
	padding: 5px;
}

.textbox b {
	display: block;
	margin-top: 5px;
}

.box {
	margin: 0px 10px 10px 10px;
	border: 1px solid #fff;
}

.box .box_image {
	float: left;
	width: 217px;
	text-align: center;
	background: #f7f969 url(../../../../icons/clients/breframing/grund_box.gif) bottom right no-repeat;
}

.box .box_image img {
	margin: 5px auto;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/****************************************************************************************/
/* BLOCKS & AREAS */
/****************************************************************************************/

/* #ARHead */
/***************************/
#ARHead {
	height: 175px;
	background: #fff url(../../../../icons/clients/breframing/grund_head.gif) 0px 0px no-repeat;
}

#ARHead #area-logo {
	display: none;
}


/* #BlockMain  */
/****************************************************************************************/
.level_1 #BlockMain {
	width: 734px;
	background: url(../../../../icons/clients/breframing/grund_content.gif) 0px 0px no-repeat;
}

#BlockMain {
	width: 734px;
	background: url(../../../../icons/clients/breframing/grund_content_fade.gif) 0px 0px no-repeat;
}

#BlockMain .blocker {
	height: 0px; clear: both;
}



	/* #BlockContent  */
	/****************************************************************************************/
	#BlockContent {
		width: 524px;
		float: right;
		color: #04357A;
	}

	#BlockContent .ct {
		line-height: 130%;
		padding: 0.5em 30px 1em 20px;
	}

	#BlockContent h1 {
/*		color: #F7C006;*/
		color: #d8a302;
		font: 180% Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		padding: 0 0 0.5em 0;
	}

	body.upper1 #BlockContent #ARMain h2 {
		border-top: 1px solid #09397D;
		border-bottom: 1px solid #09397D;
		padding-left: 10px;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		margin-top: 0.5em;
		margin-bottom: 0.7em;
	}

	body.upper1 #BlockContent #ARMain p {
		padding: 0 0 0.7em 10px;
	}

	#BlockContent #ARMain ul, #BlockContent #ARMain ol {
		margin: 0 0 1.4em 14px;
	}

	#BlockContent #ARMain li {
		margin: 0 0 0.7em 15px;
	}

	#BlockContent h2 {
/*		color: #F7C006;*/
		color: #d8a302;
	 	font: 110% Courier, Courier new, sans-serif;
		font-weight: bold;
	}


		/* #ARLangselect */
		/***************************/
		#ARLangselect {
			position: absolute;
			top: 0px;
			right: 220px;
			height: 170px;
		}

		#ARLangselect ul {
			position: absolute; bottom: 0px; right: 0px;
		}

		#ARLangselect li {
			display: inline;
		}

		#ARLangselect li.hi {
			display: none;
		}

		#ARLangselect li a {
			font-size: 85%;
			font-weight: normal;
		}


		/***************************/
		/* END #ARLangselect */

		/* #ARMain */
		/***************************/
		.level_1 #ARMain {
			margin-top: 14em;
		}

		#ARMain {
			margin-top: 1em;
		}
		/***************************/
		/* END #ARMain */

		/* #AR3 */
		/***************************/
		#AR3 {
			float: left;
			width: 265px;
			background: url(../../../../icons/clients/breframing/trennerlinie.gif)top right repeat-y;
			margin-bottom: 1.5em;
		}

		#AR3 .ct {
			padding: 10px 10px 20px 20px;
		}

		#AR3 h1 {
			font-size: 130%;
		}
		/***************************/
		/* END #AR3 */

		/* #AR4 */
		/***************************/
		#AR4 {
			margin-left: 265px;
			margin-bottom: 1.5em;
		}

		#AR4 .ct {
			padding: 10px 10px 20px 20px;
		}

		#AR4 h1 {
			font-size: 130%;
		}
		/***************************/
		/* END #AR4 */

	/****************************************************************************************/
	/* END #BlockContent  */


	/* #ARNaviMain (Hauptnavigation) */
	/***************************/
	#ARNaviMain {
		float: left;
		clear: left;
		width: 209px;
		overflow: hidden;
	}

	#ARNaviMain a, #ARNaviMain a * {text-decoration: none; cursor: pointer;}

	#ARNaviMain a {display: block; border-bottom: 1px solid #fff;}


	#ARNaviMain a:hover {
		background: #F7F969; color: #FFF;
	}

	#ARNaviMain a .inner {
		display: block; padding: 0.3em 0.25em 0.35em 20px;
	}

	#ARNaviMain .hi a {
		color: #FFF;
		background: #F7C006;
	}

	/* upper1 */
	#ARNaviMain ul.upper1 div.link {
		background: #f2f2fa;
	}

	#ARNaviMain ul.upper1 a .inner {
		font: 95% Verdana, Arial, Helvetica, sans-serif;
		line-height: 95%;
	}

	#ARNaviMain ul.upper2 a .inner {
		font: 85% Verdana, Arial, Helvetica, sans-serif;
		line-height: 100%;
		padding-left: 30px;
	}


	/***************************/
	/* END #ARNaviMain */


/****************************************************************************************/
/* END #BlockMain  */

/* #BlockSider */
/****************************************************************************************/
#BlockSider {
	position: absolute; top: 155px; left: 744px;
	width: 206px;
	color: #04357A;
}

#BlockSider h1 {
	border-top: 1px solid #09397D;
	border-bottom: 1px solid #09397D;
	font: 110% Courier, Courier new, sans-serif;
/*	color: #F7C006;*/
	color: #d8a302;
	font-size: 100%;
	margin: 20px 0 10px 0;
	padding: 0.25em 0 0.25em 8px;
}

#BlockSider h2 {
	font-size: 100%;
	font-weight: normal;
}

#BlockSider a {
	font-size: 85%;
}

#BlockSider p *,
#BlockSider p a {
	font-size: 100%;
	padding: 0px;
}

#BlockSider img {
	padding: 10px 8px 15px 8px;
}

#BlockSider a,
#BlockSider p,
#BlockSider h2,
#BlockSider .set,
#BlockSider .input_button,
#BlockSider h3 {
	font-size: 85%;
	padding: 0 8px 5px 8px;
}

#BlockSider b {
	font: 100% Courier, Courier new, sans-serif;
	color: #F7C006;
}

#BlockSider .radio input  {
	margin-right: 5px;
}

	/* ARNLregister */
	/***************************/
	#ARNLregister label {
/*		color: #F7C006;*/
		color: #d8a302;
	}

	#ARNLregister #text {
		margin-top: 5px;
	}

	#ARNLregister .submit {
		font-size: 11px;
	}
	html>body #ARNLregister .submit {
		font-size: 85%;
	}

	/*
	#ARNLregister .submit {
		border: none;
		padding: 0px;
		margin: 0px;
		background: #fff;
		font: 100% Courier, Courier new, sans-serif;
		color: #04357A;
		font-weight: bold;
		text-decoration: underline;
		display: inline;
	}

	#ARNLregister .submit:hover {
		color: #d00;
		text-decoration: underline;
	}
	*/




	/***************************/
	/* END ARNLregister */

	/* #AR1 */
	/***************************/
	#AR1 {
		position: absolute; left: -272px; top: 19px;
		width: 265px;
		background: url(../../../../icons/clients/breframing/trans.png) 0px 0px;
		/*
		background: #F7F969;
		Filter: Alpha(opacity=80);
		-moz-opacity:0.8;
		*/
	}

	#AR1 .ct {
		padding: 0 10px 8px 10px;
		border: 1px solid #fff;
	}

	#AR1 h1 {
		margin-top: 1px;
		color: #04357A;
		font-weight: bold;
		border-top: none;
		border-bottom: 1px solid #FFFFFF;
	}

	#AR1 h2 {
		font-weight: bold;
	}

	#AR1 a {
		font-weight: normal;
	}

	/***************************/
	/* END #AR1 */

	/* #AR2 */
	/***************************/

	/***************************/
	/* END #AR2 */

/****************************************************************************************/
/* END #BlockSider */



/* #ARNaviFooter (Fussnavigation) */
/***************************/
#ARNaviFooter {
	margin-right: 212px;
	clear: left;
	background: #fff;
	font-size: 85%;
}

#ARNaviFooter .ct {
	padding: 0.5em 0px 1em 210px;
}

#ARNaviFooter .ct * {
	display: inline;
}

#ARNaviFooter li {

}

#ARNaviFooter a {
	margin: 0 1.5em 0 0;
}

#ARNaviFooter .hi a {
	color: #d00;
}


/***************************/
/* #ARNaviFooter */

/* #ARFooter */
/***************************/
#ARFooter {
	margin-right: 212px;
	clear: left;
	background: #fff;
	color: #04357A;
	font: 85% Courier, Courier new, sans-serif;
}

#ARFooter .ct {
	padding: 0.5em 0px 5em 210px;
}
/***************************/
/* END #ARFooter */

/****************************************************************************************/
/* STANDARD PAGES */
/****************************************************************************************/

/* tpl_sitemap */
#BlockContent #ARSitemap ul.menu {
	margin: 0px;
	padding: 0px;
}

#BlockContent #ARSitemap ul.menu .link {
	display: block; height: 1.2em;
}


#BlockContent #ARSitemap ul.level1 ul {
	padding-left: 2em;
}

#BlockContent #ARSitemap ul.menu .tooltip {
	padding-left: 10px; font-size: 85%; display: none;
}

#BlockContent #ARSitemap ul.menu li {
	padding: 0px !important;
	margin: 0px;
}

#BlockContent #ARSitemap .link.level1 a * {
	font-weight: bold;
}

#BlockContent #ARSitemap a {float: left; clear: left;}

#BlockContent #ARSitemap a {display: block; padding: 0 0 0.3em 0;}
#BlockContent #ARSitemap a, #BlockContent #ARSitemap a * {text-decoration: none;}
#BlockContent #ARSitemap a .inner {font-size: 85%; font-weight: normal;}

#ARNLregister .set .si_expl {display:block;}
#ARNLregister .set .si_input input {color:#04357a; font-size: 10px}
#ARNLregister .set .si_input .input_pulldown {color:#04357a; font-size: 10px;background-color:#f2f2fa;border: 1px solid #04357a;}



/* tpl_contact */
.tpl_contact #BlockContent .set {clear: left; margin-bottom: 0.5em; padding-left: 10px;}
.tpl_contact #BlockContent .set.submit {text-align: right; padding-top: 0.5em;}
.tpl_contact #BlockContent .set.textarea textarea {width: 80%;}
.tpl_contact #BlockContent label {float: left; clear: left; width: 150px;}




/****************************************************************************************/
/* SPECIFIC PAGES */
/****************************************************************************************/



/* Tabellen */ 
.tabletermine  {
   margin: 0 0px 20px 10px;
   padding:0 5px 5px 0;
   background:#DEDFF3;
   border:1px solid;
   width: 97%;
}
.tabletermine td {
/*   padding: 7px 0 0 7px;*/
   padding: 10px 10px 3px 15px;
   vertical-align: top;
}
.h2 {
   margin-top: 30px;
}
blockquote {
   margin: 0 0 30px 50px;
   font-style:italic;
}
.mailbild {
   margin: 0 0 5px 10px;
}