@import "css3buttons.css";

html{
	overflow-y: scroll;
}
body {
	margin: 0 auto;
	padding: 0;
	background: #ffffff url(images/template/2009_99.jpg) repeat-x top center;
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
}

hr{
	border: 0px; 
	border-bottom: 1px solid #aaa;
}

a{
	color: #043ebf;
	text-decoration: none;
}

a:hover{
	color: #579c0d;
	text-decoration: underline;
}

.cinput, .cselect {
	border: 2px inset grey;
	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	vertical-align: middle; 
	padding:0;
}

.cbutton {
	font-size: 150%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-left: 10px;
	border:0;
	padding:0;
	color: #ffffff;
	vertical-align: middle; 
}

#wait{
	position: absolute; 
	top: 212px; 
	left: 665px; 
	height: 30px; 
	width: 106px; 
	border: 0px;
	visibility: hidden;
}
#wrap {
    position: relative;
	background: #fff;
	color: #303030;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#menu {
	margin: 0 15px;
	background: #efefef url(images/template/2009_92.jpg);
	height: 52px;
	width: 730px;
	padding: 3px 0 0 40px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
}

#menu ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a{
	display: block;
	float: left;
	text-align: center;
	margin: 0 0px 0 0px;
	padding: 16px 10px 15px 10px;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	background: url(images/template/2009_91.jpg) no-repeat;
}

#menu .menu_current, #menu .menu_current a{
	color: #ddd;
	background: url(images/template/2009_91c.jpg) no-repeat;
}

#menu a:hover.menu_current{
	text-decoration: none;
}

#menu .menu_default, #menu a.menu_default{
	color: #fff;
}

#menu a:hover.menu_default{
	color: #ebffe1;
	text-decoration: none;
	background: #e1e5da;
	background: url(images/template/2009_91b.gif) no-repeat;
}

#header-l {
	background: #ffffff url(images/template/2009_95.jpg) no-repeat;
	height: 600px;
	width: 15px;
	padding: 0;
	float: left;
}
#header {
	margin: 0 15px;
	color: #96cceb;
	background: url(images/template/2009_98.jpg);
	height: 111px;
	width: 750px;
	padding: 35px 0px 0px 20px;
}

#header-r {
	background: #ffffff url(images/template/2009_96.jpg) no-repeat;
	height: 600px;
	width: 15px;
	padding: 0;
	float: right;
}

#content{
	margin: 0 15px;
	min-height: 450px;
	width: 690px;
	background: #ffffff url(images/template/2009_93.jpg) no-repeat;
	padding: 5px 40px;
}

input, textarea{
	border: 1px solid #bcc1a3;
	padding: 3px;
	margin: 0 2px 0 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

input[disabled] {
	border: 1px solid #ddd;
	background-color: #f5f6f2;
	color: #bbb;
}

select{
	border: 1px solid #bcc1a3;
	padding: 2px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#content #domDiv{
	width: 100%;
}

#content .boxed{
	margin:0px 4px 10px 3px;
	border: 1px solid #eeeeee;
	background: #fafafa;
	padding: 8px;
}

#content .boxed .nextboxed{
	background: #eee;
	padding: 8px;
}

#content .domboxed{
	margin:0px 4px 10px 3px;
	border: 2px solid #cc9900;
	background: #ffffbb url(/media/images/icons/info.gif) no-repeat 10px 9px;
	padding: 10px 8px 8px 30px;
	font-size:10pt;
}

#content .domwaiting{
	margin:0px 4px 10px 3px;
	border: 2px solid #dddddd;
	background: #fafafa url(/media/images/icons/loading.gif) no-repeat center 35px;
	padding: 10px 8px 55px 10px;
	height:16px;
	font-size:10pt;
}

#content .domconnected{
	background: #efc7b6 url(/media/images/icons/info.gif) no-repeat 10px 9px;
	margin:0px 4px 10px 3px;
	border: 2px solid #cc3300;
	padding: 10px 8px 8px 30px;
	color:#cc0000;
	font-size:10pt;
}

#content .domavailable{
	margin:0px 4px 10px 3px;
	border: 2px solid #488a02;
	background: #d3f59a url(/media/images/icons/info.gif) no-repeat 10px 9px;
	padding: 10px 8px 8px 30px;
	color:#006600;
	font-size:10pt;
}

#content .domboxed2{
	margin:0px 4px 10px 3px;
	border: 2px solid #cc9900;
	background: #ffffbb url(/media/images/icons/info.gif) no-repeat 10px 9px;
	padding: 10px 8px 8px 10px;
	height:63px;
	font-size:10pt;
}

#content .domlocked2{
	background: #efc7b6 url(/media/images/icons/domauthcode.gif) no-repeat;
	margin:0px 4px 10px 3px;
	border: 2px solid #cc3300;
	padding: 10px 8px 8px 10px;
	color:#cc0000;
	font-size:10pt;
}

#content .domconnected2{
	background: #efc7b6 url(/media/images/icons/domconnected.gif) no-repeat 0 5px;
	margin:0px 4px 10px 3px;
	border: 2px solid #cc3300;
	padding: 10px 8px 8px 10px;
	color:#cc0000;
	height:63px;
	font-size:10pt;
}

#content .domavailable2{
	margin:0px 4px 10px 3px;
	border: 2px solid #488a02;
	background: #d3f59a url(/media/images/icons/domavailable.gif) no-repeat 0 5px;
	padding: 10px 8px 8px 10px;
	color:#006600;
	height:63px;
	font-size:10pt;
}

