html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background-image: url('/webcard/img/bg.jpg');
	background-repeat:repeat-x;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#000000;
}

a:link { text-decoration: none; color:#066CCF; }
a:visited { text-decoration: none; color:#066CCF; }
a:active {text-decoration: none; color:#066CCF; }
a:hover {text-decoration: underline; color:#066CCF; }

a.whitelink:link { text-decoration: none; color:#FFFFFF; }
a.whitelink:visited { text-decoration: none; color:#FFFFFF; }
a.whitelink:active {text-decoration: none; color:#FFFFFF; }
a.whitelink:hover {text-decoration: underline; color:#FFFFFF; }

a.head:link { text-decoration: none; color:#A2C3E3; }
a.head:visited { text-decoration: none; color:#A2C3E3; }
a.head:active {text-decoration: none; color:#A2C3E3; }
a.head:hover {text-decoration: underline; color:#A2C3E3; }

a.button:link { text-decoration: none; color:#FFFFFF; }
a.button:visited { text-decoration: none; color:#FFFFFF; }
a.button:active {text-decoration: none; color:#FFFFFF; }
a.button:hover {text-decoration: none; color:#FFFFFF; }

a.btn_small:link { text-decoration: none; color:#FFFFFF; }
a.btn_small:visited { text-decoration: none; color:#FFFFFF; }
a.btn_small:active {text-decoration: none; color:#FFFFFF; }
a.btn_small:hover {text-decoration: none; color:#FFFFFF; }

h1 {
	font-family:Times New Roman;
	font-size:28px;
	color:#066CCF;
	font-weight:normal;
	margin-bottom:10px;
}
h2 {
	margin-top: 0px;
	font-size:12px;
	color:#666666;
}
h3 {
	margin-top: 0px;
	font-size:16px;
	color:#666666;
}

input {
	margin:3px 0px 8px 0px;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	width:240px;
	height:18px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#666666;
}
label {
	width:240px;
	margin: 0 0 15px 2px;
	height:auto;
	float:left;
	clear:right;
}
img {
	border:0;
}
.file {
	height:24px;
}

#header_webcard {

}

#header_editor {
	float:left;
	clear:both;
	width:978px;
	overflow:hidden;
	margin:0;
	background-color:white;
}
#header_blue_64 {
	position:relative;
	left:15px;
	text-align:center;
	float:left;
	width:846px;
	height:54px;
	background-image:url('/webcard/img/head_bg_64.jpg');
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 0 20px;
}
#prov_logo {
	float:left;
	margin:0;
	margin-top: 8px;
	width: 255px;
	text-align: center;
}
#header_blue_49 {
	position:relative;
	text-align:center;
	float:left;
	width:684px;
	height:39px;
	background-image:url('/webcard/img/head_bg_49.jpg');
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 0 20px;
}
#header_left {
	position:absolute;
	top:20px;
	left:20px;
	text-align:left;
}
#header_center {
	padding:0;
	margin:0px auto;
	text-align:right;
	padding-right: 27px;
	width:423px;
	font-size:14px;
	line-height:46px;
	color:#A2C3E3;
	vertical-align:middle;
}
#header_right {
	color:#A2C3E3;
	float:right;
	clear:right;
	margin: 10px 80px 0px 0px;
}
#grohelogo {
	float:right;
	clear:right;
}

#container {
	position:absolute;
	left:15px;
	width:980px;
	height:100%;
	text-align:left;
	width:1142px;
	/* border:1px solid red; */
}

#content {
	text-align:left;
	width:938px;
	float:left;
	padding: 25px 20px 0px 20px;
	color:#666666;
	background-color:white;
	/* border:1px solid green; */
}
#content_norm {
	text-align:left;
	float:left;
	padding: 10px 0px 0px 20px;
	color:#666666;
	width:940px;
	background-color:#FFFFFF;
	/* border:1px solid blue; */
}
#content_center {
	margin:0 auto;
	text-align:left;
	width:760px;
	padding-right:20px;
}

#content-right {	
	position:absolute;
	top:0px;
	left:980px;
	float:right;
	width:178px;
	text-align:right;
	background-image: url('/webcard/img/bg.jpg');
	background-repeat:repeat-x;
	/* border:1px solid black; */
	
}

#content_footer {
	padding: 35px 80px 0px 80px;
	width:730px;
	margin:60px auto;
	text-align:left;
	float:left;
	clear:both;
	background-image: url('/webcard/img/footer_bg.png');
	background-repeat:no-repeat;
}
p {
	margin:0;
}
p img {
	margin-right:15px;
	float:left;
	vertical-align:top;
}
.button {
	width:215px;
	height:42px;
	float:left;
	margin: 15px 0px 0px 70px;
	vertical-align:middle;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
	background-image: url('/webcard/img/button_orange.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}
.button2 {
	margin-top:6px;
	width:202px;
	height:27px;
	float:right;
	clear:right;
	vertical-align:middle;
	line-height:26px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-image: url('/webcard/img/button_orange_2.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}
.btn_small {
	width:119px;
	height:27px;
	float:right;
	line-height:27px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-image: url('/webcard/img/btn_small.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}
.btn_small2 {
	width:107px;
	height:27px;
	float:right;
	margin-right:11px;
	line-height:27px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-image: url('/webcard/img/btn_small_2.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}
.step {
	margin-top:5px;
	font-weight:bold;
	color:#666666;
	float:left;
	width:100px;
	height:25px;
	padding-left:30px;
	margin-right:15px;
	background-repeat: no-repeat;
}
.step_tp {
	margin-top:5px;
	font-weight:bold;
	color:#D1D1D1;
	float:left;
	width:100px;
	padding-left:30px;
	margin-right:15px;
	background-repeat: no-repeat;
}
#one {
	background-image: url('/webcard/img/step_1_1.gif');
}

#two {
	background-image: url('/webcard/img/step_2_1.gif');
}

#three {
	background-image: url('/webcard/img/step_3_1.gif');
}

#four {
	background-image: url('/webcard/img/step_4_1.gif');
}
#one_tp {
	background-image: url('/webcard/img/step_1_2.gif');
}

#two_tp {
	background-image: url('/webcard/img/step_2_2.gif');
}

#three_tp {
	background-image: url('/webcard/img/step_3_2.gif');
}

#four_tp {
	background-image: url('/webcard/img/step_4_2.gif');
}
#steps_header {
	padding: 0px 0px 0px 0px;
	/*width:650px;*/
	margin:0 auto;
	text-align:left;
	float:left;
	clear:both;
}
#cont_left {
	float:left;
	width:280px;
	margin-right:45px;
}
#cont_middle {
	float:left;
	width:275px;
	margin-right:35px;
}
#cont_right {
	position:relative;
	float:left;
	clear:right;
	width:240px;
	height:250px;
}
#cont_mr {
	width: 550px;
	float:left;
	clear:right;
}
.image_choice {
	float:left;
	margin: 0 20px 25px 0;
	padding: 4px 4px 4px 4px;
	width: 106px;
	height:102px;
	border: 1px solid #FFFFFF;
}
.choose_left {
	border:0;
	float:left;
	clear:left;
	margin-top:4px;
}
.choose_right {
	border:0;
	float:right;
	clear:right;
	margin-top:4px;
}
.chosen {
	border: 1px solid #FF6600;
}
.row {
	width:520px;
	clear:both;
	border-bottom: 1px dashed #666666;
	margin: 10px 0px 10px 0px;
}
.smaller {
	width:200px;
}
.down {
	position:absolute;
	bottom: 0px;
	right:0px;
}
.radioCL {
	width:20px;
	margin-right:10px;
	float:left;
	border:0;
}
.radioCL2 {
	width:20px;
	margin-right:10px;
	float:left;
	border:0;
}
input[type="checkbox"], input.checkbox {
	width:20px;
	margin-top:7px;
	border:0;
	vertical-align:middle;
}

