/*
maintemplate for diepruefer.de						
created 06.07.2007
	
pixario
mediadesign and consulting
	
inh. christian haecker
huttenstrasse 3
07743 jena
germany
	
internet:	www.pixario.eu
mail:		christian@pixario.eu
*/



/* Allgemein */
.rahmen {
	padding:10px;
	margin-right:10px;
	border:1px solid #CCCCCC;
}
.rightspace {
	padding-right:5px;
}
.bemerkungen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #999999;
}
html {
	width:100%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	background-color: #517ec2;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#454545;
	width:100%;
	text-align: center;
}

a {
	color:#454545;
}
a:hover {
	color:#bc0000;
}
a img{
	border:none;
}
table, tr, td, input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#454545;
}
form {
	padding:0px;
	margin:0px;
}
input, select, textarea {
	padding:0px;
	margin:0px;
}
.clearfloat {
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
.floatleft {
	float:left;
	margin-right:10px;
}
.floatright {
	float:right;
	margin-left:10px;
}
.container {
	width:770px;
	/* fuer adsense 
		width:890px;
	*/
	margin: 0 auto;
	position:relative; 
	/*
	left: 50%;
	margin-left: -375px;
	*/
	top:55px;
	text-align: left;

}
.adsense {
	position:absolute;
	right:0;
	top:0;
	width:120px;
	height:600px;
}
.container2 {
	position:relative;
	width:770px;
}
.logo {
	float:left;
	width:550px;
	margin-bottom:25px;
}
.toplinks {
	clear:both;
	float:right;
	margin-top:2px;
	padding-right:35px;
}
.lngselect {
	float:left;
	margin-left:10px;
	margin-top:8px;
}
.lngselect img {
	margin-right:5px;
}
.footer {
	clear:both;
	float:right;
	margin-right:10px;
	color:#bfd1ee;
	font-size:9px;
}
/* Hauptmenu */
.mainmenu {
	float:left;
	padding-left:20px;
	
}
.mainmenu ul {
	padding:0px;
	margin:0px;
	list-style:none;
	padding:0px;
	margin:0px;
}
.mainmenu li {
	padding-top:2px;
	margin-bottom:-2px;
	float:left;
	height:25px;
	line-height:24px;
	width:125px;
	text-align:center;
	background-image:url(../images/menu_inactive.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#464646;
}
.mainmenu li.active {
	float:left;
	width:125px;
	text-align:center;
	background-image:url(../images/menu_active.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#bc0000;
}
.mainmenu .active a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#bc0000;
}
.mainmenu a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#464646;
}

/* Loginbox */
.loginbox {
	float:right;
	margin-right:20px;
}

.loginbox {
	position:static;
}
.loginbox label {
	font-size:9px;
	width:80px;
}
.loginbox form {

}
.loginbox input {
	font-size:10px;
	color:#454545;
	width:80px;
	margin-bottom:3px;
	margin-top:3px;
	padding:0px;
	border:1px solid #999999;
}
.loginbox .loginbutton {
	width:54px;
	height:62px;
	margin-left:10px;
	border:0px solid #ffffff;
}
.loginbox .loginbutton2 {
	position:absolute;
	padding:0px;
	margin:0px;
	left:90px;
	top:0px;
	border:0px solid #ffffff;
}
*html .loginbox .loginbutton2 {
	top:7px;
}

/* Content */
.dekoimg {
	margin:10px;
	margin-right:0px;
}
.progressbar {
	text-align:center;
}
.progressbar img {
	padding-right:10px;
}
.content h3 {
	margin-top:5px;
	margin-bottom:5px;
	color:#bc0000;
	font-size:11px;
	font-weight:bold;
}
.content h4 {
	margin-top:5px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:bold;
}
.content .red {
	color:#bc0000;
}
.content ul {
	display: compact;
	margin:0px;
	padding:0px;
	list-style-position:inside;
	list-style-type:square;
	z-index:101;
}
.content li {
	margin:0px;
	padding:1px;
}
.content p {
	margin:1px;
	padding-top:5px;
	padding-bottom:5px;
}
.content .spalte {
	padding-left:10px;
	padding-right:10px;
}
.content .spalte2 {
	padding-right:10px;
}
.content .colem {
	width:9em;
	float:left;
}
.content .col33 {
	width:33%;
	float:left;
}
.content .col30 {
	width:30%;
	float:left;
	
}
.content .col40 {
	width:40%;
	float:left;
}
.content .col50 {
	width:50%;
	float:left;
}
.content .col25 {
	width:25%;
	float:left;
}
.content .col75 {
	width:75%;
	float:left;
}
.content .col85 {
	width:85%;
	float:left;
}
.space25 {
	clear:both;
	width:100%;
	height:25px;
	line-height:25px;
	font-size:25px;
}
.space10 {
	clear:both;
	width:100%;
	height:10px;
	line-height:10px;
	font-size:10px;
}
.horline {
	background-image:url(../images/horline.gif);
	background-position:right top;
	background-repeat:repeat-y;
	width:100%;
}
.horline2 {
	background-image:url(../images/horline2.gif);
	background-position:right top;
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	line-height:20px;
	margin-top:5px;
	margin-bottom:10px;
}
.horline3 {
	clear:both;
	background-image:url(../images/horline3.gif);
	background-position:right top;
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	line-height:1px;
	margin-top:15px;
	margin-bottom:15px;
}
.data1 label {
	width:33%;
	float:left;
	margin-top:10px;
}
.data1 input, .data1 select {
	clear:left;
	float:left;
	width:80%;
	margin:0px;
	padding:0px;
	border:1px solid #999999;
}

.data1 .textarea{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.data1 .textarea textarea {
	float:left;
	width:93%;
	height:80px;
	border:1px solid #999999;
}
.data1 .textarea66{
	float:left;
	margin:0px;
	padding:0px;
	width:60%;
	height:70px;
}
.data1 .textarea99{
	float:left;
	margin:0px;
	padding:0px;
	width:92%;
	height:20px;
}
.data1 .pflicht {
	background-color: #FFB0B0;
}
.data1 .checkbox {
	margin:0px;
	padding:0px;
	margin-top:10px;
	width:93%;
}
.data1 .checkbox input {
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:20px;
}
.data1 .weiterbutton {
	width:64px;
	height:16px;
	border:0px solid #ffffff;
}
.data1 .loginbutton {
	width:54px;
	height:16px;
	border:0px solid #ffffff;
}
.data1 .auftragbutton {
	width:110px;
	height:16px;
	border:0px solid #ffffff;
}
.data1 .verrechnenbutton {
	width:94px;
	height:16px;
	border:0px solid #ffffff;
}
/* Box */

.box {
	position:relative;
	clear:both;
	margin:0px;
	padding:0px;
	padding-top:16px;
	padding-bottom:10px;
}
.large {
	width:750px;
	margin-bottom:10px;
}
.small {
	width:200px;
}
.boxcontainer {
	border-left:#cfd9e8 1px solid ;
	background-image:url(../images/box_rm.gif);
	background-position:top right;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:6px;
	padding-top:1px;
	margin-right:1px;
	

}
.boxinhalt {
	position:relative;
	width:100%;
}
.box1_11 {
	position:absolute;
	top:0px;
	left:0px;
	width:7px;
	height:16px;
	background-image:url(../images/box_lo.gif);
	background-position: top left;
	background-repeat:no-repeat;
	
}
.box1_12 {
	position:absolute;
	top:0px;
	left:7px;
	width:100%;
	height:16px;
	background-image:url(../images/box_mo.gif);
	background-position: right top;
	background-repeat:repeat-x;
}
.box1_13 {
	position:absolute;
	top:0px;
	right:0px;
	width:8px;
	height:16px;
	background-image:url(../images/box_ro.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.box1_21 {	
	background-image:url(../images/box_lm.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
.box1_23 {	
	background-image:url(../images/box_rm.gif);
	background-position:right top;
	background-repeat:repeat-y;
	
}
.box1_31 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:7px;
	height:10px;
	background-image:url(../images/box_lu.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
.box1_32 {
	position:absolute;
	bottom:0px;
	left:7px;
	width:100%;
	height:10px;
	background-image:url(../images/box_mu.gif);
	background-position: bottom right;
	background-repeat:repeat-x;
}
.box1_33 {
	position:absolute;
	bottom:0px;
	right:0px;
	width:8px;
	height:10px;
	background-image:url(../images/box_ru.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}

/* Adminbereich */

.standartform label {
	clear:both;
	width:150px;
	float:left;
	margin:5px;
}

.standartform input {
	width:150px;
	float:left;
	margin:5px;
}
.admintable th, .admintable td {
	text-align:left;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
}
.admintable th, .admintable td.tdbg {
	background-color:#efefef;
}
.datatable table {
	
}
.datatable th {
	text-align:left;
	width:20%;
	background-color: #EAEAEA;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}
.datatable td {
	text-align:left;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}

/* bildverhalten */

.Bild_links_oben {
	margin-right:10px;
	margin-bottom:10px;
	clear:both;
	float:left;
}

.Bild_links {
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;

}

.Bild_rechts_oben {

	margin-left:10px;
	margin-bottom:10px;
	clear:both;
	float:right;
}

.Bild_rechts {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;

}
