@charset "utf-8";
/* CSS Document */



* {
	padding: 0;
	margin: 0;
}
html {
	background-image: url(../img/templ/bg_qr.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
body {
	width:1100px;
	margin: 0 auto;
	text-align: left;
	font-size:100.1%;
	font-family:  Verdana, Geneva, sans-serif;
	color:#333;
	background-image: url(../img/templ/biene_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 650px;
}
/* template */
a , a:visited {
				color:#333;
				text-decoration:none!important
			}
			a:hover {
				color:#004494;
			}


#around {
	position:relative;
	width: 960px;
	height:auto;
	z-index:1;
	padding-bottom:20px;
	/*min-height:800px;
	overflow:hidden;*/
}
* html #around {
	height:670px;
	overflow:visible
}
#bild {
	width:960px;
	height:270px;
	overflow:hidden;
	text-align:center
}

#bildIntern {
	width:960px;
	height:105px;
	overflow:hidden;
	text-align:center
}


#Headl {
	width:960px;
}
.logo {
	float: left;
	margin-left: 23px;
	margin-top:15px;
	height:20px;
	width: 151px
}
* html .logo {
	margin-left: 12px;
}
#headline {
	float:right;
	margin-right:15px; /*margin-bottom:35px*/
}
#headline h1 {
	font-size:40px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	color: #1f110e;
	line-height:1.2em;
	margin-bottom:0.7em
}
#headline h2 {
	font-size:22px;
	font-weight: normal;
	color:#999;
}





			.box {
				width:275px;
				height: 300px;
				border-left:1px solid #dbdbdb;
				float:left;
				background-image: url(../img/templ/Box_line_top.gif);
				background-repeat: no-repeat;
				font-size:0.7em;
				line-height:1.6em;
				padding: 15px 22px
			}
			.big {
				width:550px;
			}
			a.boxlink , a.boxlink:visited {
				color:#333;
				text-decoration:none!important
			}
			a.boxlink:hover {
				color:#004494;
			}
			 .box h1, #boxCont h1,#boxContSmall h1, #refBox h1 {
				color:#004494;
				font-size:1.3em;
				font-weight:bold;
				line-height:1.7em;
			}
			.box h2, #boxCont h2, #boxContSmall h2 {
				color:#999;
				margin-bottom:0.7em;
				font-size:1.2em;
				font-weight:normal
			}
			.box h3, #boxCont h3, #boxContSmall h3{
				font-size:1em;
			}
			.box ul {
				margin:0.5em 0 1em 2em;
			}






#boxCont p,#boxContSmall p  {
	margin-bottom:1.2em;
}
#boxCont h1,#boxContSmall h1 {
	margin-bottom:0.7em;
}
#boxLeer {
	width:275px;
	height: auto;
	border-left:1px solid #fff;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 15px 22px
}
.boxLeer {
	width:275px;
	height: auto;
	border-left:1px solid #fff;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 15px 22px
}
#boxLeerKunde {
	width:65px;
	height: 155px;
	border-left:1px solid #fff;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 15px 22px
}
#boxQM {
	width:319px;
	height: 320px;
	float:left;
	font-size:0.8em;
	line-height:1.6em;
	text-align:right;
	overflow:visible;
	padding-top:55px
}
#boxCont {
	width:980px;
	height: auto;
	/*border-left:1px solid #dbdbdb;*/
	float:left;
	/*background-image: url(../img/templ/Box_line_top.gif);
	background-repeat: no-repeat;*/
	font-size:0.7em;
	line-height:1.6em;
	padding: 0 22px
}
#boxContSmall {
	width:590px;
	height: auto;
	/*border-left:1px solid #dbdbdb;*/
	float:left;
	/*background-image: url(../img/templ/Box_line_top.gif);
	background-repeat: no-repeat;*/
	font-size:0.7em;
	line-height:1.6em;
	padding: 0 22px
}
#boxCont ul,#boxContSmall ul  {
	margin: 0.5em 0 1em 2.5em;
}
#boxCont ul li,#boxContSmall ul li {
	padding-bottom: 0.7em;
}
* html #boxCont ul li {
	padding-bottom: 0.7em;
}
.refBox {
	width:436px;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 0 22px;
	margin-bottom:35px;
	height: 156px;
	overflow: visible
}
		 .headline{color:#004494;
						font-size:1.3em;
						line-height:1.7em;}
