/*** www.pro-beam.com Framework Stylesheet ***/
/*** Copyright 2008 Kuse.de Werbeagentur ***/
/*** Sebastian Wolf <sebastian /aet/ kuse * de> ***/

body, html {
	 margin:0;
	 background:#fff;
	 height:100%;
	 font-size:11px;
	 font-family:Arial, Verdana;
	}

* {
	 margin:0;
	 padding:0;
	}

p {
	 margin:8px 0;
	}

sup {
  line-height:0;
  font-size:0.9em;
}

h2 {
	 font-size:1.4em;
	 line-height:1.2em;
	 color:#126fb4;
	 margin-bottom:15px;
	 font-weight:bold;
	}

#Content a {
	 color:#0064AE;
	 text-decoration:none;
	}

#Content a:hover {
	 text-decoration:underline;
	}

#Content h3 {
	 color:#666;
	 font-size:1.0909em;
	 clear:both;
	}

hr {
	margin:10px 0;
	border:0;
	border-top:1px dotted #ccc;
	height:0;
	}

a img {border:0;}

b, strong{ color:#555;}


/* BorderFieldSet */

#Content fieldset.BorderFieldset {
	 background:transparent;
	 border:0;
	 padding:0;
	 margin: 0 0 15px 0;
	}

#Content fieldset.BorderFieldset h3 {
	 color:#0064AE;
	 font-size:1.0909em;
	}

#Content fieldset.BorderFieldset label {
	 padding-left:0;
	 font-size:1.0909em;
	 line-height:1em;
	 color:#666;
	}

#Content fieldset.BorderFieldset input, #Content fieldset.BorderFieldset textarea, #Content fieldset.BorderFieldset select {
	 border:2px solid #ddd;
	 padding:4px;
	 color:#666;
	 font-size:0.9em;
	 margin:5px 0;
	}

#Content fieldset.BorderFieldset input:focus, #Content fieldset.BorderFieldset textarea:focus {
	border:2px solid #ccc;
	 background:#ececec;
	 color:#222;
	}

/* Buttons */

.Button {
	 display:block;
	 border:1px solid #9b9b9b;
	 border-width:0 1px;
	 background:#d2d2d2 url(../images/framework/ButtonBgGradient.gif) repeat-x;
	 position:relative;
	 margin:6px 0;
	 font-size:11px;
	 line-height:15px;
	 white-space:nowrap;
	 cursor:pointer;
	 text-decoration:none;
	 color:#6a6a6a;
	 height:20px;
	}
	.Button b, .Button strong {
		border-top:1px solid #9b9b9b;
		top:-1px;
		position:relative;
		display:block;
		height:20px;
		}
	.Button b b, .Button strong strong {
		border-top:0;
		border-bottom:1px solid #9b9b9b;
		background:url( ../images/framework/ArrowBlue.gif) 8px 8px no-repeat;
		padding:3px 0 2px 18px;
		height:15px;
		top:auto;
		font-weight:normal;
		bottom:0px;
		}
	* html .Button b b, * html .Button strong strong {
		 bottom:-2px !important;
	}
	.Button.Small.Right {float:right}
	.Button.Small.StopClear {clear:none;}
	.Button.Back b b, .Button.Back strong strong {background-image:url( ../images/framework/ArrowBlueBack.gif);}
	.Button:hover {
		 color:#0064AD;
		 text-decoration:none !important;
		}

	.Button.Transp {opacity:0.6;}
	.Button.Transp:hover {opacity:1;}

	.Button.Small {float:left; clear:both;}
	* html .Button.Small {width:0;}
	.Button.Small b, .Button.Small strong {height:19px;}
	.Button.Small b b, .Button.Small strong strong {bottom:-1px; height:14px; padding:2px 7px 3px 18px; background-position:8px 7px;}


/* Unsorted List */

#Content ul {
	 list-style-image:url(../images/framework/ArrowBlue.gif);
	 padding:0;
	 margin-left:14px;
	}

#Content ul li {margin-top:5px;}

#Content ul li strong, #Content ul li b {color:#0064AD; }

