/* Hintergründe */
*{
	padding:0px;
	margin:0px;
	border:0px;
}
a {
	color:#3595d1;
}
a:active{outline:none;}
a:focus{outline:none;}
select:active{outline:none;}
select:focus{outline:none;}
input:active{outline:none;}
input:focus{outline:none;}
html, body {
 	height: 100.01%; /* wichtig */
	padding-bottom:1px;
	background-image:url(../gfx/back.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.page{
	width:1000px;
	margin:0 auto;	
}
.header{
	background-image:url(../gfx/head.jpg);
	height:306px;
	cursor:pointer;
}
.header1{
	background-image:url(../gfx/head1.jpg);
	height:91px;
}
.header2{
	background-image:url(../gfx/header2.jpg);
	height:71px;
}
.menu{
	width:1000px;
	margin:0 auto;
	height:40px;
}
.wieweg{
	display:none;
}
.temp_view{
	width:240px;
	height:155px;
	margin:5px;
	float:left;
	background-image:url(../gfx/tempback.png);
	background-repeat:no-repeat;
	padding-top:35px;
}
.temp_view a{
	font-size:12px;
	text-decoration:none;
}
.temp_view img{
	background-color:#FFF;
	padding:3px;
	border: 1px solid #bcbcbc;	
}
.blaettern{
	width:25px;
	height:18px;
	padding:3px;
	float:left;
	background-color:#ececec;
	border:1px solid #e0e0e0;
	margin:2px;
	text-align:center;
}
.blaettern:hover{
	background-color:#d8d8d8;	
}
.blaettern a{
	text-decoration:none;	
}
.blaettern#akt{
	background-color:#2783be;	
}
.blaettern#akt a{
	color:#FFF;
}
.konto{
	padding:10px;
	padding-left:10px;
	padding-right:20px;
	background-color:#ebebeb;
	margin-left:70px;
	width:500px;
	float:left;
	border:1px solid #e1e1e1;
	color:#484848;
}
.konto h1{
	font-size:11pt;
	margin-bottom:10px;
}
.konto h2{
	font-size:11px;
	color:#2683be;
}
.konto h3{
	font-size:10px;
	color:#3b3b3b;
}
.kontoinfo{
	padding:10px;
	margin-left:650px;	
	background-color:#ebebeb;
	padding-left:10px;
	padding-right:20px;
	border:1px solid #e1e1e1;
	color:#484848;
	font-size:12px;
}
.kontoinfo h1{
	font-size:11pt;
	margin-bottom:10px;
}
.input_text{
	padding:3px;
	width:390px;
	border:1px solid #e1e1e1;	
}
table#kontotable
{
	background-color:#e1e1e1;
	font-size:11px;
}
table#kontotable td{
	background-color:#ebebeb;
	padding:3px;
}
input, select{
	font-size:11px;	
}
.pflicht{
	background-color:#fffff1;	
}
.fehler{
	border:1px solid #F00;	
}
.willkommen{
	padding:10px;
	padding-left:10px;
	padding-right:20px;
	background-color:#ebebeb;
	margin-left:70px;
	width:500px;
	float:left;
	border:1px solid #e1e1e1;
	line-height:1.3;
	color:#484848;
	text-align:justify;
}
.willkommen h1{
	font-size:11pt;
	margin-bottom:10px;
}
.willkommeninfo{
	line-height:1.3;
	padding:10px;
	margin-left:650px;	
	background-color:#ebebeb;
	padding-left:10px;
	padding-right:20px;
	border:1px solid #e1e1e1;
	color:#484848;
	font-size:12px;
}
.willkommeninfo h1{
	font-size:11pt;
	margin-bottom:10px;
}
.impressum{
    width: 923px;
    margin: 0 auto;
    margin-left: 80px;
    background-color: #EEE;
    border-radius: 5px;
    background: linear-gradient(180deg, #FFF, #EEE);
    box-shadow: 0 0 16px 0 rgba(33,33,33,0.12);
    border: 2px solid #DDD;
}
.login{
	width:479px;
	height:39px;	
	background-image:url(../gfx/login.jpg);
	top:45px;
}
.anmelden{
	position:relative;
	left:470px;	
	width:131px;
	top:45px;
}
.pwinfo{
	padding:10px;	
	border:1px solid #CCC;
	background-color:#FFF;
	display:none;
	position:absolute;
	top:40px;
	width:300px;
	line-height:1.4;
}
.back{
	width:333px;
	height:232px;
	background-image:url(../gfx/back.png);
	background-repeat:no-repeat;
	float:left;
	font-size:13px;
	color:#FFF;
}
.back_inhalt{
	width:260px;	
}
.back_inhalt a{
	text-decoration:none;color:#fddd7a;	
}
.backcontent{
	padding-top:70px;padding-left:28px;
}
.designbild{
	float:left;
	width:333px;
	height:232px;
	background-image:url(../gfx/designbild.png);
}
.texte{
	float:left;
	width:333px;
	height:232px;
	background-image:url(../gfx/texte.png);
}
.suchmaschinen{
	float:left;
	width:333px;
	height:232px;
	background-image:url(../gfx/suchmaschinen.png);
}
.onTop{
	position:relative;
	z-index:99000;
}
.infofenster{
	background-color:#f4f4f4;
	color:#606060;
	border:1px solid #cecece;
	padding:10px;
	display:none;
	position:absolute;
	width:750px;
	margin-left:100px;
}
.konto_info{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:10px;
	position:absolute;
	top:-140px;	
}
.designbild_thumb{
	border:5px solid #f7f7f7;	
	margin:3px;
}
.designbild_thumb:hover{
	border:5px solid #cecece;	
}
.designbild_aktiv{
	background-color:#f0f0f0;	
	border:1px dotted #ffdddd;
}
table.editTable{
	background-color:#dcdcdc;	
}
table.editTable td{
	background-color:#ececec;
	padding:5px;
}
table.linktable{
	background-color:#dcdcdc;	
	font-size:11px;	
}
table.linktable td{
	background-color:#ececec;
	padding:5px;
}
table#tickettable{
	background-color:#dcdcdc;	
	font-size:11px;	
}
table#tickettable td{
	background-color:#ececec;
	padding:5px;
}
table#tickettable tr:first-child td{
	background-color:#4f4f4f;
	color:#FFF;
}
.leistungen_wahl{
	background-color:#ececec;
	border:1px solid #dcdcdc;
	padding:10px;
	font-size:12pt;
	color:#4a4a4a;
	float:left;
	width:291px;
	margin-right:20px;
	margin-bottom:5px;
}
.modul{
	width:280px;
	height:140px;
	background-color:#f1f1f1;
	margin-right:10px;
	margin-bottom:10px;
	padding:20px;
	float:left;
	border:1px solid #eaeaea;
}
.modul h1{
	font-size:12pt;
	color:#393939;	
	margin-bottom:5px;
}
.modul h2{
	font-size:12px;
	color:#2683be;	
	margin-bottom:5px;
}
.modul p{
	line-height:1.3;	
}
.modul a{
	text-decoration:none;
	color:#FFF;	
}
.modul p.bestellen{
	position:absolute;
	width:270px;
	line-height:1.3;	
	color:#FFF;
	margin-top:5px;
	font-weight:bold;
	padding:4px;
	background-color:#F00;
	top:110px;
}
.bestellform{
	position:relative;
	z-index:9999;
	top:10px;
	left:240px;
	width:500px;border:1px solid #cecece;background-color:#e6f3f2;padding:20px;line-height:1.4;
}
.bestellform h1{
	font-size:12pt;
	color:#393939;	
	margin-bottom:15px;	
}
.modul_bezahlt{
	background-image:url(../gfx/modul_bezahlt.png);
	width:320px;
	height:180px;
	position:absolute;
	left:-20px;
	top:-20px;
}
.modul_bezahlt_aktiviert{
	background-image:url(../gfx/modul_bezahlt_aktiv.png);
	width:320px;
	height:180px;
	position:absolute;
	left:-20px;
	top:-20px;
}
.modul_aktiviert{
	background-image:url(../gfx/modul_aktiv.png);
	width:320px;
	height:180px;
	position:absolute;
	left:-20px;
	top:-20px;
}
.info_module{
	margin-left:70px;
	background-color:#EBEBEB;
	border:1px solid #E1E1E1;
	padding:10px;	
	color:#484848;
	margin-bottom:10px;
}
.info_module h1{
	font-size:11pt;
	margin-bottom:10px;
}
table.produkte{
	background-color:#cccccc;
}
table.produkte td.head{
	background-color:#09C;
	padding:2px;
	color:#fff;
}
table.produkte td.odd{
	background-color:#f7f7f7;
	padding:1px;
}
table.produkte td.even{
	background-color:#ebeaea;
	padding:1px;
}
fieldset{
	border:1px solid #cecece;
	border-radius:5px;
	padding:10px;	
}
.prodform label{
	display:block;
	float:left;
	width:160px;
	text-align:right;
	padding-right:20px;
}	
.spacer{
	margin-bottom:5px;	
}
.subm a{
	background-color:#f4f4f4;
	text-align:center;
	display:block;
	float:left;
	font-size:11px;	
	padding:3px;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	margin-left:1px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	min-width:103px;
}
.subm a:hover{
	background-color:#09C;
	color:#fff;
}
.info{
	padding:10px;
	text-align:center;
	border:1px solid #f7f7f7;
	background-color:#063;
	color:#fff;
}	
.tdhead{
	background-color:#09C;
	color:#fff;
	padding:2px;	
}
.tdcell{
	padding:2px;	
	font-size:11px;
}
.odd{
	background-color:#f7f7f7;
}
.even{
	background-color:#cecece;	
}
table.menus{
	background-color:#cccccc;
}
table.menus td.head{
	background-color:#09C;
	padding:2px;
	color:#fff;
}
table.menus td.odd{
	background-color:#f7f7f7;
	padding:1px;
}
table.menus td.even{
	background-color:#ebeaea;
	padding:1px;
}
table.menus td.moved{
	background-color:#fff9dc;		
}