/***#refBox p.link {
	margin-top: 0.8em
}*/
.refBox img {
	float:left;
	border: 1px solid #dbdbdb;
	margin-right:22px
}
#kundenBox a, #kundenBox a:visited, #boxLeer a, #boxLeer a.visited, #boxCont a, #boxCont a:visited , #boxContSmall a, #boxContSmall a:visited {
	color:#333;
	text-decoration:none
}
#kundenBox a:hover, #boxLeer a:hover, #boxCont a:hover, #boxContSmall a:hover{
	color:#204da5;
}
.refBoxPDF {
	width:436px;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 0 22px;
	margin-bottom:35px;
	height: 175px;
	overflow: hidden
}

.refBoxPDF img {
	float:left;
	border: 1px solid #dbdbdb;
	margin-right:22px
}

.PDF {
	float:right !important;
	border:0 !important;
	margin-left:0;
	margin-right:0;
	margin-top:-0em !important
}
/*#refBoxPDF .PDF {
	border:0px !important;
	margin-left:158px;
	margin-right:0px;
	margin-top:-0em !important
}*/
#refBoxPDF .PDF-kl {
	border:0 !important;
	margin-left:0;
	margin-right:0;
	margin-top:-0em !important
}
.kundenBox {
	width:380px;
	float:left;
	font-size:0.7em;
	line-height:1.6em;
	padding: 15px 22px 0 22px;
	margin-bottom:35px;
}
.kundenBox img {
	margin: 9px 0;
	border:1px solid #cccccc
}
#nav {
	clear:both;
	height: 75px;
	font-size:0.7em;
	padding-top:12px;
	text-align: center;
	border-top:1px solid #dbdbdb;
	padding-left:22px
}
#nav a, #nav a:visited {
	display: block;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	float:left
}
#nav a:hover {
	color:#004494;
}
.navspace {
	width: 111px;
	float:left;
	height:5px
}
.subnavspace {
	width: 14px;
	float:left;
	height:5px
}
.spacekonzepte {
		width: 370px;
	float:left;
	height:5px

}

.spaceqrcode {
		width: 170px;
	float:left;
	height:5px

}
#subnav {
	clear:both;
	height: 72px;
	font-size:0.7em;
	width:940px;
	margin-right:0;
	padding:0
}
#subnav a, #subnav a:visited {
	color:#004494;
	text-decoration:none;
	display: block;
	float:left;
}
#subnav a:hover {
	color:#737373;
}
.refAbst {
	padding-left: 22px !important
}
.konzepte{margin-left:405px!important; width:550px!important }

.refAbstEN {
	padding-left: 21px !important
}
#header {
	clear:both;
	font-size:0.7em;
	padding: 10px 15px 30px 22px;
	color:#737373;
	text-align:right
}
#header a, #header a:visited {
	color:#737373;
	text-decoration:none;
}
#header a:hover {
	color:#004494;
}
#headerHome {
	clear:both;
	font-size:0.7em;
	padding: 0 15px 30px 22px;
	color:#737373;
	text-align:right;
}
#headerHome a, #headerHome a:visited {
	color:#737373;
	text-decoration:none;
}
#headerHome a:hover {
	color:#004494;
}
.space55 {
	height:55px;
	clear:both
}
#footer {
	clear:both;
	font-size:0.7em;
	border-bottom:1px solid #dbdbdb;
	padding: 0 15px 24px 22px
}
#footer a, #footer a:visited {
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	color:#004494;
}



#footBoxAround {
	padding:12px 22px;
	clear:both; font-size:0.95em;
}

#footBoxAround a, #footBoxAround a:visited {
	color:#ccc;
	text-decoration:none;
}
#footBoxAround a:hover {
	color:#004494;
}

.footBox {
	float:left;
	font-size:0.65em;
	line-height:1.3em;
	margin-left:90px;
	width:160px
}