#daten {
	width: 226px;
	padding-right:5px;
	margin: 15px 0px 5px 5px;
	float:left;
}
.list {
	background-image:url('/webcard/img/list_arrow.png');
	background-repeat:no-repeat;
	padding: 6px 0 0 15px;
	margin-bottom: 6px;
}
#right_wb_content {
	width: 702px;
	float:left;

}
#img_l {
	float:left;
}

#img_r {
	float:right;
	clear:right;
}
#text_wc {
	width: 678px;
	float:left;
	clear:both;
	padding:35px 0px 35px 0px;
}
#fltext_wc {
	float:left;
	width:320px;
}
#ad {
	width:220px;
	float:right;
	clear:right;
	margin-right:60px;
}
#access_labels, #access_data {
	margin-top:15px;
	line-height:24px;
	color:#000000;
	float:left;
	/*width:140px;*/
	font-weight:bold;
}

#access_data {
	margin-left: 15px;
}


/**********************************************************/

.error {
	border: 1px solid red;
}

.red {
	color: red;
}

#errorSubdomain, #errorSubdomainCharacter, #errorSubdomainWWW, #errorPassword {
	display: none;
}

.imprint {
	padding-bottom: 20px;
}

.paragraph {
	font-weight: bold;
	padding-bottom: 5px;
}

#FlashContainer {
	margin-top: -0px;
	margin-left: -40px;
}