@charset "UTF-8";

* {
margin: 0;
padding: 0;
border: 0;
font-size: 100.01%;
}

body {
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	font-size:      12px;
	line-height:    1.5;
	background: 	#172534 url("../images/bg_master.jpg") repeat-x top left;	
	color:          #606060;
	margin:         0 0 15px;
	padding:        0px;
	padding-top:    15px;
	text-align:     center;
}
a, a:visited {
	color:          #54781e;
}
a:active, a:hover {
	color:          #000;
}
a[href^="http:"] {
 background: transparent  url(/tocando/images/tocando/link-icon_external_07.gif) 100% 50% no-repeat;
 padding-right: 15px;
}
a.bildext {
	background: transparent;
	padding-right: 0px;
}
h1, h2, h3, h4, h5 {
	margin:         0px;
	padding:        0px;
	font-family:    Helvetica, Arial, Verdana, sans-serif;	
}
h1 {
	color:          #6a9825;
    margin:         0 0 .5em
}
h2 {
	color:          #6a9825;
	font-weight:  	bold;
	margin:			0 0 1em 0;
}
h3 {
	padding:        10px 0px 1px 12px;
	margin:         10px 0px;
	border-bottom:  #9a9a9a 1px solid;
	background: 	url(/tocando/images/tocando/list_style_image_green.gif) no-repeat left 68%;
}
h4 {
	font-weight:	bold;
}
h5 {
	color: 			#557a1d;
}
address {
	font-style:     normal;
}
img {
	border:			0;
	background: 	transparent;
	padding-right: 	0px;
}
ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
li {
	margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
}
p { margin: 0 0 1em 0; }
/**
  * @section fontcolors
  */
  .grey { color: #999;}
  .alert h5 { color: #9e2e2e; }
  .info h5 { color: #2b578b; }

/**
  * @section fontsize
  */
  .small { font-size: 80%; }
  h1 { font-size: 1.8em; }
  h2 { font-size: 16px; }
  h3 { font-size: 1.3em; }
  h4 { font-size: 1.2em; }
  h5 { font-size: 1.2em; }
  
/**
  * @section design
  */
#style-header {
	margin:         0 auto;
	padding:        20px 20px 0px;
	text-align:     left;
	width:          770px;
	height:         150px;
	background:     url(./images/backgrounds/header_bg.png) no-repeat;
}
#style-navigation {
	margin:         0 auto;
	padding:        5px 0px 0px 30px;
	text-align:     left;
	width:          780px;
	height:         108px;
	background:     transparent url(./images/backgrounds/navigation_bg2.png) no-repeat;
	clear:          left;
	text-align:     left;
}
#style-content {
	margin:         0 auto;
	padding:        20px 20px 10px;
	text-align:     left;
	width:          770px;
	background:     transparent url(./images/backgrounds/content_bg.png) repeat-y;
}
#style-footer {
	margin:         0 auto;
	padding:        0px 0px 0px 20px;
	width:          790px;
	height:         30px;
	background:     transparent url(./images/backgrounds/footer_bg.png) no-repeat;
	text-align:     left;
}

/**
  * @section content
  */
#content-left {
	float:          left;
	width:          578px;
	padding:   	    0 5px;
	text-align:     left;
	background:		#fff;
}
#content-right {
	font-size:      11px;
	margin-left:    10px;
	padding-left:   10px;
	text-align:     left;
	float:          left;
	width:          162px;
}

/**
  * @section content price
  */
.infobox-header, .infobox-header-detail {
	color:          #FFFFFF;
	margin:         0;
	padding:        8px 10px;
	background:     #EFEFE7 url(../images/tocando/box_header.gif) repeat-x;
	text-align:     left;
}
.infobox-header a, .infobox-header a:visited, .infobox-header a:active {
	display:         block;
	color:           #FFF;
	text-decoration: none;
	font-weight:     normal;
}
.infobox-preis, .infobox-preis-detail {
	margin:         0;
	padding:        5px 10px;
	background:     #EDFADB;
	text-align:     left;
	color:		  	#990000;
}
.infobox-content {
	margin:         10px 0px;
	padding:        0px 5px;
	text-align:     left;
	background: 	#fdfdfd url(/tocando/images/tocando/infobox_bg.png) no-repeat;
}
.infobox-content ul {
	margin:	  		0;
	padding:        5px 0 0;
	list-style-type:none
}
.infobox-content li {
	margin:	  				0;
	background: 	  		url(/tocando/images/tocando/list_style_image_green.gif) no-repeat;
	background-position: 	0px 6px;
	padding: 	  			3px 0px 3px 13px;
	border-bottom:  		#8fb833 1px dashed;
}
.infobox-content .small {
    padding: 10px 0;
}

