/*admin*/
.admin.optionMenuWrapper{
	margin-top:10px;
}

.admin.optionMenuWrapper table { 
    border-spacing: 0px;
    border-collapse: separate;
}


.admin.optionMenuWrapper th{ 	
	background-color: #FC9D00;
	border: 0px;
	height: 51px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	color: #FFF !important;
	font-family: Asap, Helvetica, Arial;
	font-size: 13px;
	font-weight: 400;
	padding:0px 10px;
}

.admin.optionMenuWrapper td{
	padding:3px 10px;
}

.admin.optionMenuWrapper tr:nth-of-type(even) td{
	background-color:#ffffff;
}

.admin.optionMenuWrapper tr:nth-of-type(odd) td{
	background-color:#F9F9F9;
}



.admin.optionMenuWrapper tr:last-child td{
	background-color:transparent;
}

.admin.optionMenuWrapper .selectToggle{
	display: block;
    margin: 2px 0px 2px 0px;
}


/*page*/

/*style1*/
.optinWrapper.style1{
	position:fixed;
	right:-174px;
	top:200px;
	background:url(../images/style1/hg.png) no-repeat top left;
	height:287px;
	width:276px;
}

.optinWrapper.style1 .optinTeaser{
 	background: url("../images/style1/buch.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 190px;
    width: 105px;
    float: left;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}

.optinWrapper.style1 .optinContent{
	width:175px;
	float:right;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	line-height:16px;
}

.optinWrapper.style1 .optinContent span{
	font-weight:700;
	
}

.optinWrapper.style1 .optinContent h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	margin:10px 0px 10px 0px;
	line-height:20px;
	
}

.optinWrapper.style1 .optinContent input[type="text"]{
	border:1px solid #d5d5d5;	
	color:#d5d5d5;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size:15px;
	padding: 5px 0px 5px 15px;
    width: 135px;
}

.optinWrapper.style1 .optinContent input[type="text"].active{
	color:#000000;
}


.optinWrapper.style1 .optinContent div.inputWrapper:nth-of-type(1){
	margin:12px 0px 7px 0px;
}

.optinWrapper.style1 .optinContent div.inputWrapper:nth-of-type(2){
	margin:0px 0px 10px 0px;
}

.optinWrapper.style1 .optinTeaser .stoerer{
    bottom: 0px;
    left: 6px;
    position: absolute;	
}


/*style2*/

.optinWrapper.style2{
	position:fixed;
	right:-175px;
	top:200px;
	background:url(../images/style2/hg.png) no-repeat top left;
	height:308px;
	width:276px;
}

.optinWrapper.style2 .optinTeaser{
 	background: url("../images/style2/buch.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 190px;
    width: 105px;
    float: left;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}

.optinWrapper.style2 .optinContent{
	width:175px;
	float:right;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	line-height:16px;
}

.optinWrapper.style2 .optinContent span{
	font-weight:700;
	
}

.optinWrapper.style2 .optinContent h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	margin:10px 0px 10px 0px;
	line-height:20px;
	
}

.optinWrapper.style2 .optinContent input[type="text"]{
	border:1px solid #d5d5d5;	
	color:#b2b2b2;
	font-family: 'Gnuolane';
	font-weight: 500;
	font-size:15px;
	padding: 5px 0px 5px 10px;
    width: 140px;
    letter-spacing: 1px;
}

.optinWrapper.style2 .optinContent input[type="text"].active{
	color:#000000;
}

.optinWrapper.style2 .optinContent >img:nth-of-type(1){
	margin:15px 0px 5px 0px;
}



.optinWrapper.style2 .optinContent div.inputWrapper:nth-of-type(1){
	margin:6px 0px 7px 0px;
}

.optinWrapper.style2 .optinContent div.inputWrapper:nth-of-type(2){
	margin:0px 0px 8px 0px;
}

.optinWrapper.style2 .optinTeaser .stoerer{
    bottom: 0px;
    left: 6px;
    position: absolute;	
}




/*global input*/

.inputWrapper{
	margin:0px;
	padding:0px;
	position:relative;
}

.inputError{
	display: none;
    left: -75%;
    position: absolute;
    padding: 3px 5px;
    background-color: #D6D6D6;
    width: 130px;
    top: 0px;
    color:red;
}


/*green submit button*/
.optinWrapper .greenSubmitButton{
	background:url(../images/greenSubmitButtonSprite.png) no-repeat top left;
	width:153px;
	height:32px;
	text-indent:999999px;
	cursor: pointer;
	border:none;
	padding:0px;
}

.optinWrapper .greenSubmitButton:HOVER{
	background-position: bottom left;
}

/*orange submit button*/
.optinWrapper .orangeSubmitButton{
	background:url(../images/orangeButtonSprite.png) no-repeat top left;
	width:151px;
	height:30px;
	text-indent:999999px;
	cursor: pointer;
	border:none;
	padding:0px;
}

.optinWrapper .orangeSubmitButton:HOVER{
	background-position: bottom left;
}