@import url("slide.css");

/********************************Allgemein*********************************************/

* { margin: 0; padding: 0 }

html, body, p, ul, h1, h2, h3, form, fieldset, input, a { margin: 0; padding: 0 }

body,html { width:100%;	height:100% }

img { border:0; margin:0; padding:0 }

body {
	background:#fff url('../img/bg.jpg') no-repeat top center;
	font-family:arial;
	line-height:14pt;
}

/********************************Typo******************************************/

h1, h2, h3{	letter-spacing:0.8px; }

h1 {
	font:15pt bold Arial, Helvetica, sans-serif;
	color:#000;
	margin:15px 0 15px 0;
}

h2 {
	font:13pt bold Arial, Helvetica, sans-serif;
	margin-bottom:8px;
	color:#fff
}

h3{
	font:12pt bold Arial, Helvetica, sans-serif;
}

h4{
	font:10pt bold Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

/********************************Links******************************************/

a {font-family: Arial; background-color: transparent; text-decoration: none }

a:link, a:visited, a:active{color:#818181 }

a:hover {color:#733087}

a:active, a:focus, input{outline: none}

/********************************Grafiken******************************************/

.imgbottom {
	vertical-align:bottom;
}

/********************************Inhalt*****************************************/

#wrapper {
	margin:0 auto;
	width:900px;
	min-height:700px;
}

.wrapper {
	margin:0 auto;
	min-width:900px;
	min-height:700px;
}

#header a.logo  {
	display:block;
	padding:10px 0;
  text-align:center;
  margin-right:510px;
}

#ad {
	margin:10px 0;
	text-align:center;
}

#main_menu {
	background:transparent url('../img/main_menu.png') no-repeat center;
  width:900px;
	height:63px;
  margin-top:-10px;
  padding-bottom:8px;
  padding-left:15px;
  color:grey;
}

#main_menu a:link, #main_menu a:visited, #main_menu a:active {
  color:white
}
#main_menu a:hover {
  color:#818181
}

#content {
	
}

#content p {
	margin:0 0 10px 0;
	font-size:12px;
}

.step {
	margin:10px 0;
}

.step p{
	text-align:center;
	color:#733087;
	font-size:16px!important;
	font-weight:bold!important;
}

#copy {
	margin:10px 0;
	text-align:center;
	color:#979797;
	font-size:12px;
}

#bild_daten {
	background-color:grey;
	min-height:30px;
}

#bild_daten #inlay {
	color:white;
	font-size:10pt;
	margin:0 auto;
	width:900px;
	padding:5px 0 0 0;
  text-align:center; 
  
}

#footer {
	background-color:#f1f1f1;
	min-height:150px;
}

#footer #inlay {
	color:#818181;
	font-size:10pt;
	margin:0 auto;
	width:900px;
	padding:15px 0 0 0;
}

#footer #inlay ul {
	margin-top:5px;
	}
	
#footer #inlay li {
	list-style:none;
}

/********************************upload*****************************************/

#upload .top {
	background:url("../img/upload2.png") no-repeat scroll 0 2px transparent;
	height:26px;
	padding:20px 0 0 40px;
}

#upload .repeat{
	background:url("../img/upload2.png") no-repeat scroll 0 -19px transparent;
	height:31px;
	padding:7px 0 0 40px;
}

#upload .end {
	background:url("../img/upload2.png") no-repeat scroll 0 -29px transparent;
	color:#7F7F7F;
	font-size:11px;
	height:34px;
	padding:4px 0 2px 40px;
}

#upload .inputbox {
	float:left;
	margin:0 20px 0 0;
}
#upload .buttonadd a {
	color:#8c5f97;
	background:transparent url('../img/button_add.png') no-repeat 0 0;
	float:right;
	font-size:11px;
	font-weight:bold;
	padding:9px 0 9px 0;
	display:block;
	text-align:center;
	width:166px;
}

#upload .buttonadd.active a {
	color:#fff;
}

#upload .buttonadd a img {
	vertical-align:middle;
}	 

#upload .buttonadd a.button1 {
	margin:-10px 21px 0 0;
}

#upload .buttonadd a.button2 {
	margin:-6px 21px 0 0;
}

#upload .buttonadd a.button3 {
	margin:-4px 21px 0 0;
}

#upload label img {
	vertical-align:bottom;
}

#upload label {
	margin:0 15px 0 0;
}

.uploadform {
	width:202px!important;
}

/********************************Boxen*****************************************/

.big { }

.middle { width:290px; }

.small { width:210px; }

.left { float:left; }

.right { float:right; }

.mright { margin:0 15px 0 0; }

.mcenter { margin:0 15px 0 15px; }

.mleft { margin:0 0 0 15px; }

