/* CSS Document */

/*
*  ------------------------
*  Summary of the contents:
*  ------------------------
*
*    - Main definitions and global styles
*    - Main wrapper around the div containers and columns-defintions
*    - Navigation definitions
*    - Header definitions
*    - Main content  
*    - Footer definitions
*                       
*/

/*
* --------------------------------------------------------------------
* Main definitions
* --------------------------------------------------------------------
*/

body {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr {
	margin: 0;
	padding: 0;
}

div {
	border: 0;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 6px;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	line-height: 16px;
}

h3 {
	font-size: 11px;
	line-height: 14px;
	padding-top: 14px;
}

h4 {
	font-size: 11px;
	line-height: 14px;
	padding-top: 6px;
}

.inhalt br {
	line-height: 12px;
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
}

a:active {
}


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

table {
	border: none;
}

pre, code {
	font-size: 11px;
}

hr {
	height: 1px;
}

p {
	padding: 0;
	margin: 0;
}

code {
	white-space: pre;
}

.invisible {
	display: none;
}

.clearzero {
	height: 0;
	line-height: 0px;
	clear: both;
}

.clear {
	height: 0;
	_height: 8px;
	line-height: 22px;
	margin: 1px;
	clear: both;
	_display: none;
}

.ro {
	background:url(../images/crnr_grey_ro.gif) top right no-repeat;
}

.lo {
	background:url(../images/crnr_grey_lo.gif) top left no-repeat;
}

.ru {
	background:url(../images/crnr_grey_ru.gif) bottom right no-repeat;
}

.lu {
	background:url(../images/crnr_grey_lu.gif) bottom left no-repeat;
}

.text_orange {
	font-size: inherit;
}

.text_orange_bold {
	font-size: inherit;
	font-weight: bold;
}

.edition {
	font-size: 12px;
	font-weight: bold;
}

.fett {
	font-weight: bold;
}

.text_grey {
	font-size: 11px;
}

.inhalt {
	margin: 0;
	padding: 13px 10px 10px 10px;
	white-space: normal;
}

.text_eingerueckt {
	padding: 0px 0px 0px 4px;
	margin: 0;
	white-space: normal;
}

.zentriert {
	text-align: center;
}

.italic {
	font-style: italic;
}


/**
* --------------------------------------------------------------------
* Main wrapper around the div containers and columns
* --------------------------------------------------------------------
*/
#wrapper1 {
	width: 765px;
	margin: 0 auto;
}


/**
* Main columns definitions
*/
.columns {
	width: 765px;
}

.leftcolumn {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
}

.centercolumn {
	margin: 0px 0px 0px 6px;
	padding: 0px;
	width: 549px;
	float: left;
	text-align: left;
	overflow: hidden;
}





/**
* --------------------------------------------------------------------
* Navigation definitions
* --------------------------------------------------------------------
*/
/**
* Main navigation
*/

#header ul {
	width: 765px;
	list-style: none;
	padding-top: 0px;
	margin-left: -1px;
}

#header li {
	white-space: nowrap;
	float:left;
	width: 20%;
}

#header ul a {
	height: 22px;
	display: block;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/lines_senkrecht.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header ul a:hover {
	text-decoration: none;
}

#header ul li .first_navi_item {
	background-image:none;
}

#header .first_navi_item a {
	background-image: none;
}


/**
*  Sidebar left and Sub navigation
*/

.block_sidebar {
}


.inhalt_foursteps {
	padding: 12px;
}

.inhalt_foursteps .active {
	color: #FF782C;
}

.inhalt_foursteps .inactive {
	color: #8E8E8E;
}

.inhalt_foursteps img {
	padding-left: 4px;
}

.inhalt_foursteps table td {
	text-align: left;
	vertical-align: bottom;
}