#Content ul li ul{
	 list-style-image:url(../images/framework/ArrowBlack.gif);
	}

		/* Fix Sitemap */
		#BoxSitemap ul, #BoxSitemap ul li ul {
			list-style-image:none;
			padding-left:0px;
		}




/* Framework */



#BoxPagePosition {
	 position:relative;
	 min-width:1000px;
	}
	#TopPosition {
		 display:block;
		 width:886px;
		 height:87px;
		 position:relative;
		}
		#Logo {
			 position:absolute;
			 bottom:0px;
			 left:20px;
			}

		/* Language */
		#Language {
			 right:20px;
			 position:absolute;
			 display:block;
			 height:27px;
			 width:180px;
			 border-width:0 1px;
			 white-space:nowrap;
			}
			#Language b, #Language strong {
				 display:block;
				 height:27px;
				 font-weight:normal;
				 color:#0064ad;
				 line-height:27px;
				}
				#Language a {
					 height:27px;
					 padding:0 1px;
					 display:block;
					 float:right;
					 filter:alpha(opacity = 60);
					 opacity:0.6;
					 line-height:26px;
					 border-width:0 1px;
					}

					#Language a img {
						 margin-top:8px;
						}

					#Language a.Active, #Language a:hover {
						 border-color:#e1e1e1;
						 filter:alpha(opacity = 100);
						 opacity:1;
						}

		/* Search */
		#Search {
			 display:block;
			 position:absolute;
			 right:20px;
			 top:46px;
			}

			#Search input, #LexForm input{
				 height:18px;
				 width:140px;
				 padding:4px 0 0 4px;
				 background:url(../images/framework/SearchBg.gif) no-repeat;
				 float:left;
				 color:#0064ad;
				 border:0;
				}
			#LexForm input {width:127px;}

			#Search #SearchButton, #LexForm #LexSearchButton {
				 width:36px;
				 height:22px;
				 margin:0;
				 cursor:pointer;
				 background-position:-144px 0;
				}
			#LexForm {
				 margin-bottom:20px;
				}



		/* Header */

		#HeaderPosition {
			 display:block;
			 position:relative;
			 height:265px;
			 background:#e6e6eb /* url(../images/framework/loading.gif) 320px 150px no-repeat */;
			}

					* html #HeaderPosition { height:265px;}
					*+html #HeaderPosition { height:265px;}
					
					
			
			#Information {
				 height:255px;
				 width:179px;
				 color:#666666;
				 display:block;
				 padding:0 21px 0 13px;
				 position:absolute;
				 left:673px;
				 top:23px;
				 background:url(../images/framework/AktuellesBg.gif);
				}
			#Information h2 {
				font-size:11px;
				font-weight:bold;
				color:#404040;
				margin-top:15px;
				margin-bottom:8px;
				text-transform:uppercase;
				}
			#Information h2{
				font-size:15px;
				font-weight:bold;
				color:#404040;
				margin:15px 0 8px 0;
				padding-bottom:4px;
				border-bottom:1px solid #b3b3b3;
				}



			/* Navigation */
			#Nav {
				 list-style:none;
				 display:block;
				 height:23px;
				 white-space:nowrap;
				 margin:0px 0 0 0;
				 z-index:11;
				 padding:0 0 0 272px;
				 background:#fff;
				}
				
				@media screen and (-webkit-min-device-pixel-ratio:0) {
				    #Nav {padding:0 0 0 226px;}
				}
				


			#Nav li {
				 float:left;
				 height:22px;
				 margin-right:50px;
				 position:relative;
				 line-height:22px;
				}

			#Nav > li > ul > li {height:26px;}

			#Nav li a {
				 color:#666666;
				 text-decoration:none;
				 display:block;
				 cursor:pointer;
				 float:left;
				 border:1px solid #fff;
				 border-width:0 1px;
				}

					* html #Nav li a {width:0px;}

			#Nav li a b {
				border-top:1px solid #fff;
				top:-1px;
				position:relative;
				display:block;
				z-index:11;
				height:22px;
				}

			#Nav li a b b {
				 font-weight:normal;
				 padding:0 10px;
				 border-top:0;
				 font-size:13px;
				 border-bottom:1px solid transparent;
				 top:auto;
				 bottom:0px;
				}

						* html #Nav li a b b {border:0;}

			#Nav:hover li.sfhover a, #Nav:hover li.sfhover a b {
				 border-color:#9b9b9b;
				 background:#fafafa;}

			#Nav:hover li.sfhover a b b {border-color:#d2e2f6;}
			#Nav:hover li.sfhover a.NoChild b b {border-color:transparent !important; background:transparent !important;}

					* html #Nav li.sfhover a, * html #Nav li.sfhover a b {
						 border-color:#9b9b9b;
						 background:#fafafa;}

					* html #Nav li.sfhover a b b {border-color:#d2e2f6;}

					* html #Nav li.sfhover a.NoChild b b {border-color:transparent !important; background:transparent !important;}



			/* SubMenu */
			#Nav li ul {
				 display:none;
				 position:absolute;
				 height:270px;
				 z-index:9;
				 min-width:140px;
				 top:23px;
				 overflow:visible;
				 background:url( ../images/framework/SubMenuBg.png);
				 border:1px solid #8fa0a9;
				 border-width:1px 1px 0 1px;
				 padding:3px 2px 0px 2px;
				 margin:0;
				 left:0px;
				}
			
			
			
			#Nav li.Kontakt ul, #Nav li.Contact ul {left:auto; right:0;}

						* html #Nav li.Downloads ul {margin-left:-12px;}
						*+html #Nav li.Downloads ul {margin-left:-10px;}

						* html #Nav li ul {background:#fff; width:152px;}
						*+html #Nav li ul {width:152px;}

			#Nav:hover li.sfhover ul {display:table;}

					* html #Nav li.sfhover ul {display:block;}
					*+html #Nav:hover li.sfhover ul {display:block;}
					
			/* Safari */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				    #Nav li ul {height:274px;} 
				    #Nav li.Kontakt ul, #Nav li.Contact ul {left:auto; right:-24px;}
				    body.fr #Nav li.Kontakt ul, body.fr #Nav li.Contact ul {left:auto; right:-28px;}
			}
			
			/* Opera */
			@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
			{
				head~body #Nav li ul {height:274px;} 
			}
			

			#Nav ul li {
				 float:none;
				 display:block;
				 margin-right:2px;
				 z-index:14;
				 position:relative;
				}

			#Nav ul li a {
				 display:block;
				 width:100%;
				 height:24px;
				 border-color:transparent !important;
				 background:transparent !important;
				}

			#Nav ul li a b {
				height:24px;
				border-color:transparent !important;
				background:transparent !important;
				line-height:24px;
				}

						* html #Nav ul li a b {border:0;}
						* html #Nav ul li a {padding:1px 1px 1px 1px; border:0;}



			#Nav ul li a b b {
				 background:url( ../images/framework/ArrowBlack.gif) 7px 10px no-repeat !important;
				 padding-left:18px;
				 bottom:0px;
				}

						* html #Nav ul li a b b {bottom:-2px;}



			/* SubMenu Hover */

			#Nav ul li:hover a {border-color:#8fa0a9 !important; color:#0064ae; background:#fbfbfb url( ../images/framework/SubMenuBg.gif) top repeat-x !important;}
			#Nav ul li:hover a b {border-color:#8fa0a9 !important;}

				* html #Nav ul li.sfhover a b {border-top:1px solid #8fa0a9;}
				* html #Nav ul li.sfhover a b b {border-top:0; border-bottom:1px solid #8fa0a9;}
				* html #Nav ul li.sfhover a {border-left:1px solid #8fa0a9; border-right:1px solid #8fa0a9; color:#0064ae;  padding:0px; background:#fbfbfb url( ../images/framework/SubMenuBg.gif) top repeat-x !important;}





			/* SubSubMenu */

			* html #Nav li.sfhover ul ul, #Nav:hover li.sfhover ul ul {
				 display:none;
				 left:100%;
				 top:0px;
				 height:auto;
				 border:0;
				 position:absolute;
				 line-height:24px;
				 background:transparent;
				 padding:0;
				 margin:0 0 0 -2px;
			}

			#Nav:hover ul li.sfhover ul {display:table !important;}

					* html #Nav ul li.sfhover ul {display:block; filter:alpha(opacity = 100); } /* Filter macht keinen sinn... aber der ie6 braucht es */
					*+html #Nav:hover ul li.sfhover ul {display:block;}

			#Nav ul ul li {margin-left:0px; width:100%;}
			#Nav ul ul li, x:-moz-any-link {float:left; height:25px;}

			#Nav:hover ul li ul a, #Nav ul li ul a {
				 height:24px;
				 border:1px solid #cfcece !important;
				 border-width:0 1px 1px 1px !important;
				 background:#fdfcfd !important;
				 color:#515151 !important;
				 margin-left:8px;
				 line-height:24px;
				}

					* html #Nav ul li ul a {margin-left:4px;}
					* html #Nav ul ul li {float:left;}

			#Nav:hover ul li ul a b, #Nav ul li ul a b{
				 padding-left:12px;
				 line-height:24px;
				 border:0;
				 font-weight:normal;
				}

			#Nav:hover ul ul li.sfhover a:hover, #Nav ul ul li.sfhover a:hover {
				 background:#fdfcfd url(../images/framework/SubMenuBg.gif) repeat-x !important;
				 color:#0064AD !important;
				}

			#Nav:hover ul li ul li.FirstChild a b, #Nav ul li ul li.FirstChild a b {border-top:1px solid #8fa0a9 !important;}

			#Nav:hover ul li ul li.LastChild a, #Nav ul li ul li.LastChild a {border-bottom:0 !important;}

			#Nav:hover ul li ul li.LastChild a b, #Nav ul li ul li.LastChild a b{
				border-top:0;
				border-bottom:1px solid #8fa0a9 !important;
				bottom:0px;
				line-height:24px;
				top:auto;
			}

					* html #Nav ul li ul li a b {border-top:1px solid #cfcece !important;}
					* html #Nav ul li ul li.LastChild a b{bottom:0px; border-color:#cfcece !important; border-width:0 0 1px 0 !Important;}
					* html #Nav ul li ul li.FirstChild a b{top:0px; border-color:#cfcece !Important; }