/* Diverses */
.schwarz {
	color:          #000;
	margin:	  		0px;
	padding:	   	0 .2em .8em;
}
.tocando {
	color:          #92C221;
	font-weight:    bold;
	font-size:      15px;
}
.headline {
	color:          #92C221;
	font-weight:    bold;
	font-size:      13px;
	text-transform: uppercase;
}
.none {
	display:        none;
}
.emaillink, .emaillink:hover {
	width: 	  		159px;
	height: 	  	16px;
	background: 	url(/tocando/images/email2.gif) no-repeat;
	color: 	  		#525252;
	text-decoration:none;
}
#about ul {
	list-style-type:none;
	padding: 	  	0px;
	margin: 	  	0px auto;
}
#about li {
	background: 	url(/tocando/images/tocando/ja.png) no-repeat left 50%;
	padding: 	  	6px 0px 6px 40px;
	font-size:		1.2em;
}
.sidenav {
	list-style-type:none;
	padding: 	  	0;
	margin: 	  	0 0 1em 0;
	width:          155px;
}
.sidenav li {
	background: 	url(/templates/coolblue/images/bullet.gif) no-repeat;
	background-position: 	0px 6px;
	padding: 		1px 0px 0px 10px;
	line-height:    16px;
	font-size:      11px;
}
#search {
	margin:			1em 0;
	padding:		5px;
}
#searchinput {
	padding:        0px 0px 5px 5px;
	vertical-align: middle;
}
#livehelp {
	margin:			7px 5px 0px 0px;
	padding:		0px 50px 0px 0px;
	float:			right;
}
.select {
    padding:        5px 10px;
    border:         1px solid #444;
    cursor:         pointer;
}
.select:hover {
    background:     #efefef;
}


/**
  * @section highlight boxes
  */
.tip, .alert, .info {
	margin:			0 0 2em;
	padding: 		1em 1em .7em 5em;
}
.tip {
	border-top: 	2px solid #8cb62d;
	border-bottom: 	2px solid #8cb62d;
	background: 	#edfadb url(/tocando/images/tocando/icon-text-tip.png) no-repeat 1.5em;
}
.alert {
	border-top: 	2px solid #FEABAB;
	border-bottom: 	2px solid #FEABAB;
	background: 	#FFDFDF url(/tocando/images/tocando/icon-text-alert.png) no-repeat 1.5em;
}
.info {
	border-top: 	2px solid #B7D2F2;
	border-bottom: 	2px solid #B7D2F2;
	background: 	#DBE7F8 url(/tocando/images/tocando/icon-text-info.png) no-repeat 1.5em;
}