.sidebar_ueberschrift{
	width: 194px;
	height: 25px;
	background-image: url(../images/block_grey_210.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 9px 0px 0px 16px;
	text-align: left;
	margin-bottom: 3px;
}

.subnavi {
	text-align: left;
	padding: 0px 15px 0px 15px;
}

.subnavi ul {
}

.subnavi ul li {
	list-style: none;
}

.subnavi ul li a {      
	background-image: url(../images/navi_quad.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	_background-position: 0px 11px;
	padding-left: 15px;                         
	display: block;
	height: 34px;
	margin: 0px;
	border-bottom: 1px solid ;
	text-decoration: none;
	line-height: 32px;
}

.subnavi ul li a:hover {
	text-decoration: none;
}

.subnavi li ul a {
	padding-left: 5px;
}

.subnavi ul ul ul ul a {
	padding-left: 15px;
}

.subnavi .lastcategory a {
	border: none;
	_padding-bottom: 0px;
}

.subcat {
	_padding-top: 10px;
	padding-left: 10px;
}

.subcat li {
	background: url(../images/list_quad.gif) 5px 16px no-repeat;
}

.leftcolumn .block_rund_schmal {
	margin-bottom: 8px;
	_margin-bottom: 7px;
}

.abstand_in_sidebar {
	width: 100%;
	height: 12px;
}

.abstand_in_subnavi {
	height: 6px;
	font-size: 6px;
	margin:0;
	padding:0;
}

.abstand_in_subnavi_unten {
	width: 100%;
	height: 6px;
	_height: 0px;
	line-height: 4px;
	font-size: 4px;
	margin: 0px;
	padding: 0px;
}

.meldungen {
	text-align: left;
	line-height: 16px;
	padding: 0px 15px 0px 15px;
}

.meldungen a {
	display: block;
	padding-left: 5px;
}

.meldungen a:hover {
	text-decoration: none;
}

.meldungen img {
	margin-top: 1px;
	_margin-top: 2px;
	vertical-align: middle;
}

.qualitaet {
	padding: 10px 5px 5px 5px;     
}

.qualitaet img {
	padding-bottom: 5px;
}


/**
* --------------------------------------------------------------------
* Header definitions
* --------------------------------------------------------------------
*/
#header {
	position: relative;
	height: 27px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url(../images/block_orange_765.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.header {
	margin: 0px;
	padding: 0px;
}
									   
.abstand_unter_header {
	font-size: 4px;
	line-height: 4px;
	_line-height: 4px;
	height: 8px;
	_height: 7px;
	clear: both;
}



/**
* Over-Header definitions
*/
#overhead {
	height: 82px;
	width: 765px;
	text-align: left;
}

#twosteps_logo {
	float: left;
	width: 250px;
	padding-top: 12px;
	margin: 0;
}

#twosteps_logoslogan {
	width: 300px;
	margin: 0;
}

#twosteps_slogan {
	width: 420px;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0px;
	padding: 20px 0px 4px 0px;
	text-align: right;
	float: right;
	border-bottom: 1px solid #E7E7E7;
}

#top_flags {
	padding: 0px 0px 4px 0px;
	text-align: right;
	float: right;
}

.top_flags_table {
	text-align: right;
}

#static_navi{
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0px;
	width: 368px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

#static_navi ul {

}

#static_navi li {
	float: right;
	list-style: none;
	padding: 4px 0px 2px 0px;
}

#static_navi li a {
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #E7E7E7;
}

#static_navi li a:hover {
	text-decoration: none;
}

#static_navi .last_item a {
	border-right: none;
	padding-right: 0px;
}
#static_navi_bottom {
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0px;
	width: 368px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

#static_navi_bottom ul {

}

#static_navi_bottom li {
	float: right;
	list-style: none;
	padding: 2px 0px 2px 0px;
}

#static_navi_bottom li a {
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #E7E7E7;
}

#static_navi_bottom li a:hover {
	text-decoration: none;
}

#static_navi_bottom .last_item a {
	border-right: none;
	padding-right: 0px;
}


/**
* Search box and language selection box
*/
.block_left_box {
	width: 216px;
	float: left;
}

#callbacktop,
#search,
#langform {
	margin: 5px 0px 0px 0px;
	padding: 15px 0px 4px 16px;
	height: 60px;
	width: 200px;
	background-image: url(../images/topbox_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
}

#callbacktop {
	background-image: url(../images/topbox_orange.gif);
}

#search {
	background-image: url(../images/topbox_orange.gif);
}

#langform {
	background-image: url(../images/topbox_grey_home.gif);
}

#langform select, 
#search select {
	margin-top: 10px;
	width: 150px;
}

#callbacktop .txt {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 50px;
	padding-right: 20px;
	margin-bottom: 5px;
}

#search label, 
#langform label {
	font-size: 12px;
	font-weight: bold;    
	padding-right: 20px;
}