/* BreadCrumb */
#BreadCrumb {
	 background:#eaeaea;
	 height:22px;
	 position:relative;
	 padding-left:20px;
	 line-height:22px;
	}

#BreadCrumb a {
	 color:#9595a0;
	 padding-left:10px;
	 margin-right:6px;
	 background:url(../images/framework/ArrowBreadCrumb.gif) 0px 5px no-repeat;
	 text-decoration:none;
	}

#BreadCrumb a:hover {
	 text-decoration:underline;
	}

#BreadCrumb span {
	 color:#3b3b3b;
	 padding-left:7px;
	 background:url(../images/framework/ArrowBreadCrumb.gif) 0px 5px no-repeat;
	}

/* Content Options */
#BreadCrumb div {
		position:absolute;
		left:687px;
		top:0;
		right:0;
		}
#BreadCrumb div a {
	 background:url( ../images/framework/IconPrint.gif) center right no-repeat;
	 padding:0 15px 0 0;
	}

#BreadCrumb div b {
	 font-weight:normal;
	 color:#9595a0;
	 position:relative;
	 padding-right:44px;
	 margin-left:14px;
	}
body.en #BreadCrumb div b {
	text-indent:10px;
	display:inline;
}




#BreadCrumb div b a {
	 background:url( ../images/framework/IconMinus.gif) 0 0px no-repeat;
	 margin:3px 0 0 4px;
	 height:12px;
	 width:9px;
	 position:absolute;
	 right:14px;
	 top:-1px;
	 font-size:0;
	 line-height:0;
	}