#content .domavailable span, #content .domconnected span, #content .domwaiting span, #content .domboxed span{
	padding: 3px 0 0 0;
}

#content .orderbox{
	margin:0px 4px 10px 3px;
	border: 1px solid #62b0db;
	background: #6daf1d url(/media/images/template/2009_85.jpg) repeat-x;
	padding: 8px;
}

#content .orderbox7{
	margin:0px 4px 10px 3px;
	border: 1px solid #62b0db;
	background: #6daf1d url(/media/images/template/2009_85.jpg) repeat-x;
	height:42px;
	padding: 3px;
}

#content table{	
	padding:0px;
}

#content th{
	background:#96cceb url(/media/images/template/2009_85.jpg) repeat-x;
	color:#234b82;
	height:24px;
	padding: 0 2px;
}

#content th a{
	color:#234b82;
	text-decoration:underline;
}

#content td{
	height:24px;
	padding: 0 2px;
}

#content .normal{
	background:#eeeeee;
}

#content .spezial{
	background:#dddddd;
}

#content .spezial .red1{
	background:#c1e69d;
}

#content .spezial .red2{
	background:#b1df84;
}

#content .spezial .red3{
	background:#a1cf74;
}

#content .tablefoot{
	background:#fafafa;
}

#content .center{
	text-align:center;
}

#content .red1{
	text-align:center;
	background:#d2ecb7;
}

#content .red2{
	text-align:center;
	background:#c1e69d;
}

#content .red3{
	text-align:center;
	background:#b1df84;
}

#content .white{
	background:#ffffff;
	padding:2px;
}

#content .index{
	margin-bottom:10px;
}
h2{
	color:#4bca09;
	margin:10px 4px 10px 3px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14pt;
}
h2 div{
	float:right;
	display:inline-block;
	padding-right:7px;
}
h3{
	color:#6e838b;
	margin:10px 4px 10px 3px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12pt;
}
.main{
	margin-top:10px;
	color:#cc3300;
}
#produkte {
	height:200px;
}
#inklusive {
	background:#ffffff url('img/blocks/inklusive.png') no-repeat top center;
	height:209px;
	margin: 0 0 10px 0;
}
#footer {
	margin:0 15px;
	background:#ffffff;
	height:30px;
	padding:20px 20px;
	width:730px;
	font-size:8pt;
	color:#003366;
}

#fusszeile {
	color:#888888;
	clear:both;
	padding: 10px 10px;
	text-align:center;
	width:100%;
	font-size:10pt;
}

.whitetext{
	color:#ffffff;
}

.redtext{
	color:#ee0000;
}

#tooltip {
	position:absolute;
    padding: 4px;
    z-index: 2;
    width: 220px;
    color: #000;
    background-color: #b0d58b;
    border: 1px solid #fff;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    text-align: left;
}

#goktober {
	position:absolute;
    padding: 0px;
	top:160px;
	left:800px;
    z-index: 2;
    width:160px;
	height:600px;
    border: 0px;
}

#pwWrapper{
	display: inline-block;
	width:100px;
	height:8px;
	background:#eee;
	padding:0;
	margin:0;
	border:1px solid #ccc;
}
#pwDesc{
	display: inline-block;
}
#pwStrength{
	display: inline-block;
	height:8px;
}
.strength0{
	width:100px;
}
.strength1{
	width:25px;
	background:#cc0000;
}
.strength2{
	width:50px;	
	background:#ee6600;
}
.strength3{
	width:75px;
	background:#b5d938;
}
.strength4{
	background:#3f933b;
	width:100px;
}
.strength5{
	background:#3f933b;
	width:100px;
}

.tcalInput {
	background: white url('/modules/calendar/img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('/modules/calendar/img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: #fff;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	color: #444;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('/modules/calendar/img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('/modules/calendar/img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('/modules/calendar/img/next_mon.gif'); }
#tcalNextYear { background-image: url('/modules/calendar/img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: white;
	color: #444;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
	color: #333;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }

.searchform{
	position: relative;
	width: 125px;
	margin: 0 2px 4px 0;
	padding-top: 1px;
	float:right;
	border:0;
}

.searchform fieldset{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

.searchform .searchfield {
	background: #fcfcfc;
	color:#999;
	height: 14px;
	padding: 2px 23px 3px 5px;
	width: 97px;
	font-size: 11px;
	border: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.searchform input.submit {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 1px;
	top: 4px;
	height: 17px;
	width: 17px;
	background: transparent;
	border: none;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	display: block;
	float: left;
	border: 0px;
	color: #777;
	text-shadow: white 0 1px 0;
}

.inputrep{
	border:0;
	padding:0;
}

.boxed fieldset.collapse{
	margin-bottom:10px;
	border:1px solid #ccc;
	background: #f5f6f2;
}

.boxed fieldset.collapse legend, .boxed .toggleBox{
	color:#3798dd;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-shadow:#ddd 1px 1px 0px;
	font-size: 11pt;
	font-weight: bold;
	padding: 0 2px;
}

.boxed .toggleBox{
	padding: 10px 0;
}

.robotstatus{
	vertical-align: middle;
	padding-right: 8px;
}

.login_news_header{
	text-align:left;
	border:0px;
}

.login_news_header_red{
	text-align:left;
	border:2px solid red;
}