.searchandmore {
	padding-top: 1px;
}

.searchandmore .block_rund_breit {
	margin-top: 5px;
}

.searchandmore .inhalt {
	height: 164px;
	margin:0;
	padding: 10;
}


/**
* head_bild 
*/

.head_bild_random {
	float: left;
	width: 549px;
	height: 165px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}


/**
* --------------------------------------------------------------------
* Main content
* --------------------------------------------------------------------
*/

.content_ueberschrift{
	width: 547px;
	_width: 535px;
	height: 25px;
	background-image: url(../images/block_grey_549.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 9px 0px 0px 14px;
	text-align: left;
	margin-bottom: 3px;
	_margin-top: 0px;
}

.content_bild_links {
	border: 0;
	text-align: left;
	float: left;
	padding-right: 10px;
}

/**
* runde ecken
*/
.block_rund_breit {
	margin-top: 0px;
	width: 549px;
	border: 0px; 
	float: left;
}

.block_rund_mid {
	margin-left: 30px;
	margin-top: 0px;
	width: 499px;
	border: 0px; 
	float: left;
}

.block_rund_schmal {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 210px;
	float: left;
}

.block_rund_2spalt {
	width: 363px;

	float:left;
}

.main-content-2spalt td {
	 vertical-align: bottom;
}

.block_rund_1spalt {
	width: 179px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.box_rund_grey {
	line-height: 18px;
	margin: 0px;
	width: 85%;
	border: 0px; 
	float: left;
}

.box_rund_grey2 {
	line-height: 18px;
	margin: 0px;
	width: 100%;
	border: 0px; 
	float: left;
}

.box_rund_grey .inhalt,
.box_rund_grey2 .inhalt {
	padding-bottom: 12px;
}

.box_rund_grey_ro {
	background: url(../images/crnr_box_grey_ro.gif) top right no-repeat;
}

.box_rund_grey_lo {
	background: url(../images/crnr_box_grey_lo.gif) top left no-repeat;
}

.box_rund_grey_ru {
	background: url(../images/crnr_box_grey_ru.gif) bottom right no-repeat;
}

.box_rund_grey_lu {
	background: url(../images/crnr_box_grey_lu.gif) bottom left no-repeat;
}

.box_rund_grey ul,
.box_rund_grey2 ul {
}


.box_rund_grey ul li,
.box_rund_grey2 ul li {
	list-style: none;
}

.box_rund_grey li,
.box_rund_grey2 li {
	padding-left: 16px;
	background-image: url(../images/ul_quad.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	_background-position: 0px 2px;
}

.box_rund_orange {
	line-height: 18px;
	margin: 0px;
	width: 100%;
	border: 0px; 
	float: left;
}

.box_rund_orange .inhalt {
	padding-bottom: 12px;
}

.box_rund_orange_ro {
	background: url(../images/crnr_box_orange_ro.gif) top right no-repeat;
}

.box_rund_orange_lo {
	background: url(../images/crnr_box_orange_lo.gif) top left no-repeat;
}

.box_rund_orange_ru {
	background: url(../images/crnr_box_orange_ru.gif) bottom right no-repeat;
}

.box_rund_orange_lu {
	background: url(../images/crnr_box_orange_lu.gif) bottom left no-repeat;
}

.box_rund_orange ul {
}

.box_rund_orange ul li {
	list-style: none;
}

.box_rund_orange li {
	padding-left: 16px;
	background-image: url(../images/ul_quad.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	_background-position: 0px 2px;
}

.trennlinie {
	border-top: 1px solid #E7E7E7;
	margin: 9px 0px 8px 0px;
}

.content_without_border {
	width: 549px;
	margin: 0px;
	padding-top: 10px;
}

.content_without_border img {
	padding-right: 15px;
	vertical-align: middle;
}

.breiter_content {
	padding: 0px 5px 0px 5px;
}
			 
.teaser_right_block {
	padding: 0px 0px 0px 6px;
	float: left;
	width: 179px;
}

.vorinstalliert img {
	margin: 10px 0px;
}


/* formular tables */

.formular_grey {
	width: 98%;
/*    padding: 0px 2px 0px 5px;*/
	margin: 0px 4px 0px 4px;
	border: 0px;
}

.formular_grey tr td {
	padding: 1px 0px 3px 0px;
}

.formular_orange {
	width: 98%;
/*    padding: 0px 2px 0px 5px;*/
	margin: 0px 4px 0px 4px;
	border: 0px;
		color: #FFFFFF;
}

.formular_orange tr td {
	padding: 1px 0px 3px 0px;
}


/* domain_info table */

.domain_info {
	width: 98%;
/*    padding: 0px 2px 0px 5px;*/
	margin: 0px 4px 0px 4px;
	border: 0px;
}

.domain_info tr td {
	padding: 1px 0px 3px 0px;
}

.domain_info_odd {
	padding: 1px 0px 3px 0px;
	background-color: #E7E7E7;
}

.domain_info_headline {
	font-weight: bold;
	line-height: 18px;
	vertical-align: top;
}

.domain_info_headline_center {
	font-weight: bold;
	line-height: 18px;
	vertical-align: top;
	text-align: center;
}

.centercell {
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

.leftcell {
	border-bottom: 1px solid #E7E7E7;
	width: 74%;
}

.breitcell {
	border-bottom: 1px solid #E7E7E7;
	width: 94%;
	margin-bottom: 3px;
}

.breitcell a {
  text-decoration: underline;
  color: #000000;
}

.rightcell {
	vertical-align: bottom;
	border-bottom: 1px solid #E7E7E7;    
	width: 22%;
	text-align: center;
}

.lastcell {
	border-bottom: 0px;
	padding: 0px;
}

.infocell {
	border-bottom: 1px solid #E7E7E7;
	width: 6%;
	text-align: center;
}


/* helpup */

.helpup {
	display: none;
	position: absolute;
	z-index: 400;
	top: 20px;
	left: 20px;
	width: 202px;
}

.helpup .div_info_head {
	background-image: url(../images/crnr_grey_helpup_o.gif);
	background-repeat: no-repeat;
	padding: 0px 8px 0px 30px;
	height: 20px;
}

.helpup .div_info_content {
		text-align: left;
	background-image: url(../images/crnr_grey_helpup_m.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding: 0px 8px 0px 30px;
}

.helpup .div_info_foot {
	background-image: url(../images/crnr_grey_helpup_u.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px 8px 0px 30px;   
}
													  
.edition_top {
	padding: 0px 0px 0px 4px;
}

.edition_top img {
	padding: 4px 0px 6px 0px;
}

.edition_footer {
	padding: 0px 0px 0px 4px;
	_margin-top: 0px;
}

.edition_footer .re_oben {
	text-align: right;
	vertical-align: top;
}

.edition_footer .re_oben a strong {
		white-space: nowrap;
}


/* buttons */

.button_form_abschicken {
		color: #FFFFFF;
		border: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	width: 120px;
	height: 21px;
	background-image: url(../images/bt_40_orange.gif);
	background-repeat: no-repeat;
		margin-left: 0px;
}

.button_form_abschicken a {
	display: block;
		color: #FFFFFF;
}

.button_form_abschicken a:hover {
	text-decoration: none;
		color: #FFFFFF;
}


.button_form_weiter,
.button_form_zurueck {
		color: #FFFFFF;
		border: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	width: 80px;
	height: 21px;
	background-image: url(../images/bt_30_orange.gif);
	background-repeat: no-repeat;
		margin-left: 0px;
}
.button_form_weiter_cc {
		color: #FFFFFF;
		border: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	width: 140px;
	height: 21px;
	background-image: url(../images/bt_50_orange.gif);
	background-repeat: no-repeat;
		margin-left: 0px;
}

.button_form_weiter_cc a,
.button_form_weiter a,
.button_form_zurueck a {
	display: block;
		color: #FFFFFF;
}

.button_form_weiter_cc a:hover,
.button_form_weiter a:hover,
.button_form_zurueck a:hover {
	text-decoration: none;
		color: #FFFFFF;
}


.abstand_button {
	height: 6px;
	clear: both;
}

.edition_footer .button_bestellen {
	float: left;
}

.edition_footer .button_infos {
	float: left;
	padding-right: 6px;
}

.button_weiter {
	font-weight: bold;
	text-align: center;
	width: 80px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_30_orange.gif);
	background-repeat: no-repeat;
	float: left;
}

.button_weiter a {
		color: #FFFFFF;
	display: block;
}

.button_weiter a:hover {
	text-decoration: none;
}

.button_bestellen {
	font-weight: bold;
	text-align: center;
	width: 140px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_50_orange.gif);
	background-repeat: no-repeat;
	float: left;
}

.button_bestellen a {
		color: #FFFFFF;
	display: block;
}

.button_bestellen a:hover {
	text-decoration: none;
}

.button_bestellen2 {
	font-weight: bold;
	text-align: center;
	width: 80px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_30_orange.gif);
	background-repeat: no-repeat;
	float: left;
}

.button_bestellen2 a {
		color: #FFFFFF;
	display: block;
}

.button_bestellen2 a:hover {
	text-decoration: none;
}

.button_bestellen3 {
	font-weight: bold;
	text-align: center;
	width: 80px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_30_orange.gif);
	background-repeat: no-repeat;
		float: none;
}

.button_bestellen3 a {
		color: #FFFFFF;
	display: block;
}

.button_bestellen3 a:hover {
	text-decoration: none;
}
.button_infos3 {
	font-weight: bold;
	text-align: center;
	width: 80px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_30_grey.gif);
	background-repeat: no-repeat;
		float: none;
}

.button_infos3 a {
		color: #FFFFFF;
	display: block;
}

.button_infos3 a:hover {
	text-decoration: none;
}
.button_infos {
	font-weight: bold;
	text-align: center;
	width: 60px;
	height: 22px;
		line-height: 20px;
	background-image: url(../images/bt_20_grey.gif);
	background-repeat: no-repeat;
	float: left;
}

.button_infos a {
	display: block;
}

.button_infos a:hover {
	text-decoration: none;
}

.button_details {
	 font-weight: bold;
	 text-align: center;
	 width: 140px;
	height: 22px;
		line-height: 20px;
	 background-image: url(../images/bt_50_grey.gif);
	 background-repeat: no-repeat;
	 float: left;
}

.button_details a {
	 display: block;
}

.button_details a:hover {
	 text-decoration: none;
}

.button_callbacktop {
	font-weight: bold;
	text-align: center;
	padding: 1px 0px 0px 0px;
	width: 80px;
	height: 20px;
	background-image: url(../images/bt_30_grey.gif);
	background-repeat: no-repeat;
		margin-left: 50px;
}

.button_callbacktop a {
	display: block;
}

.button_callbacktop a:hover {
	text-decoration: none;
}


.button_callback {
	font-weight: bold;
	text-align: center;
	padding: 1px 0px 0px 0px;
	width: 140px;
	height: 20px;
	background-image: url(../images/bt_50_orange.gif);
	background-repeat: no-repeat;
	float: left;
}

.button_callback a {
	display: block;
}

.button_callback a:hover {
	text-decoration: none;
}

.callback {
	background-image: url(../images/teaser_callback.jpg);
	height: 280px;
}

.callback_inhalt {
	padding: 250px 0px 0px 20px;
}

.callback_klein {
	font-size: 18px;
	font-weight: bold;
}

.callback_gross {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	display: block;
	padding-bottom: 10px;
}

.abstand_teaser {
	height: 12px;
	clear: both;
}

.preis {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}

.abstand_links {
	padding: 0px 0px 0px 10px;
}

.abstand_4px_links {
	padding: 0px 4px 0px 4px;
}

.abstand_6px {
	padding: 0px 6px 6px 0px;
	float: left;
}

.abstand_6px_oben {
	padding: 6px 10px 0px 0px;
	clear: both;
}

.abstand_texte {
	height: 12px;
	clear: both;
}

.stern {
	float: left;
	padding-left: 5px;
}

.table_pakete {
	margin: 0px;
	padding: 0px;
	width: 100%;
}


/*
* --------------------------------------------------------------------
* Footer definitions
* --------------------------------------------------------------------
*/
#footer {
   margin-top: 0px;
   padding-top: 0px;
   text-align: right;
}

#footer p#copyrightnote {
   text-align: right;
}

.footer_bild {
	float:left;
	padding-right: 10px;
}

.footer_text_oben {
	float:left;
	text-align: right;
	width: 545px;
	padding-top: 1px;
	padding-bottom: 2px;
	font-size: 10px;
	border-bottom: 1px solid #E7E7E7;
}

.footer_text_unten {

}

.abstand_footer {
	height: 16px;
}