#BreadCrumb div b a:hover {color:#3b3b3b;}



#BreadCrumb div b a#Larger {
	 background-image:url(../images/framework/IconPlus.gif);
	 margin:3px 0 0 0px;
	 right:0;
	}

#BreadCrumb div b a.Inactive {
	 cursor:default;
	 opacity:0.5;
	 filter:alpha(opacity = 50);
	}
* html #BreadCrumb div b a {left:50px;}
* html #BreadCrumb div b a#Larger {left:70px;}



/* Content Position*/
#ContentPosition {
	 width:878px;
	 clear:both;
	 margin:25px 0;
	}

#SubMenu {
	 float:left;
	 width:200px;
	 display:block;
	 overflow:hidden;
	 margin-right:13px;
	}

#ContentRight {
	 float:right;
	 width:179px;
	 overflow:hidden;
	 padding:0 12px 0 0;
}

#Content {
	 position:relative;
	 width:620px;
	 overflow:hidden;
	 margin-left:20px;
	 font-size:1.05em;
	 margin-top:1px;
	 line-height:1.3em;
	 color:#444;
}

#Content p {
	 margin:0 0 20px 0;

}

/* ContentRight */
#ContentRight, #ContentRight a, #ContentRight strong {
	 color:#979797;
	 text-decoration:none;
}