#bee {
	width:110px;
	height:106px;
	top: 0;
	position:absolute;
	margin-left:480px;
	left:50%;
	top:791px
}
.grey {
	color:#b5b5b5!important
}
.blue, a.blue, a.blue:hover, a.blue:visited {
	color:#004494 !important;
}
.blue_underline, a.blue_underline, a.blue_underline:hover, a.blue_underline:visited {
	color:#004494 !important;
	text-decoration:underline!important
}
.line {
	height:1px;
	border-top: 1px dotted #dbdbdb;
	margin:18px 0 14px 0
}
* html .line {
	margin: 20px 0 0 0
}

 .arr {font-size: 1.4em; vertical-align:-1px; font-weight: bold;  line-height: 0; font-family:Arial; color:#004494;}
 
 .hostingTAB td {padding:3px 5px; border-bottom:1px dotted #dbdbdb; border-top:1px solid #fff; border-right:1px solid #fff; background-color:#f8f8f8}
 .hostingTAB .headl {background-color:#ededed}
  .hostingTAB .topic {background-color:#e2ebf6}
   .hostingTAB .preis, .hostingKONT .preis {background-color:#eef3f9}
   
   .hostingKONT {margin: 20px auto }   
   .hostingKONT td {padding:3px 5px; border-bottom:1px dotted #dbdbdb; border-top:1px solid #fff;  background-color:#f8f8f8}
   .hostingFORM {
	border-left: 1px solid #f8f8f8;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-bottom: 1px solid #dedede;
	padding:4px 2px;
	width: 350px;
	font-size: 1em;
	font-family:  Verdana, Geneva, sans-serif;
}
.hostingSEND {
	border: 1px solid #dbdbdb;
	padding:2px;
	width: 350px;
	color:#004494;
	height: 21px;
	font-size: 12px;
	font-weight:bold;
	cursor: pointer;
	background:#dfe8f4
}
/* Jan UploadTool */
.mini {
	font-size:0.9em;
	text-decoration: none;
	color:#333;
	line-height:14px;
}
.rightBox {
	margin-left:340px;
	position:absolute;
	padding-right: 25px;
	width:235px;
	border: 1px dotted #910004;
	padding:7px
}
.uploadtab {
	border:1px solid #dbdbdb;
}
.uploadtab a, .uploadtab a:visited {
	color:#333;
	text-decoration:none;
}
.uploadtab a:hover {
	color:#004494;
}
.i_backend {
	border: 1px solid #CCC;
	width: 115px;
}
/* für Upload-Felder */
div.fileinputs {
	position: relative;
	margin-bottom: 10px;
	cursor: pointer
}
div.fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0;
 filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 310px;
}
form input.upload {
	background: url("../upload/img/input_boxes.gif") no-repeat scroll 0 -120px transparent;
	border: medium none;
	height: 25px;
	padding-left: 6px;
	padding-top: 0;
	width: 130px;
	padding-right:30px;
}
.benutzer {
	border: 1px solid #dbdbdb;
	padding:2px;
	width: 150px;
	font-size: 11px;
}
.loggin {
	border: 1px solid #dbdbdb;
	padding:2px;
	width: 156px;
	color:#004494;
	height: 21px;
	font-size: 11px;
	font-weight:bold;
	background-image: url(../img/templ/login_butt.jpg);
	cursor: pointer;
	margin-top: 10px
}
.uplo {
	border: 1px solid #dbdbdb;
	padding:2px;
	width: 220px;
	color:#004494;
	height: 21px;
	font-size: 11px;
	font-weight:bold;
	background-image: url(../img/templ/login_butt.jpg);
	cursor: pointer;
	margin-top: 10px
}
/*******************************************************/
.color {
	color: #004494
}
/*********** kontakt ********************/
.kossler {
	float:left;
	padding-right:10px;
	border-right:1px solid #ccc;
	margin-right:8px
}
.koch {
	float:left;
	padding-right:10px;
	border-right:1px solid #ccc;
	margin-right:10px
}
.meixner {
	float:left;
}
/**************** sitemap *************************/
.underL01 {
	padding-bottom:5px;
	border-bottom:1px dotted #dbdbdb
}
.underL02 {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dotted #dbdbdb
}
/* Slider Startseite */
 
 .slider {
	position:relative;
}
.slidebanner {
	height:340px;
	width:240px;
	margin:auto;
	display:none;
}
.slideshow {
	height:280px;
	width:960px;
	margin:auto;
	display:none;
}
.slideshow img {
	border:0;
}
.sliderNav {
	position:absolute;
	top:240px;
	right:5px;
	z-index:5;
}
.sliderNav a {
	color:#333;
	font-size:.7em;
	border:1px solid #fff;
	background:#eee;
	text-decoration:none;
	margin:0 5px;
	padding:2px 3px;
}
.sliderNav a.activeSlide {
	border:1px solid #fff;
	background:#ddd;
}
.sliderNav a:focus {
	outline:none;
}











	.statbox, .neubox, .helpbox {
		cursor:pointer;
		text-align:center;
		font-weight:bold;
		height:25px;
		box-shadow:1px 1px 2px #444;
		border:1px solid #FFF;
		border-radius:5px;
		padding-top:5px;
	}
	
	.statbox {
		width:60px;
		background-image:url(../img/icons/btn_stats.jpg);
		text-shadow:2px 2px 1px #FFF,2px -2px 1px #FFF,-2px 2px 1px #FFF,-2px -2px 1px #FFF,2px 2px 1px #FFF,2px -2px 1px #FFF,-2px 2px 1px #FFF,-2px -2px 1px #FFF;
	}
	
	.neubox {
		width:200px;
		padding-left:20px;
		background-image:url(../img/icons/btn_neu.jpg);
		margin:20px 0;
	}

	.helpbox {
		width:90px;
		padding-left:10px;
		background-image:url(../img/icons/btn_help.jpg);
		margin:20px 0;
	}


	.yesbox, .nobox, .editbox, .delbox, .viewbox, .stopbox {
		cursor:pointer;
		width:30px;
		height:30px;
		box-shadow:1px 1px 2px #444;
		border:1px solid #FFF;
		border-radius:5px;
		float:left;
		margin-right:10px;
	}
	
	.commonbox {
		background-image:url(../img/icons/btn_210.jpg);
		cursor:pointer;
		width:210px;
		height:26px;
		box-shadow:1px 1px 2px #444;
		border:1px solid #FFF;
		border-radius:5px;
		margin-right:10px;
		padding-bottom:4px;
		font-weight:bold;
	}
	
	.inputbox {
		box-shadow:-1px -1px 2px #444;
		border:1px solid #DDD;
		border-radius:4px;
		padding:3px;
	}

	.yesbox {
		background-image:url(../img/icons/btn_yes.jpg);
	}
	
	.nobox {
		background-image:url(../img/icons/btn_no.jpg);
	}

	.stopbox {
		background-image:url(../img/icons/btn_stop.jpg);
	}



	.editbox {
		background-image:url(../img/icons/btn_edit.jpg);
	}

	.viewbox {
		background-image:url(../img/icons/btn_view.jpg);
	}


	.delbox {
		background-image:url(../img/icons/btn_del.jpg);
	}
	
	.mini {
		font-size:0.8em;
	}



.reiter {
	background-color:#CCC;
	font-weight:bold;
	padding:3px 20px;
	float:left;
	margin-right:2px;
	cursor:pointer;
	border-radius:10px 10px 0 0;
}

#reiter_url {
	margin-left:10px;
}

#mask_vcard {
	display:block;
}


#raster {
	background-color:#EEE;
	overflow:hidden;
	z-index:5;
	padding-top:20px;
	padding-bottom:12px;
	width:619px;
	border-bottom:1px solid #AAA;
}

#statGraph {
	padding-left:25px;
	overflow:hidden;
}

#statGraphLgnd {
	padding-left:25px;
	overflow:hidden;
	margin-top:0;
}