/********************************Menu*****************************************/

 #headernavi {
 	background:transparent url('../img/main_menu.png') no-repeat center;
  width:900px;
	height:63px;
  text-align: center;
  margin: 0px auto;
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  color: grey;
  text-shadow: black 0.1em 0.1em 0.2em;
}

#headernavi p {
  padding-top:10px;
  /*padding-left:45px;*/
}

#headernavi a:link, #headernavi a:visited, #headernavi a:active {
  color:white
}

#headernavi a:hover {
  color:#818181
}

/********************************Box*****************************************/

.box {background: #672c85 url('../img/box.png') repeat-x bottom;margin-top:10px; }
.box h2, .box p {padding:0 10px; color:#fff;}
.box .top, .box .bottom { display:block;background: #fff; }
.box .top span { display:block;height: 1px; overflow: hidden; background: #672c85; }
.box .bottom span { display:block;height: 1px; overflow: hidden; background: #4b1258; }
.box .r1 { margin: 0 5px; }
.box .r2 { margin: 0 3px; }
.box .r3 { margin: 0 2px; }
.box .top .r4, .box .bottom .r4 { margin: 0 1px;height: 2px; }

.box div.adinlay {
	background:transparent url('../img/boxinlay.png') no-repeat 0 0;
	height:215px;
	width:363px;
	margin:7px 10px 0 10px;
	text-align:center;
}


/********************************Form*****************************************/

input.field { width:85px;color:#c5c5c5;margin-top:-2px; background:none repeat scroll 0 0 transparent; border:medium none; font:11px Arial,Helvetica,sans-serif; vertical-align:middle; }

input.bt_submit { 	
	background:url('../img/button.png') repeat-x scroll 0 0 transparent;
	border:medium none;
	color:#565656;
	cursor:pointer;
	font:bold 10px/26px Tahoma,Arial,Helvetica,sans-serif;
	height:26px;
	letter-spacing:1px;
	padding:0 2px;
	text-transform:uppercase;
	vertical-align:middle;
	width:auto;
}

.action a {
	font:bold 10px/26px Tahoma,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
	color:#565656;
	background:url('../img/button.png') repeat-x scroll 0 0 transparent;
	letter-spacing:1px;
	display:inline-block;
}

.anmelden-box input.bt_submit:hover { 	
	color: #733087;
}

.anmelden-box div.inputbox {
	float:left;
	line-height:25px;
	margin:10px 10px 0 0; 
}

.NFTextLeft {
	background:url('../img/input-left.png') no-repeat scroll 0 0 transparent;
}

.NFTextCenter img {
 	vertical-align:bottom;
 }

.NFTextCenter {
	background:url('../img/input.png') repeat-x scroll 0 0 transparent;
	float:left;
	height:15px;
	line-height:15px;
	margin:0;
	padding:2px 0 4px;
}

.NFTextRight {
	background:url('../img/input-right.png') no-repeat scroll 0 0 transparent;
}

.NFTextLeft, .NFTextRight {
	float:left;
	height:21px;
	vertical-align:middle;
	width:7px;
}

div.action {
	border:none;
	margin:0;
	padding:0;
	float:left;
}

.NFButtonLeft  {
	background:url('../img/button-left.png') no-repeat scroll 0 0 transparent;
}

.NFButtonLeft1  {
	background:url('../img/input-left.png') no-repeat scroll 0 0 transparent;
}

.NFButtonLeft, .NFButtonRight{
	height:26px;
	vertical-align:middle;
	width:11px;
}

.NFButtonLeft1, .NFButtonRight1  {
	height:21px;
	vertical-align:middle;
	width:7px;
}	

.NFButtonRight {
	background:url('../img/button-right.png') no-repeat scroll 0 0 transparent;
}

.NFButtonRight1 {
	background:url('../img/input-right.png') no-repeat scroll 0 0 transparent;
}

input.bt_submit { 	
	background:url('../img/button.png') repeat-x scroll 0 0 transparent;
	border:medium none;
	color:#565656;
	cursor:pointer;
	font:bold 10px/26px Tahoma,Arial,Helvetica,sans-serif;
	height:26px;
	letter-spacing:1px;
	padding:0 2px;
	text-transform:uppercase;
	vertical-align:middle;
	width:auto;
}

input.bt_submit1 {
	background:url('../img/input.png') repeat-x scroll 0 0 transparent;
	border:medium none;
	color:#565656;
	cursor:pointer;
	font:bold 10px/26px Tahoma,Arial,Helvetica,sans-serif;
	height:21px;
	letter-spacing:1px;
	text-transform:uppercase;
	vertical-align:middle;
	width:auto;
}

/********************************clearfix*****************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}