#ContentRight a {
	 margin:0 0 30px 0;
	 display:block;
}

#ContentRight a:hover strong {
	 text-decoration:underline;
}


/* Footer */
#Footer {
	 clear:both;
	 display:block;
	 background:#e6e6eb;
	 color:#8d8d8f;
	 position:relative;
	 height:41px;
	 line-height:41px;
	}

#Footer a {
	 color:#8d8d8f;
	 text-decoration:none;
}

#Footer a:hover {
	 text-decoration:underline;
	}

	#Footer div {
		 width:670px;
		 height:41px;
		 margin-right:17px;
		 line-height:41px;
		 background:#ceced3;
		 float:left;
	}

	#Footer div a {
		 color:#818183;
		 margin:0 10px 0 0;
	}

	#Footer div #Top {
		 float:left;
		 line-height:14px;
		 margin:12px 54px 0px 13px;
		 background:transparent;
		 }
	#Footer.en div #Top {
		margin-right:155px;
	}
	* html #Footer div #Top {margin:12px 90px 0px 7px !important;}
	#Footer div #Top:hover {text-decoration:none;}
	#Footer div #Top b b {
		 background:url( ../images/framework/ArrowBlackTop.gif) 7px 8px no-repeat;
		 color:#535354;
		}
	#Footer div #Top:hover, #Footer div #Top:hover b{
		 border-color:#555;
		}

	.Copyright span {margin-left:5px;}

.RahmenZertifikate {
	border:1px solid #ccc;
	display:block;
	margin:4px 0;
	-moz-border-radius:2px;
	padding:4px;
	position:relative;
}


/* Lexikon */

#LexikonIndex{
	position:relative;
	display:block;
	margin:15px 0 !important;
	padding:0;
	height:0px;
	list-style:none !important;
}
#LexikonIndex li {
	margin:0;
	float:left;
}

#LexikonIndex li a {
	 clear:none;
	 margin-right:1px;
	 width:20px;
	}
#LexikonIndex li a:hover {
	text-decoration:underline !important;
	}
	
#LexikonIndex li {list-style:none !important;}
#LexikonIndex li a.active b b {font-weight:bold; color:#0064AE;}
#LexikonIndex li a.active {background:#fff !important;}
#LexikonIndex li a b b {
	background:transparent;
	padding-left:7px;
}


li.active{
	background-image:url(../images/themes/05/h1_01.jpg);
	background-position:center;
	color:#FFFFFF;
}
.active{
	font-weight:bold;
}

.snap_nav li  {
	display:block;
	float:left;
	margin-right:14px;
	margin-bottom:25px;
	font-size:14px;
	}
	

	
.ContactLabel {
	display:inline-block;
	width:170px;
	}
	
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
	cursor:pointer;
	}
	
.Contact {
	float:left;
	width:230px !important;
	margin-right:15px;;
	}
	
.ddsg-wrapper h2 {
	margin-top:15px;
	}