/* FILE BROWSER */
.browserwindow{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#f2f2f2;
	border:1px solid #cecece;
	
	-webkit-box-shadow: -2px -1px 19px #d9d9d9; /* webkit browser*/ -moz-box-shadow: -2px -1px 19px #d9d9d9; /* firefox */ box-shadow: -2px -1px 19px #d9d9d9;
}
.shadow{
	border:1px solid #e3e3e3;	
}
.shadow:hover{
	-webkit-box-shadow: -2px -1px 19px #d9d9d9; /* webkit browser*/ -moz-box-shadow: -2px -1px 19px #d9d9d9; /* firefox */ box-shadow: -2px -1px 19px #d9d9d9;
}
.radius6{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.button{
	color:#fff;
	-webkit-box-shadow: -2px -1px 19px #d9d9d9; /* webkit browser*/ -moz-box-shadow: -2px -1px 19px #d9d9d9; /* firefox */ box-shadow: -2px -1px 19px #d9d9d9;		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	width:200px;
	padding:7px;
	font-size:14pt;
	text-align:center;
}
.button:hover{
	background: #234faf; /* Old browsers */
	background: -moz-linear-gradient(top, #234faf 0%, #2989d8 50%, #207cca 51%, #a7cae5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234faf), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#a7cae5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #234faf 0%,#2989d8 50%,#207cca 51%,#a7cae5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #234faf 0%,#2989d8 50%,#207cca 51%,#a7cae5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #234faf 0%,#2989d8 50%,#207cca 51%,#a7cae5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #234faf 0%,#2989d8 50%,#207cca 51%,#a7cae5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234faf', endColorstr='#a7cae5',GradientType=0 ); /* IE6-9 */
}
.bar {
    height: 18px;
    background: green;
	-webkit-box-shadow: -2px -1px 19px #d9d9d9; /* webkit browser*/ -moz-box-shadow: -2px -1px 19px #d9d9d9; /* firefox */ box-shadow: -2px -1px 19px #d9d9d9;		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.barcontainer{
	background-color:#333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #bcbcbc; /* Old browsers */
	background: -moz-linear-gradient(top, #bcbcbc 0%, #dbd6da 50%, #dbdbdb 51%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(50%,#dbd6da), color-stop(51%,#dbdbdb), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcbcbc 0%,#dbd6da 50%,#dbdbdb 51%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcbcbc 0%,#dbd6da 50%,#dbdbdb 51%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcbcbc 0%,#dbd6da 50%,#dbdbdb 51%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bcbcbc 0%,#dbd6da 50%,#dbdbdb 51%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.barcontainertext{
	text-align:center;	
	color:#fff;
}
#progress{
	width:100%;
}
.progress-bar
{
	background-color:#063;
	height:15px;
	width:0px;
}