.balken {
	float:left;
	z-index:555;
	background-color:#00448d;
	border-right:1px solid #000;
	border-radius: 5px 5px 0 0;
	box-shadow: 3px 4px 5px;
}

.rot {
	background-color:#a00;
}

.graphRows {
	
}



.input_nostyle {
	width:auto;
	border:0;
}





form div { margin-bottom:5px; }

#error {
	background-color: #CC3300;
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 6px 9px #444444;
	color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin-left: 245px;
    margin-top: -48px;
    padding: 15px 20px;
    position: absolute;
    width: 440px;
    z-index: 999;
}

#error_in {
	text-align:right;
	font-weight:bold;
	font-size:0.8em;
	margin-bottom:10px;
}


label {
display:inline-block;
width: 160px;
text-align:right;
padding-right:15px;
}

.formspacer {
	height:10px;
}

.calendarSelector, .calendarSubmit {
	border-radius: 5px 5px 5px 5px;
    font-size: 1em;
    font-weight: bold;
    padding: 3px;
    width:85px;
}

.calendarSubmit{
	padding:2px;
}

.calendarText {
	font-size: 1em;
}


input, select {
	border:1px solid #CCC;
	width:200px;
	margin:2px 0;
}

.i_sml {
	width:60px;
}

.i_med {
	width:135px;
}


.list, .list_ohne {
	box-shadow:1px 1px 2px #666;
	border-radius:10px;
	width:100%;
	margin-bottom:12px;
	border: 1px solid #DDD;
}

.list th {
	font-weight:bold;
	padding: 10px 2px;
	text-align:left;
}

.list td {
	padding: 10px 2px;
}

.list_ohne td {
	padding:5px 2px;
}

.list td {
	border-top:1px solid #DDD;
}
.input { border: 1px solid #CCC; }
.small_i { width: 75px; }
.med_i { width: 163px; }
.norm_i { width: 250px; }

#my_chart, #my_devices, #my_res {
	margin-top:10px;
	margin-bottom:10px;
}

#my_devices {
	float:left;
	width:500px;
}

#my_res {
	float:left;
	width:450px;
}

.tooltippy {
	cursor:help;
}

.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  color: rgba(0, 0, 0, 0.5);
  outline: 0;
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


.rHilite {
	background-color:#93adc1;
}