.formfieldnew {
	font-family: 	Calibri, Helvetica, Arial, sans-serif;
	font-size:		15px;
	padding: 		.3em;
	margin:			0;
	background:		#f4f7f0;
	border:			1px solid #8cb62d;
}
.formfieldgrey {
	font-family: 	Calibri, Helvetica, Arial, sans-serif;
	font-size:		15px;
	padding: 		.3em;
	margin:			0;
	background:		#FFFFFF;
	border:			1px solid #838B8B;
}
.formfieldlegend {
	color: 			#606060;
	border: 		#000 1px solid;
	padding: 		.5em .8em;
	background:		#f4f7f0;
	font-weight: 	bold;
}
.formfieldfieldset {
	border: 		1px solid #adaeab;
	margin-bottom:	1em;
}
.formlabel {
	border-bottom:  #000 1px dashed;
	font-family: 	Calibri, Helvetica, Arial, sans-serif;
	font-size:		16px;
}
.formlabellast {
	border-bottom:  none;
	font-family: 	Calibri, Helvetica, Arial, sans-serif;
	font-size:		16px;
}
img.image-border { border: 1px solid #aaa; padding: 3px; }
.floatbox .image-border, .floatbox p { margin: 0 .8em; }

/**
  * @section subtemplates
  */
  .floatbox, .subcolumns { width: 100%; overflow:hidden; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

/**
  * @section floatboxen
  */
  .floatbox { overflow:hidden; }  
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

/**
  * @section domtab
  */
  div.domtab { padding:0 3em; width:80%; font-size:90%; }
  ul.domtabs { float:left; width:100%; margin:2em 0 0 0; }
  ul.domtabs li { float:left; padding:0 .5em 0 0; }
  ul.domtabs a:link,
  ul.domtabs a:visited,
  ul.domtabs a:active,
  ul.domtabs a:hover { width:8em; padding:.2em 1em; display:block; background:#666; color:#ccc; height:3em; font-weight:bold; text-decoration:none; }
  html>body ul.domtabs a:link,
  html>body ul.domtabs a:visited,
  html>body ul.domtabs a:active,
  html>body ul.domtabs a:hover{ height:auto; min-height:3em; }
  ul.domtabs a:hover { background:#696; }
  div.domtab div { clear:both; width:auto; background:#696; color:#fff; padding:1em 3em; }
  ul.domtabs li.active a:link,
  ul.domtabs li.active a:visited,
  ul.domtabs li.active a:active,
  ul.domtabs li.active a:hover { background:#696; color:#fff; }
  #domtabprintview { float:right; padding-right:1em; text-align:right; }
  #domtabprintview a:link,
  #domtabprintview a:visited,
  #domtabprintview a:active,
  #domtabprintview a:hover { color:#fff; }
  div.domtab div a:link,
  div.domtab div a:visited,
  div.domtab div a:active  { color:#fff; display:block; padding:1em .5em; font-weight:bold; font-size:1.3em; }
  div.domtab div h2 a,
  div.domtab div h2 a:hover,
  div.domtab div h2 a:active  { color:#cfc; display:inline; padding:0; font-weight:normal; font-size:1em; }

/**
  * @section other scheme
  */
  #other { font-size:.8em; margin-left:.3em; width:60em;	margin-bottom:3em; float:left; }
  div#other.domtab div { clear:both; width:54em; background:#669; color:#fff; padding:1em 3em;} 
  #other ul.domtabs a:hover { background:#669; }
  div#other ul.domtabs li.active a:link,
  div#other ul.domtabs li.active a:visited,
  div#other ul.domtabs li.active a:active,
  div#other ul.domtabs li.active a:hover { background:#669; color:#fff; }
  #other div { float:left; }
  ul.prevnext { float:left; width:100%; }
  ul.prevnext li { float:left; width:49%; } 
  ul.prevnext li.next{	float:right; text-align:right; }
  .hostingview ul { margin: .6em 0; }
  .hostingview ul, .hostingview li { margin-left: 45px; padding-bottom: .3em; list-style-type:none; }
  .inlinenavi { margin: 1em 0 0 5px; padding: 0; }
  .inlinenavi li { display: inline; margin: 0; padding: 0 10px 0 0; }
  .inlinenavi a, .startseite a, .floatbox a { text-decoration: none; font-weight: bold; color: #444; }
  
/**
  * @section contract and icons scheme
  */
  .contractdetails h3 { font-size: 1.4em; padding: 6px 0 6px 40px; margin: .5em 0 0; height: 1%; background: none; border: none; }
  .icon-euro { background: transparent url(./images/icons/euro.png) no-repeat left 50%; }
  .icon-archive { background: transparent url(./images/icons/archive.png) no-repeat left 50%; }
  .icon-article { background: transparent url(./images/icons/article.png) no-repeat left 50%; }
  .icon-traffic { background: transparent url(./images/icons/traffic.png) no-repeat left 50%; }
  .icon-mail { background: transparent url(./images/icons/mail.png) no-repeat left 50%; }
  .icon-plugins { background: transparent url(./images/icons/plugins.png) no-repeat left 50%; }
  .icon-states { background: transparent url(./images/icons/states.png) no-repeat left 50%; }
  .icon-secure { background: transparent url(./images/icons/secure.png) no-repeat left 50%; }
  .icon-admin { background: transparent url(./images/icons/admin.png) no-repeat left 50%; }
  .icon-extras { background: transparent url(./images/icons/extras.png) no-repeat left 50%; }
  .icon-shopoptions { background: transparent url(./images/icons/bag_green.png) no-repeat left 50%; }
  .icon-blogging { background: transparent url(./images/icons/blogging.png) no-repeat left 50%; }

/**
  * @section startseite
  */
  .startseite .subc { border: 1px solid #ddd; background: #edfadb; margin: .5em; padding: .8em; background: #fff url(./images/backgrounds/grey-to-white.gif) repeat-x left bottom; }
  .startseite li { list-style-type: circle; }
  .startseite h5 { font-size: 1.2em; color: #444; }

/**
  * @section gradients
  */
  .grey_to_white { margin: 1em 0; padding: .8em 0 0; border: 1px solid #ddd; background: #edfadb; background: #fff url(./images/backgrounds/grey-to-white.gif) repeat-x left bottom; }

/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  .contractdetails table { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #8cb62d solid; }
  .contractdetails table caption { font-variant:small-caps; }

  .contractdetails th, .contractdetails td { padding: 0.5em; }
  .contractdetails thead th { color: #000; border-bottom: 2px #8cb62d solid; text-align: left; }
  .contractdetails tbody th { background: #eee url(./images/backgrounds/grey-to-white.gif) repeat-x left bottom; color: #333; }
  .contractdetails tbody th[scope="row"], .contractdetails tbody th.sub { background: #f0f0f0; }

  .contractdetails tbody th { border-bottom: 1px solid #fff; text-align: left; }
  .contractdetails tbody td { border-bottom: 1px solid #eee; }

  .contractdetails tbody tr:hover th[scope="row"],
  .contractdetails tbody tr:hover tbody th.sub { background: #f0e8e8; }
  .contractdetails tbody tr:hover td { background: #edfadb; }
  
  .contractdetails a { text-decoration: none; font-weight: bold; color: #444; }
  
  
  .title {font-size:12px; font-weight: bold;}